@font-face {
  font-family: 'Kabel-W02-regular';
  src: url('ITCKabelStd-Ultra.eot');
  src: url('ITCKabelStd-Ultra.eot?#iefix') format('embedded-opentype'),
       url('ITCKabelStd-Ultra.woff2') format('woff2'),
       url('ITCKabelStd-Ultra.woff') format('woff'),
       url('ITCKabelStd-Ultra.ttf') format('truetype'),
       url('ITCKabelStd-Ultra.svg#ITCKabelStd-Ultra') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* =========================================
============================================
	GENERAL
============================================
========================================= */

  /* =========================================
      BUTTONS -- BUTTON HOVER
  ========================================= */

    input#purchase:hover, input.btn.btn-primary:hover, input.get-rates.btn.btn-sm.btn-block.btn-default:hover {
        background: #222;
    }

    a#archives-button:hover, div#store-header-text h2 a:hover {
        opacity: .85;
    }

/* =========================================
============================================
	HEADER
============================================
========================================= */

  /* =========================================
      HEADER -- NAVBAR CENTER
  ========================================= */

    ul.nav.navbar-nav.navbar-left li:hover {
        opacity: .75;
    }

    span.cart-count {
        position: absolute;
        top: 21px;
        font-size: 9px;
    }

  /* =========================================
      HEADER -- CURRENCY NAVBAR-RIGHT
  ========================================= */

    ul.nav.navbar-nav.navbar-right {
      margin-right: -175px;
    }

    #currency-selector img, #currency-selector i {
      margin-left: 20px;
    }

    a.social-icon img {
      width: 32px;
      height: 32px; float: left;
    } 

    a.social-icon img:hover {
      opacity: .85;
    } 

    a.tmb-currency {
      font-size: 28px;
    }


/* =========================================
============================================
	MAIN CONTENT
============================================
========================================= */


/* =========================================
============================================
	TEMPLATE - PRODUCT
============================================
========================================= */

    .template-product {
        .thumbnail.product-main-image {
            margin-top: 15px;
        }	
        input#purchase {
            font-size: 24px;
            padding: 4px;
        }     
        button.share-btn {
            font-size: 16px;
            padding: 9px 12px;
            font-family: Kabel-W02-regular;
        }      
        .product-price .money {
            font-family: Kabel-W02-regular;
            font-size: 24px;
        }     
        h1.page-header.text-center {
            max-width: 470px;
            margin: 0 auto;
        }      
        div#product-details {
            min-height: 595px;
        }      
    }


/* =========================================
============================================
	FOOTER
============================================
========================================= */

    #footer-content a:hover {
        opacity: .75;
    }





/* =========================================
============================================
	TEMPLATE - CART
============================================
========================================= */

    .template-cart {
        td.text-center.col-xs-1 {
            padding: 0;
        }

        a.cart__remove-item {
            color:black;
        }

        th.col-sm-6 {
            padding-left: 10px;
        }
        th.col-sm-2.th-price {
            text-align: center;
        }  
        th.col-sm-2.th-qty {
            text-align: center;
        }  
        input.btn.btn-primary.btn-main {
            margin: 1rem 0px;
            font-size: 2.25rem;
            padding: 4px 17px;
        }   
        table.table tr .form-control {
            border: 1px solid #000;
        }    
        .table h4 {
            font-family: Kabel-W02-regular;
        }    
        .product-price .money {
            font-family: 'Helvetica W01 Roman', Helvetica, Arial, sans-serif;
            font-size: 14px;
        }      
        p.cart__empty {
            text-align: center;
            margin-top: -10px;
            font-weight: 400;
            font-size: 16px;
        }      
        .btn-cart {
            background: #000000;
            color: #f3f4ef;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            font-size: 24px;
            border: none;
            text-transform: uppercase;
            font-family: 'Kabel W02 Black';
            letter-spacing: 0;
            text-align: center;
            margin: 15px auto;
            display: block;
            width: 265px;
        }    
    }



@media (max-width:991px) {
    ul.nav.navbar-nav.navbar-right {
        /* margin-right: -175px; */
        /* margin-right: 50%; */
        top: 20px;
        display: block !important;
        margin: 0;
        margin-bottom: 2em;
    }
    .navbar-right br {
        display: none;
    }  
    .currency-switcher {
        margin-top: -4px !important;
    }  
    .currency-switcher i.fa {
        font-size: 1.73rem;
        width: 24px;
    }  
    a.tmb-currency {
        margin-left: 20px;
    }  
    .template-product h1.page-header.text-center {
        max-width: 420px;
    }  
    .currency-switcher {
      right: 12px;
    }
    .currency-switcher a.tmb-currency {
      padding: 4px;
    }
}



@media (max-width:767px) {
  .share-icons {
      position: relative;
  }
  button.share-btn {
      margin: 0 auto !important;
      display: block;
        padding: 6px 12px 2px;

  }  
  .template-product h1.page-header.text-center {
      max-width: 100%;
  }      
  .icons-panel {
      position: relative;
      bottom: -.5rem;
      max-width: 19rem !important;
      margin: 0 auto;
  }
}

@media(max-width: 707px) {
.currency-switcher a.tmb-currency {
  padding: 0;
}
}