@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);@import url(https://fonts.googleapis.com/css?family=Noto+Serif);.menu:hover{text-decoration:underline}@font-face {
  font-family: 'HarlowSolidSBOP-Regular';
  src: url(asset-path("2B9C67_0_0.eot", font));
  src: url(asset-path("2B9C67_0_0.eot?#iefix", font)) format("embedded-opentype"), url(asset-path("2B9C67_0_0.woff", font)) format("woff"), url(asset-path("2B9C67_0_0.ttf", font)) format("truetype"), url(asset-path("2B9C67_0_0.svg#wf", font)) format("svg"); }

@font-face {
  font-family: 'CorsivaMTStd';
  src: url(asset-path("2B9C67_1_0.eot", font));
  src: url(asset-path("2B9C67_1_0.eot?#iefix", font)) format("embedded-opentype"), url(asset-path("2B9C67_1_0.woff", font)) format("woff"), url(asset-path("2B9C67_1_0.ttf", font)) format("truetype"), url(asset-path("2B9C67_1_0.svg#wf", font)) format("svg"); }

@font-face {
  font-family: 'MyriadPro-BlackIt';
  src: url(asset-path("MyriadPro-BlackIt.eot", font));
  src: url(asset-path("MyriadPro-BlackIt.eot?#iefix", font)) format("embedded-opentype"), url(asset-path("MyriadPro-BlackIt.woff", font)) format("woff"), url(asset-path("2B9C67_1_0.ttf", font)) format("truetype"), url(asset-path("MyriadPro-BlackIt.svg#wf", font)) format("svg");
  font-weight: 400; }

body {
  background: #e7e7e7;
  font-family: 'Noto Serif', serif;
  overflow-y: scroll; }

body.no-overflow {
  overflow: hidden; }

.non-footer {
  background: #fafafa;
  padding-bottom: 80px; }

.HarlowSolidSBOP-Regular {
  font-family: HarlowSolidSBOP-Regular;
  font-weight: normal;
  font-style: normal; }

.CorsivaMTStd {
  font-family: CorsivaMTStd;
  font-weight: bold;
  font-style: normal; }

.MyriadPro-BlackIt {
  font-family: MyriadPro-BlackIt;
  font-weight: 400;
  font-style: normal; }

.alert-error {
  color: #ed2800; }

.alert {
  padding: 0;
  padding-left: 20px; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  outline: none;
  color: #fff; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: black;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.header {
  width: 940px;
  margin: 0 auto;
  padding-top: 20px; }
  .header .logo {
    display: block;
    margin: 0 auto; }
  .header .nav {
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    border-bottom: 3px double #121214;
    padding-bottom: 15px;
    padding-top: 20px;
    padding-left: 0; }
    .header .nav li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      padding: 0 22px;
      zoom: 1;
      border-left: 2px solid #e3e3e3;
      *display: inline; }
      .header .nav li a {
        font-size: 15px;
        color: #888;
        text-decoration: none; }
      .header .nav li a:hover {
        border-bottom: 2px solid #d1d1d1;
        color: #111111; }
      .header .nav li a.active {
        color: #111111;
        border-bottom: 2px solid #d1d1d1; }
    .header .nav li:first-child {
      border-left: 0; }

.container {
  width: 940px;
  margin: 0 auto; }
  .container .static-header {
    font-size: 32px;
    color: #111;
    font-weight: normal;
    margin: 85px 0; }
  .container .static-header.center {
    text-align: center; }
  .container .static-header.with-picture {
    margin-bottom: 0px; }
  .container .static-header.with-order {
    margin-bottom: 50px; }
  .container .static-header.no-wrap {
    white-space: nowrap; }
  .container .static-header.index {
    margin-bottom: 0px;
    margin-top: 0; }
  .container .section-image {
    display: block;
    margin: 50px 0; }
  .container .question {
    font-weight: normal;
    line-height: 36px;
    font-size: 26px; }
  .container .question.sub {
    font-size: 20px;
    margin-top: 30px; }
  .container .static-text {
    position: relative;
    color: #777;
    font-size: 18px;
    line-height: 32px; }
    .container .static-text strong {
      color: #333;
      font-weight: normal; }
    .container .static-text a {
      color: #333333; }
    .container .static-text a.blue {
      color: #323264; }
  .container .static-text.center {
    text-align: center; }
  .container .static-text.index {
    margin-top: 0; }
  .container .faq-item {
    margin-bottom: 100px; }

.container.condensed {
  width: 720px; }

.footer {
  padding: 30px 0;
  font-size: 12px;
  color: #aaa;
  text-align: center; }
  .footer .logo-footer {
    display: block;
    margin: 0 auto; }
  .footer p {
    margin-top: 30px;
    margin-bottom: 0; }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.swipe-wrap {
  overflow: hidden;
  position: relative; }

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative; }

#slider {
  margin: 40px 0; }
  #slider img {
    display: block; }
  #slider .arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 22px;
    height: 41px;
    cursor: pointer; }
  #slider .arrow.to-left {
    background: url(asset-path("left.png", image));
    left: 20px; }
  #slider .arrow.to-right {
    background: url(asset-path("right.png", image));
    right: 20px; }

.video {
  display: block;
  margin-top: 70px;
  margin-bottom: 30px; }

.sns {
  text-align: center;
  margin: 20px 0; }
  .sns .sns-item {
    display: inline-block; }
    .sns .sns-item a {
      text-indent: -9999px;
      background: url(asset-path("sns-contact.png", image));
      width: 84px;
      height: 84px;
      display: block;
      margin: 0 10px; }
    .sns .sns-item a.facebook {
      background-position: 0 0; }
    .sns .sns-item a.instagram {
      background-position: -84px 0; }
    .sns .sns-item a.twitter {
      background-position: -168px 0; }
    .sns .sns-item a.pinterest {
      background-position: -252px 0; }
    .sns .sns-item a.email {
      background-position: -336px 0; }
    .sns .sns-item a.facebook:hover {
      background-position: 0 -84px; }
    .sns .sns-item a.instagram:hover {
      background-position: -84px -84px; }
    .sns .sns-item a.twitter:hover {
      background-position: -168px -84px; }
    .sns .sns-item a.pinterest:hover {
      background-position: -252px -84px; }
    .sns .sns-item a.email:hover {
      background-position: -336px -84px; }

.container.container-footer {
  position: relative; }

.sns-footer {
  position: absolute;
  right: 0;
  top: 20px;
  text-align: center;
  margin: 20px 0; }
  .sns-footer .sns-item {
    display: inline-block; }
    .sns-footer .sns-item a {
      text-indent: -9999px;
      background: url(asset-path("sns-footer.png", image));
      width: 40px;
      height: 40px;
      display: block;
      margin-left: 10px; }
    .sns-footer .sns-item a.facebook {
      background-position: 0 0; }
    .sns-footer .sns-item a.instagram {
      background-position: -40px 0; }
    .sns-footer .sns-item a.twitter {
      background-position: -80px 0; }
    .sns-footer .sns-item a.pinterest {
      background-position: -120px 0; }
    .sns-footer .sns-item a.email {
      background-position: -160px 0; }
    .sns-footer .sns-item a.facebook:hover {
      background-position: 0 -40px; }
    .sns-footer .sns-item a.instagram:hover {
      background-position: -40px -40px; }
    .sns-footer .sns-item a.twitter:hover {
      background-position: -80px -40px; }
    .sns-footer .sns-item a.pinterest:hover {
      background-position: -120px -40px; }
    .sns-footer .sns-item a.email:hover {
      background-position: -160px -40px; }

h2.center {
  font-weight: normal;
  text-align: center; }

.selectors {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center; }
  .selectors .selector {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(asset-path("rolling.png", image));
    min-height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1px;
    zoom: 1;
    *display: inline;
    _height: 16px;
    background-position: -16px 0; }
  .selectors .selector.active {
    background-position: 0 0; }

.container-instagram {
  width: 729px; }

.instagram-posts {
  margin: 50px 0;
  margin-right: -3px; }
  .instagram-posts a.instagram-post {
    display: block;
    float: left;
    padding: 3px;
    padding-left: 0;
    padding-top: 0;
    width: 180px; }
    .instagram-posts a.instagram-post img {
      display: block;
      width: 100%;
      box-sizing: border-box; }

.pagination {
  text-align: center;
  color: #777; }
  .pagination a {
    text-decoration: none;
    color: #333; }

#custom-glove {
  font-family: 'Lato', sans-serif;
  width: 940px;
  margin: 0 auto;
  margin-top: 20px; }
  #custom-glove .custom-glove-panel-wrap {
    float: left;
    width: 380px; }
    #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs {
      color: white;
      border-radius: 2px;
      height: 75px;
      background: #251f1b; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab {
        cursor: pointer;
        width: 94px;
        height: 75px;
        float: left;
        border-right: 1px solid #151312;
        background: #251f1b;
        font-size: 11px;
        text-align: center;
        color: #999;
        font-weight: bold; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .name {
          padding-top: 10px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon {
          width: 35px;
          height: 32px;
          margin: 0 auto;
          background: url("/assets/images/builder/icons.png");
          margin-top: 9px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.shell {
          background-position: -35px 0; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.trim {
          background-position: -70px 0;
          position: relative;
          left: 3px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.personalize {
          background-position: -105px 0; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab:hover {
        color: white; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.active {
        color: white;
        background: #493c34;
        border-color: #151312; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.active .icon {
          background-position-y: -32px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.custom-glove-panel-step-tab-1 {
        border-radius: 2px 0 0 2px;
        width: 95px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.custom-glove-panel-step-tab-4 {
        border-radius: 0 2px 2px 0;
        border-right: 0;
        width: 94px; }
    #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper {
      margin-top: 17px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step {
        border: 1px solid #dbdbdb;
        background: url("/assets/images/bg-glove-panel-step-view.png") repeat-y; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-tab-view-wrap .glove-step-item-tab {
          color: #878787;
          font-size: 14px;
          padding: 14px 0;
          padding-left: 12px;
          cursor: pointer; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-tab-view-wrap .glove-step-item-tab.active {
          color: #c77b46;
          background: #eaeaea;
          width: 103px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap {
          padding: 17px;
          width: 228px;
          padding-top: 5px;
          background: white; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap h4 {
            color: #555;
            font-size: 12px;
            margin: 0;
            margin-bottom: 12px;
            margin-top: 12px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap h4 .help {
              color: #c77b46; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons {
            margin-right: -9px;
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button {
              margin-right: 9px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons {
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button {
              border: 1px solid #dddddd;
              padding: 15px 12px;
              margin-bottom: 10px;
              font-weight: bold;
              font-size: 17px;
              color: #555;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button .description {
                color: #999;
                font-size: 12px;
                font-weight: normal;
                margin-top: 6px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button .price {
                color: #c77b46;
                margin-top: 2px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button:hover {
              border: 3px solid #ddd;
              padding: 13px 10px;
              font-size: 17px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px 8px;
              font-size: 17px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons {
            margin-right: -8px;
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button {
              border: 1px solid #dddddd;
              padding: 15px 12px;
              margin-bottom: 10px;
              font-weight: bold;
              font-size: 17px;
              color: #555;
              cursor: pointer;
              text-align: center;
              margin-right: 8px;
              width: 142px;
              float: left; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button:hover {
              border: 3px solid #ddd;
              padding: 13px 10px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px 8px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set {
            margin-bottom: 30px;
            margin-right: -10px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button {
              border: 1px solid #ddd;
              width: 38px;
              height: 38px;
              float: left;
              margin-right: 7px;
              margin-bottom: 7px;
              cursor: pointer;
              position: relative; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button .name {
                position: absolute;
                left: 0px;
                top: 40px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button:hover {
              border: 3px solid #ddd;
              width: 34px;
              height: 34px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button.active {
              border: 5px solid #c77b46;
              width: 30px;
              height: 30px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button {
              margin-right: 8px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap .preview_available {
                  position: absolute;
                  right: 5px;
                  top: 3px;
                  color: #c77b46; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button {
            margin-bottom: 10px;
            text-align: center;
            font-weight: bold;
            font-size: 15px;
            color: #555; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button .wrist-type-preview {
              border: 1px solid #dddddd;
              padding: 15px;
              margin-bottom: 7px;
              font-weight: bold;
              font-size: 15px;
              color: #555;
              cursor: pointer;
              padding: 0;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button .wrist-type-preview img {
                width: 100%;
                height: 100%;
                display: block; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button:hover .wrist-type-preview {
            border: 3px solid #ddd;
            padding: 13px;
            padding: 0;
            height: 96px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button.active .wrist-type-preview {
            background: none !important;
            border: 5px solid #c77b46;
            padding: 11px;
            padding: 0;
            height: 92px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap {
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button {
              border: 1px solid #dddddd;
              padding: 15px;
              margin-bottom: 7px;
              font-weight: bold;
              font-size: 15px;
              color: #555;
              cursor: pointer; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button:hover {
              border: 3px solid #ddd;
              padding: 13px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview {
            border: 1px solid #ddd;
            position: relative; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .background {
              display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-text {
                position: absolute;
                left: 23px;
                top: 105px;
                bottom: 20px;
                right: 48px;
                margin: 0;
                line-height: 91px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-text {
                position: absolute;
                left: 40px;
                top: 148px;
                bottom: 32px;
                right: 8px;
                margin: 0;
                line-height: 46px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .lining-text {
                position: absolute;
                left: 45px;
                top: 26px;
                height: 70px;
                right: 17px;
                margin: 0;
                line-height: 70px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-circle {
                position: absolute;
                left: 7px;
                top: 148px;
                position: absolute; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-number {
                position: absolute;
                left: 10px;
                top: 154px;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                font-family: 'CorsivaMTStd',serif;
                font-size: 17px;
                font-weight: bold; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-default-logo {
                position: absolute;
                left: 18px;
                top: 157px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-flag {
                position: absolute;
                display: block;
                left: 13px;
                top: 160px;
                width: 30px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-patch {
                position: absolute;
                display: block;
                left: 50px;
                top: 116px;
                width: 112px;
                height: 76px; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-patch img {
                  display: block;
                  margin: 0 auto;
                  width: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-logo {
                position: absolute;
                display: block;
                left: 50px;
                top: 116px;
                width: 102px;
                height: 76px; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-logo img {
                  display: block;
                  margin: 0 auto;
                  width: 120px;
                  height: 75px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-flag {
                position: absolute;
                display: block;
                left: 48px;
                top: 118px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-image {
                position: absolute;
                display: block;
                left: 48px;
                top: 118px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button {
            border: 1px solid #dddddd;
            padding: 15px;
            margin-bottom: 7px;
            font-weight: bold;
            font-size: 15px;
            color: #555;
            cursor: pointer; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button .price {
              color: #c77b46;
              margin-top: 2px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button:hover {
            border: 3px solid #ddd;
            padding: 13px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button.active {
            background: none !important;
            border: 5px solid #c77b46;
            padding: 11px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view {
            border-top: 1px solid #ddd;
            margin-top: 15px;
            padding-top: 10px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap, #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap, #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .text-color-wrap {
            margin-bottom: 30px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap input {
            border: 1px solid #ddd;
            width: 220px;
            padding: 3px;
            outline-width: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap input.upload-logo {
            border: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 40px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button .name {
                position: absolute;
                left: 0px;
                top: 43px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 36px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 32px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 46px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button .name {
                position: absolute;
                left: 0px;
                top: 49px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 42px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 38px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 46px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button .name {
                position: absolute;
                left: 0px;
                top: 49px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 42px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 38px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button {
              border: 1px solid #ddd;
              width: 108px;
              overflow: hidden;
              float: left;
              margin-right: 8px;
              margin-bottom: 8px;
              padding: 12px 0;
              cursor: pointer;
              text-align: center;
              height: 24px;
              display: flex;
              align-items: center;
              justify-content: center; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button:hover {
              border: 3px solid #ddd;
              width: 104px;
              padding: 10px 0; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button.active {
              border: 5px solid #c77b46;
              width: 100px;
              padding: 8px 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view input {
            border: 1px solid #ddd;
            width: 220px;
            padding: 3px;
            outline-width: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view input.upload-logo {
            border: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .uploaded-logo-wrap {
            margin-top: 15px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .uploaded-logo-wrap img {
            width: 100%;
            border: 1px solid #ddd; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button {
              margin-right: 8px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .size-select-wrap select {
            width: 100%; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap.step-item-view-wrap-full {
          width: auto; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step.glove-panel-step-1 {
        background: none !important; }
  #custom-glove .custom-glove-preview-wrap {
    float: right;
    width: 540px; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview {
      border-radius: 2px;
      height: 51px;
      background: #251f1b;
      padding: 12px 15px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview .price-wrap {
        font-size: 14px;
        color: #999;
        font-weight: bold; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-overview .price-wrap .price {
          color: white;
          font-size: 30px;
          margin-top: 8px;
          display: block; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview button.proceed-to-purchase {
        background: #c77b46;
        color: white;
        border: 0;
        font-size: 14px;
        width: 160px;
        height: 46px;
        position: relative;
        top: 3px;
        outline-width: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview button.proceed-to-purchase:hover {
        background: #e3a77c; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview.purchase-disabled button.proceed-to-purchase {
      background: #b3b3b3;
      color: #e3e3e3;
      border: 0;
      font-size: 14px;
      width: 160px;
      height: 46px;
      position: relative;
      top: 3px;
      outline-width: 0; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview.purchase-disabled button.proceed-to-purchase:hover {
      background: #b3b3b3; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-preview {
      position: relative;
      margin-top: 17px;
      background: white;
      border: 1px solid #dbdbdb; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview canvas.canvas-view {
        display: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview canvas.canvas-view.visible {
        display: block; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .custom-glove-preview-arrow {
        position: absolute;
        bottom: 14px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-left-side {
        left: 14px;
        display: none;
        width: 45px;
        height: 45px;
        background: url("/assets/images/builder/arrows.png");
        border: 0;
        outline: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-left-side:hover {
        background-position: 0 -45px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-right-side {
        width: 45px;
        height: 45px;
        left: 70px;
        display: none;
        background: url("/assets/images/builder/arrows.png") -45px 0;
        border: 0;
        outline: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-right-side:hover {
        background-position: -45px -45px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .loading-indicator {
        position: absolute;
        left: 50%;
        top: 50%;
        background: red;
        width: 40px;
        height: 45px;
        margin-top: -22px;
        margin-left: -20px;
        display: none;
        background: url("/assets/images/ajax_loader.gif") no-repeat; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .watermark {
        background: url("/assets/images/watermark.png") no-repeat;
        width: 110px;
        height: 64px;
        position: absolute;
        bottom: 12px;
        right: 11px; }
    #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 {
      font-family: 'Lusitana', serif;
      color: #777;
      font-size: 14px;
      text-align: center;
      font-weight: normal;
      letter-spacing: 3px;
      margin: 15px;
      margin-bottom: 6px; }
      #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip {
        width: 14px;
        min-height: 14px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        _height: 14px;
        cursor: pointer;
        position: relative; }
        #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip .tip-img {
          display: block;
          width: 14px;
          height: 14px; }
        #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip .tip-detail {
          display: none;
          position: absolute;
          left: -150px;
          top: 25px;
          width: 300px;
          padding: 14px;
          background: #251f1b;
          color: white;
          letter-spacing: 0;
          text-align: left;
          font-family: 'Lato', sans-serif;
          border-radius: 2px; }
      #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip:hover .tip-detail {
        display: block; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-presets {
      height: 150px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .description {
        text-align: center;
        font-size: 14px;
        color: #aaa;
        padding: 0;
        margin: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 15px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset {
          width: 124px;
          height: 124px;
          border: 1px solid #dbdbdb;
          cursor: pointer;
          margin-left: 12px;
          float: left;
          background: white;
          font-size: 12px;
          text-align: center; }
          #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset img {
            display: block;
            width: 124px;
            height: 124px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:hover {
          width: 120px;
          height: 120px;
          border: 3px solid #dbdbdb; }
          #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:hover img {
            display: block;
            width: 120px;
            height: 120px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:first-child {
          margin-left: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 30px;
        font-family: 'Lusitana', serif; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons button {
          border: 0;
          margin: 0;
          padding: 0;
          background: none;
          color: #c77b46;
          font-size: 14px;
          outline-width: 0; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons button.disabled {
          color: #ccc; }
  #custom-glove .custom-glove-preview-wrap.fixed {
    position: fixed;
    top: 19px;
    padding-left: 400px; }

.custom-glove-popup-background {
  position: fixed;
  background: #242424;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  display: none; }

.custom-glove-popup-loading-background {
  position: fixed;
  background: #242424;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  display: none; }

.custom-glove-popup {
  position: absolute;
  z-index: 9001;
  width: 460px;
  top: 300px;
  background: white;
  left: 50%;
  margin-left: -230px;
  text-align: center; }
  .custom-glove-popup .base-alert-title {
    margin-top: 48px;
    color: #aaa;
    font-size: 12px;
    text-align: center; }
  .custom-glove-popup .base-alert-content {
    margin: 0 30px;
    margin-top: 40px;
    margin-bottom: 200px;
    color: #111;
    font-size: 20px;
    font-weight: bold;
    text-align: center; }
  .custom-glove-popup .close {
    position: absolute;
    left: 50%;
    top: -49px;
    margin-left: -17px;
    width: 34px;
    height: 34px;
    border: 0;
    background: url("/assets/images/popup-close.png");
    outline: none; }
  .custom-glove-popup .ok {
    display: block;
    left: 30px;
    right: 30px;
    bottom: 40px;
    width: auto;
    position: absolute;
    font-size: 20px;
    color: #aaa;
    cursor: pointer;
    padding: 18px 0;
    border: 1px solid #ccc; }
  .custom-glove-popup .popup-button {
    display: block;
    bottom: 40px;
    position: absolute;
    font-size: 20px;
    color: #aaa;
    cursor: pointer;
    padding: 18px 0;
    border: 1px solid #ccc; }
  .custom-glove-popup .popup-button.ok {
    left: 30px;
    right: 30px;
    width: auto; }
  .custom-glove-popup .popup-button.yes {
    left: 30px;
    width: 186px; }
  .custom-glove-popup .popup-button.cancel {
    right: 30px;
    width: 186px; }
  .custom-glove-popup .popup-button:hover {
    background: #eee; }

.custom-glove-popup.custom-glove-popup-loading {
  z-index: 9101; }
  .custom-glove-popup.custom-glove-popup-loading .base-alert-content {
    margin-bottom: 75px; }

.custom-glove-popup.custom-glove-popup-confirmation {
  width: 940px;
  top: 300px;
  background: white;
  left: 50%;
  margin-left: -470px;
  text-align: left;
  margin-bottom: 100px;
  box-sizing: border-box;
  padding: 15px; }
  .custom-glove-popup.custom-glove-popup-confirmation .base-alert-title {
    margin-top: 4px; }
  .custom-glove-popup.custom-glove-popup-confirmation .popup-row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box; }
  .custom-glove-popup.custom-glove-popup-confirmation .popup-col-1 {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left; }
  .custom-glove-popup.custom-glove-popup-confirmation .popup-col-4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left; }
  .custom-glove-popup.custom-glove-popup-confirmation .price-wrap {
    font-size: 14px;
    color: #999;
    font-weight: bold; }
    .custom-glove-popup.custom-glove-popup-confirmation .price-wrap .price {
      color: #111;
      font-size: 30px; }
  .custom-glove-popup.custom-glove-popup-confirmation .popup-overview {
    margin-top: 20px;
    margin-bottom: 20px; }
    .custom-glove-popup.custom-glove-popup-confirmation .popup-overview button.proceed-to-purchase {
      background: #c77b46;
      color: white;
      border: 0;
      font-size: 14px;
      width: auto;
      height: 46px;
      position: relative;
      top: 3px;
      outline-width: 0;
      padding: 0 20px; }
    .custom-glove-popup.custom-glove-popup-confirmation .popup-overview button.proceed-to-purchase:hover {
      background: #e3a77c; }
  .custom-glove-popup.custom-glove-popup-confirmation .overview-image {
    display: block;
    width: 100%;
    border: 1px solid #eee; }
  .custom-glove-popup.custom-glove-popup-confirmation .overview-group {
    margin-bottom: 30px; }
    .custom-glove-popup.custom-glove-popup-confirmation .overview-group h2 {
      font-size: 15px;
      color: #111;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 10px; }
      .custom-glove-popup.custom-glove-popup-confirmation .overview-group h2 span {
        font-size: 13px;
        color: #999; }
    .custom-glove-popup.custom-glove-popup-confirmation .overview-group .overview-item {
      margin-bottom: 17px; }
      .custom-glove-popup.custom-glove-popup-confirmation .overview-group .overview-item h4 {
        color: #888;
        font-size: 10px;
        margin-bottom: 4px;
        font-weight: bold;
        margin-top: 10px; }
      .custom-glove-popup.custom-glove-popup-confirmation .overview-group .overview-item .value {
        color: #111;
        font-size: 13px; }
        .custom-glove-popup.custom-glove-popup-confirmation .overview-group .overview-item .value img {
          max-width: 100%; }
  .custom-glove-popup.custom-glove-popup-confirmation .additional_requirements h2 {
    font-size: 15px;
    color: #111;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .custom-glove-popup.custom-glove-popup-confirmation .additional_requirements textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    resize: none;
    border: 1px solid #ccc;
    margin-top: 7px; }

.custom-glove-caution {
  font-size: 12px;
  color: #aaa;
  display: none;
  margin: 7px 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }

.custom-glove-order {
  width: 940px;
  margin: 0 auto; }
  .custom-glove-order .custom-glove-order-left {
    float: left;
    width: 300px; }
  .custom-glove-order .custom-glove-order-right {
    float: left;
    width: 620px; }
    .custom-glove-order .custom-glove-order-right hr {
      margin: 30px 0;
      border: 0;
      height: 1px;
      background: #ddd; }
    .custom-glove-order .custom-glove-order-right .form-group {
      margin-bottom: 8px; }
      .custom-glove-order .custom-glove-order-right .form-group label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 7px;
        font-size: 14px;
        color: #888; }
      .custom-glove-order .custom-glove-order-right .form-group .form-control {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 40px;
        padding: 6px 12px;
        font-size: 20px;
        line-height: 1.428571429;
        color: #555555;
        background-color: white;
        background-image: none;
        border: 1px solid #ddd;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
        .custom-glove-order .custom-glove-order-right .form-group .form-control::-webkit-input-placeholder {
          font-size: 14px; }
        .custom-glove-order .custom-glove-order-right .form-group .form-control::-moz-placeholder {
          font-size: 14px; }
        .custom-glove-order .custom-glove-order-right .form-group .form-control:-ms-input-placeholder {
          font-size: 14px; }
        .custom-glove-order .custom-glove-order-right .form-group .form-control:-moz-placeholder {
          font-size: 14px; }
      .custom-glove-order .custom-glove-order-right .form-group .form-control[disabled], .custom-glove-order .custom-glove-order-right .form-group .form-control[readonly], .custom-glove-order .custom-glove-order-right .form-group fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #fafafa;
        opacity: 1; }
      .custom-glove-order .custom-glove-order-right .form-group .apply-coupon {
        width: 140px;
        font-size: 14px;
        color: #777;
        border: 1px solid #bbbbbb;
        text-align: center;
        padding: 8px 0;
        margin-top: 15px;
        cursor: pointer; }
      .custom-glove-order .custom-glove-order-right .form-group .check-out-caution {
        font-size: 11px;
        color: #aaa;
        line-height: 140%;
        margin-top: 4px; }
    .custom-glove-order .custom-glove-order-right .form-group.form-group-small {
      width: 300px; }
    .custom-glove-order .custom-glove-order-right #total-price-view {
      margin-top: 30px; }
      .custom-glove-order .custom-glove-order-right #total-price-view > table {
        width: 100%;
        border: 1px solid #dddddd;
        margin-bottom: 20px; }
        .custom-glove-order .custom-glove-order-right #total-price-view > table td {
          padding: 13px 20px; }
        .custom-glove-order .custom-glove-order-right #total-price-view > table td.label {
          font-size: 14px;
          color: #777;
          width: 140px; }
        .custom-glove-order .custom-glove-order-right #total-price-view > table td.value {
          font-size: 20px;
          color: #777; }
    .custom-glove-order .custom-glove-order-right .make-payment {
      color: white;
      background: #999;
      font-size: 21px;
      border: 0;
      padding: 20px 28px;
      font-weight: bold;
      margin-top: 30px; }
    .custom-glove-order .custom-glove-order-right .paypal-only {
      color: #666;
      font-size: 14px; }

.custom-glove-order.order-completed {
  text-align: center;
  color: #111;
  width: 720px; }
  .custom-glove-order.order-completed h1 {
    font-size: 48px;
    margin-top: 110px; }
  .custom-glove-order.order-completed p {
    font-size: 24px;
    margin: 43px 0; }
    .custom-glove-order.order-completed p strong {
      text-decoration: underline; }
  .custom-glove-order.order-completed p.small {
    color: #777;
    font-size: 18px;
    line-height: 32px;
    margin: 1em 0; }
    .custom-glove-order.order-completed p.small a {
      color: #111; }

.logo-about {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  margin-top: 60px; }

.go-button {
  margin: 50px auto;
  display: block; }

.clearfix:before {
  content: " ";
  display: table; }

.clearfix::after {
  content: " ";
  display: table;
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.tip {
  position: relative; }

.tooltip {
  transform: translateY(2px);
  margin-left: 5px;
  cursor: pointer; }

.tip-detail-price {
  display: none;
  position: absolute;
  width: 312px;
  padding: 5px 10px 5px 10px;
  background-color: #edd167;
  color: #251f1b;
  letter-spacing: 0;
  text-align: left;
  font-family: 'Metropolis', sans-serif;
  z-index: 2000;
  font-weight: '600';
  font-size: 11px; }

.tip:hover .tip-detail-price {
  display: block; }

select {
  text-transform: none;
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none; }
#custom-glove {
  font-family: 'Lato', sans-serif;
  width: 940px;
  margin: 0 auto;
  margin-top: 20px; }
  #custom-glove .custom-glove-panel-wrap {
    float: left;
    width: 380px; }
    #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs {
      color: white;
      border-radius: 2px;
      height: 75px;
      background: #251f1b; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab {
        cursor: pointer;
        width: 94px;
        height: 75px;
        float: left;
        border-right: 1px solid #151312;
        background: #251f1b;
        font-size: 11px;
        text-align: center;
        color: #999;
        font-weight: bold; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .name {
          padding-top: 10px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon {
          width: 35px;
          height: 32px;
          margin: 0 auto;
          background: url("/assets/images/builder/icons.png");
          margin-top: 9px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.shell {
          background-position: -35px 0; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.trim {
          background-position: -70px 0;
          position: relative;
          left: 3px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab .icon.personalize {
          background-position: -105px 0; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab:hover {
        color: white; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.active {
        color: white;
        background: #493c34;
        border-color: #151312; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.active .icon {
          background-position-y: -32px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.custom-glove-panel-step-tab-1 {
        border-radius: 2px 0 0 2px;
        width: 95px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-tabs .custom-glove-panel-step-tab.custom-glove-panel-step-tab-4 {
        border-radius: 0 2px 2px 0;
        border-right: 0;
        width: 94px; }
    #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper {
      margin-top: 17px; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step {
        border: 1px solid #dbdbdb;
        background: url("/assets/images/bg-glove-panel-step-view.png") repeat-y; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-tab-view-wrap .glove-step-item-tab {
          color: #878787;
          font-size: 14px;
          padding: 14px 0;
          padding-left: 12px;
          cursor: pointer; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-tab-view-wrap .glove-step-item-tab.active {
          color: #c77b46;
          background: #eaeaea;
          width: 103px; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap {
          padding: 17px;
          width: 228px;
          padding-top: 5px;
          background: white; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap h4 {
            color: #555;
            font-size: 12px;
            margin: 0;
            margin-bottom: 12px;
            margin-top: 12px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap h4 .help {
              color: #c77b46; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons {
            margin-right: -9px;
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button {
              margin-right: 9px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-type-buttons .glove-type-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons {
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button {
              border: 1px solid #dddddd;
              padding: 15px 12px;
              margin-bottom: 10px;
              font-weight: bold;
              font-size: 17px;
              color: #555;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button .description {
                color: #999;
                font-size: 12px;
                font-weight: normal;
                margin-top: 6px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button .price {
                color: #c77b46;
                margin-top: 2px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button:hover {
              border: 3px solid #ddd;
              padding: 13px 10px;
              font-size: 17px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .leather-grade-buttons .leather-grade-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px 8px;
              font-size: 17px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons {
            margin-right: -8px;
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button {
              border: 1px solid #dddddd;
              padding: 15px 12px;
              margin-bottom: 10px;
              font-weight: bold;
              font-size: 17px;
              color: #555;
              cursor: pointer;
              text-align: center;
              margin-right: 8px;
              width: 142px;
              float: left; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button:hover {
              border: 3px solid #ddd;
              padding: 13px 10px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .throwing-hand-buttons .throwing-hand-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px 8px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set {
            margin-bottom: 30px;
            margin-right: -10px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button {
              border: 1px solid #ddd;
              width: 38px;
              height: 38px;
              float: left;
              margin-right: 7px;
              margin-bottom: 7px;
              cursor: pointer;
              position: relative; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button .name {
                position: absolute;
                left: 0px;
                top: 40px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button:hover {
              border: 3px solid #ddd;
              width: 34px;
              height: 34px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .color-set .color-button.active {
              border: 5px solid #c77b46;
              width: 30px;
              height: 30px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button {
              margin-right: 8px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .img_wrap .preview_available {
                  position: absolute;
                  right: 5px;
                  top: 3px;
                  color: #c77b46; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .web-type-wrap .web-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button {
            margin-bottom: 10px;
            text-align: center;
            font-weight: bold;
            font-size: 15px;
            color: #555; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button .wrist-type-preview {
              border: 1px solid #dddddd;
              padding: 15px;
              margin-bottom: 7px;
              font-weight: bold;
              font-size: 15px;
              color: #555;
              cursor: pointer;
              padding: 0;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button .wrist-type-preview img {
                width: 100%;
                height: 100%;
                display: block; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button:hover .wrist-type-preview {
            border: 3px solid #ddd;
            padding: 13px;
            padding: 0;
            height: 96px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .wrist-button.active .wrist-type-preview {
            background: none !important;
            border: 5px solid #c77b46;
            padding: 11px;
            padding: 0;
            height: 92px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap {
            margin-bottom: 30px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button {
              border: 1px solid #dddddd;
              padding: 15px;
              margin-bottom: 7px;
              font-weight: bold;
              font-size: 15px;
              color: #555;
              cursor: pointer; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button:hover {
              border: 3px solid #ddd;
              padding: 13px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .finger-option-type-wrap .finger-option-button.active {
              background: none !important;
              border: 5px solid #c77b46;
              padding: 11px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview {
            border: 1px solid #ddd;
            position: relative; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .background {
              display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-text {
                position: absolute;
                left: 23px;
                top: 105px;
                bottom: 20px;
                right: 48px;
                margin: 0;
                line-height: 91px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-text {
                position: absolute;
                left: 40px;
                top: 148px;
                bottom: 32px;
                right: 8px;
                margin: 0;
                line-height: 46px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .lining-text {
                position: absolute;
                left: 45px;
                top: 26px;
                height: 70px;
                right: 17px;
                margin: 0;
                line-height: 70px;
                text-align: center; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-circle {
                position: absolute;
                left: 7px;
                top: 148px;
                position: absolute; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-number {
                position: absolute;
                left: 10px;
                top: 154px;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                font-family: 'CorsivaMTStd',serif;
                font-size: 17px;
                font-weight: bold; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-default-logo {
                position: absolute;
                left: 18px;
                top: 157px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .thumb-flag {
                position: absolute;
                display: block;
                left: 13px;
                top: 160px;
                width: 30px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-patch {
                position: absolute;
                display: block;
                left: 50px;
                top: 116px;
                width: 112px;
                height: 76px; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-patch img {
                  display: block;
                  margin: 0 auto;
                  width: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-logo {
                position: absolute;
                display: block;
                left: 50px;
                top: 116px;
                width: 102px;
                height: 76px; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-logo img {
                  display: block;
                  margin: 0 auto; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-flag {
                position: absolute;
                display: block;
                left: 48px;
                top: 118px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .personalization-preview .drawArea .wrist-image {
                position: absolute;
                display: block;
                left: 48px;
                top: 118px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button {
            border: 1px solid #dddddd;
            padding: 15px;
            margin-bottom: 7px;
            font-weight: bold;
            font-size: 15px;
            color: #555;
            cursor: pointer; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button .price {
              color: #c77b46;
              margin-top: 2px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button:hover {
            border: 3px solid #ddd;
            padding: 13px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-button.active {
            background: none !important;
            border: 5px solid #c77b46;
            padding: 11px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view {
            border-top: 1px solid #ddd;
            margin-top: 15px;
            padding-top: 10px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap, #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap, #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .text-color-wrap {
            margin-bottom: 30px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap input {
            border: 1px solid #ddd;
            width: 220px;
            padding: 3px;
            outline-width: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .input-wrap input.upload-logo {
            border: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 40px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button .name {
                position: absolute;
                left: 0px;
                top: 43px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 36px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .patches-wrap .patch-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 32px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 46px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button .name {
                position: absolute;
                left: 0px;
                top: 49px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 42px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .flags-wrap .flag-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 38px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap {
            margin-right: -9px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button {
              border: 1px solid #ddd;
              margin-right: 7px;
              margin-bottom: 7px;
              position: relative;
              float: left;
              width: 70px;
              height: 46px;
              cursor: pointer; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button img {
                display: block;
                width: 100%;
                height: 100%; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button .name {
                position: absolute;
                left: 0px;
                top: 49px;
                z-index: 500;
                background: #333;
                color: white;
                font-size: 10px;
                padding: 5px;
                display: none;
                white-space: nowrap; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button:hover {
              border: 3px solid #ddd;
              width: 66px;
              height: 42px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button:hover .name {
                display: block; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .images-wrap .custom-image-button.active {
              border: 5px solid #c77b46;
              width: 62px;
              height: 38px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button {
              border: 1px solid #ddd;
              width: 108px;
              overflow: hidden;
              float: left;
              margin-right: 8px;
              margin-bottom: 8px;
              padding: 12px 0;
              cursor: pointer;
              text-align: center;
              height: 24px;
              display: flex;
              align-items: center;
              justify-content: center; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button:hover {
              border: 3px solid #ddd;
              width: 104px;
              padding: 10px 0; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .font-wrap .font-button.active {
              border: 5px solid #c77b46;
              width: 100px;
              padding: 8px 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view input {
            border: 1px solid #ddd;
            width: 220px;
            padding: 3px;
            outline-width: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .glove-personalization-type-view input.upload-logo {
            border: 0; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .uploaded-logo-wrap {
            margin-top: 15px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .uploaded-logo-wrap img {
            width: 100%;
            border: 1px solid #ddd; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap {
            margin-right: -8px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button {
              margin-right: 8px;
              margin-bottom: 8px;
              width: 108px;
              float: left; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .img_wrap {
                border: 1px solid #ddd;
                width: 108px;
                height: 108px;
                overflow: hidden;
                position: relative;
                cursor: pointer; }
                #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .img_wrap img {
                  width: 108px;
                  height: 108px;
                  display: block; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button .name {
                color: #777;
                font-size: 12px;
                margin: 0;
                text-align: center;
                margin-bottom: 2px;
                margin-top: 5px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button:hover .img_wrap {
              border: 3px solid #ddd;
              width: 104px;
              height: 104px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button:hover .img_wrap img {
                width: 104px;
                height: 104px; }
            #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button.active .img_wrap {
              border: 5px solid #c77b46;
              width: 100px;
              height: 100px; }
              #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .stamping-wrap .stamping-button.active .img_wrap img {
                width: 100px;
                height: 100px; }
          #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap .size-select-wrap select {
            width: 100%; }
        #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step .step-item-view-wrap.step-item-view-wrap-full {
          width: auto; }
      #custom-glove .custom-glove-panel-wrap #custom-glove-panel #custom-glove-panel-step-view-wrapper .glove-panel-step.glove-panel-step-1 {
        background: none !important; }
  #custom-glove .custom-glove-preview-wrap {
    float: right;
    width: 540px; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview {
      border-radius: 2px;
      height: 51px;
      background: #251f1b;
      padding: 12px 15px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview .price-wrap {
        font-size: 14px;
        color: #999;
        font-weight: bold; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-overview .price-wrap .price {
          color: white;
          font-size: 30px;
          margin-top: 8px;
          display: block; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview button.proceed-to-purchase {
        background: #c77b46;
        color: white;
        border: 0;
        font-size: 14px;
        width: 160px;
        height: 46px;
        position: relative;
        top: 3px;
        outline-width: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-overview button.proceed-to-purchase:hover {
        background: #e3a77c; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview.purchase-disabled button.proceed-to-purchase {
      background: #b3b3b3;
      color: #e3e3e3;
      border: 0;
      font-size: 14px;
      width: 160px;
      height: 46px;
      position: relative;
      top: 3px;
      outline-width: 0; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-overview.purchase-disabled button.proceed-to-purchase:hover {
      background: #b3b3b3; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-preview {
      position: relative;
      margin-top: 17px;
      background: white;
      border: 1px solid #dbdbdb; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview canvas.canvas-view {
        display: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview canvas.canvas-view.visible {
        display: block; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .custom-glove-preview-arrow {
        position: absolute;
        bottom: 14px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-left-side {
        left: 14px;
        display: none;
        width: 45px;
        height: 45px;
        background: url("/assets/images/builder/arrows.png");
        border: 0;
        outline: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-left-side:hover {
        background-position: 0 -45px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-right-side {
        width: 45px;
        height: 45px;
        left: 70px;
        display: none;
        background: url("/assets/images/builder/arrows.png") -45px 0;
        border: 0;
        outline: none; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview button.to-right-side:hover {
        background-position: -45px -45px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .loading-indicator {
        position: absolute;
        left: 50%;
        top: 50%;
        background: red;
        width: 40px;
        height: 45px;
        margin-top: -22px;
        margin-left: -20px;
        display: none;
        background: url("/assets/images/ajax_loader.gif") no-repeat; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-preview .watermark {
        background: url("/assets/images/watermark.png") no-repeat;
        width: 110px;
        height: 64px;
        position: absolute;
        bottom: 12px;
        right: 11px; }
    #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 {
      font-family: 'Lusitana', serif;
      color: #777;
      font-size: 14px;
      text-align: center;
      font-weight: normal;
      letter-spacing: 3px;
      margin: 15px;
      margin-bottom: 6px; }
      #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip {
        width: 14px;
        min-height: 14px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        _height: 14px;
        cursor: pointer;
        position: relative; }
        #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip .tip-img {
          display: block;
          width: 14px;
          height: 14px; }
        #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip .tip-detail {
          display: none;
          position: absolute;
          left: -150px;
          top: 25px;
          width: 300px;
          padding: 14px;
          background: #251f1b;
          color: white;
          letter-spacing: 0;
          text-align: left;
          font-family: 'Lato', sans-serif;
          border-radius: 2px; }
      #custom-glove .custom-glove-preview-wrap .custom-glove-presets-wrap h4 .tip:hover .tip-detail {
        display: block; }
    #custom-glove .custom-glove-preview-wrap #custom-glove-presets {
      height: 150px; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .description {
        text-align: center;
        font-size: 14px;
        color: #aaa;
        padding: 0;
        margin: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 15px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset {
          width: 124px;
          height: 124px;
          border: 1px solid #dbdbdb;
          cursor: pointer;
          margin-left: 12px;
          float: left;
          background: white;
          font-size: 12px;
          text-align: center; }
          #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset img {
            display: block;
            width: 124px;
            height: 124px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:hover {
          width: 120px;
          height: 120px;
          border: 3px solid #dbdbdb; }
          #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:hover img {
            display: block;
            width: 120px;
            height: 120px; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-list .glove-preset:first-child {
          margin-left: 0; }
      #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 30px;
        font-family: 'Lusitana', serif; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons button {
          border: 0;
          margin: 0;
          padding: 0;
          background: none;
          color: #c77b46;
          font-size: 14px;
          outline-width: 0; }
        #custom-glove .custom-glove-preview-wrap #custom-glove-presets .glove-presets-page-buttons button.disabled {
          color: #ccc; }
  #custom-glove .custom-glove-preview-wrap.fixed {
    position: fixed;
    top: 19px;
    padding-left: 400px; }

.custom-glove-cart-popup {
  position: absolute;
  z-index: 9001;
  width: 460px;
  top: 50%;
  background: white;
  left: 50%;
  margin-left: -230px;
  text-align: center;
  transform: translateY(-50%); }
  .custom-glove-cart-popup .base-alert-title {
    margin-top: 48px;
    color: #aaa;
    font-size: 12px;
    text-align: center; }
  .custom-glove-cart-popup .base-alert-content {
    margin: 0 30px;
    margin-top: 40px;
    margin-bottom: 200px;
    color: #111;
    font-size: 20px;
    font-weight: bold;
    text-align: center; }
  .custom-glove-cart-popup .close {
    position: absolute;
    left: 50%;
    top: -49px;
    margin-left: -17px;
    width: 34px;
    height: 34px;
    border: 0;
    background: url("/assets/images/popup-close.png");
    outline: none; }
  .custom-glove-cart-popup .ok {
    display: block;
    left: 30px;
    right: 30px;
    bottom: 40px;
    width: auto;
    position: absolute;
    font-size: 20px;
    color: #aaa;
    cursor: pointer;
    padding: 18px 0;
    border: 1px solid #ccc; }
  .custom-glove-cart-popup .popup-button {
    display: block;
    bottom: 40px;
    position: absolute;
    font-size: 20px;
    color: #aaa;
    cursor: pointer;
    padding: 18px 0;
    border: 1px solid #ccc; }
  .custom-glove-cart-popup .popup-button.ok {
    left: 30px;
    right: 30px;
    width: auto; }
  .custom-glove-cart-popup .popup-button.yes {
    left: 30px;
    width: 186px; }
  .custom-glove-cart-popup .popup-button.cancel {
    right: 30px;
    width: 186px; }
  .custom-glove-cart-popup .popup-button:hover {
    background: #eee; }

.custom-glove-cart-popup.custom-glove-popup-confirmation-cart {
  width: 940px;
  background: white;
  margin-left: -470px;
  text-align: left;
  margin-bottom: 100px;
  margin-top: 250px;
  box-sizing: border-box;
  padding: 15px; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .base-alert-title {
    margin-top: 4px; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-col-1 {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-col-4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .price-wrap {
    font-size: 14px;
    color: #999;
    font-weight: bold; }
    .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .price-wrap .price {
      color: #111;
      font-size: 30px; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-overview {
    margin-top: 20px;
    margin-bottom: 20px; }
    .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-overview button.proceed-to-purchase {
      background: #c77b46;
      color: white;
      border: 0;
      font-size: 14px;
      width: auto;
      height: 46px;
      position: relative;
      top: 3px;
      outline-width: 0;
      padding: 0 20px; }
    .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .popup-overview button.proceed-to-purchase:hover {
      background: #e3a77c; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-image {
    display: block;
    width: 100%;
    border: 1px solid #eee; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group {
    margin-bottom: 30px; }
    .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group h2 {
      font-size: 15px;
      color: #111;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 10px; }
      .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group h2 span {
        font-size: 13px;
        color: #999; }
    .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group .overview-item {
      margin-bottom: 17px; }
      .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group .overview-item h4 {
        color: #888;
        font-size: 10px;
        margin-bottom: 4px;
        font-weight: bold;
        margin-top: 10px; }
      .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group .overview-item .value {
        color: #111;
        font-size: 13px; }
        .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .overview-group .overview-item .value img {
          max-width: 100%; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .additional_requirements h2 {
    font-size: 15px;
    color: #111;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .custom-glove-cart-popup.custom-glove-popup-confirmation-cart .additional_requirements textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    resize: none;
    border: 1px solid #ccc;
    margin-top: 7px; }

.custom-glove-caution {
  font-size: 12px;
  color: #aaa;
  display: none;
  margin: 7px 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }
.title {
  color: #152935;
  font-size: 24px;
  font-family: 'Roboto Condensed';
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px; }

.content {
  font-family: 'Roboto';
  width: 648px;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  color: #152935;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 233px;
  white-space: pre-wrap; }

.img {
  margin: 40px auto 0px auto;
  display: block; }

.socialBox {
  width: 905px;
  height: 312px;
  margin: 40px auto 0px auto;
  display: flex;
  justify-content: space-between; }

.menuBox {
  width: 851px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-top: 72px; }

.linkPlayer {
  font-family: 'Roboto Condensed';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #152935;
  text-decoration: none;
  width: 308px;
  text-align: center; }

.linkPlayer:hover {
  color: red; }

.linkBox {
  display: flex;
  margin: auto;
  justify-content: space-between;
  width: 926px;
  margin-top: 30px;
  margin-bottom: 30px;
  flex-wrap: wrap; }

.secBottom {
  width: 890px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 41px; }

.bottomText {
  font-family: 'Roboto';
  width: 890px;
  white-space: pre-wrap;
  text-align: right;
  margin: auto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  color: #152935;
  margin-bottom: 40px; }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{line-height:1;margin:0;padding:0;font-family:Roboto Condensed,Roboto,Metropolis,Spoqa Han Sans,Noto Serif,sans-serif}select::-ms-expand{display:none}div{outline:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
/*# sourceMappingURL=main.6f219003.css.map*/