@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_0_0.eot');src:url('../fonts/374B48_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_0_0.woff2') format('woff2'),url('../fonts/374B48_0_0.woff') format('woff'),url('../fonts/374B48_0_0.ttf') format('truetype');font-weight:900;font-style:normal}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_1_0.eot');src:url('../fonts/374B48_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_1_0.woff2') format('woff2'),url('../fonts/374B48_1_0.woff') format('woff'),url('../fonts/374B48_1_0.ttf') format('truetype');font-weight:800;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_2_0.eot');src:url('../fonts/374B48_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_2_0.woff2') format('woff2'),url('../fonts/374B48_2_0.woff') format('woff'),url('../fonts/374B48_2_0.ttf') format('truetype');font-weight:800;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_3_0.eot');src:url('../fonts/374B48_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_3_0.woff2') format('woff2'),url('../fonts/374B48_3_0.woff') format('woff'),url('../fonts/374B48_3_0.ttf') format('truetype');font-weight:700;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_4_0.eot');src:url('../fonts/374B48_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_4_0.woff2') format('woff2'),url('../fonts/374B48_4_0.woff') format('woff'),url('../fonts/374B48_4_0.ttf') format('truetype');font-weight:800;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_5_0.eot');src:url('../fonts/374B48_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_5_0.woff2') format('woff2'),url('../fonts/374B48_5_0.woff') format('woff'),url('../fonts/374B48_5_0.ttf') format('truetype');font-weight:900;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_6_0.eot');src:url('../fonts/374B48_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_6_0.woff2') format('woff2'),url('../fonts/374B48_6_0.woff') format('woff'),url('../fonts/374B48_6_0.ttf') format('truetype');font-weight:400;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_7_0.eot');src:url('../fonts/374B48_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_7_0.woff2') format('woff2'),url('../fonts/374B48_7_0.woff') format('woff'),url('../fonts/374B48_7_0.ttf') format('truetype');font-weight:200;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_8_0.eot');src:url('../fonts/374B48_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_8_0.woff2') format('woff2'),url('../fonts/374B48_8_0.woff') format('woff'),url('../fonts/374B48_8_0.ttf') format('truetype');font-weight:200;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_9_0.eot');src:url('../fonts/374B48_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_9_0.woff2') format('woff2'),url('../fonts/374B48_9_0.woff') format('woff'),url('../fonts/374B48_9_0.ttf') format('truetype');font-weight:500;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_A_0.eot');src:url('../fonts/374B48_A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_A_0.woff2') format('woff2'),url('../fonts/374B48_A_0.woff') format('woff'),url('../fonts/374B48_A_0.ttf') format('truetype');font-weight:500;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_B_0.eot');src:url('../fonts/374B48_B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_B_0.woff2') format('woff2'),url('../fonts/374B48_B_0.woff') format('woff'),url('../fonts/374B48_B_0.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_C_0.eot');src:url('../fonts/374B48_C_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_C_0.woff2') format('woff2'),url('../fonts/374B48_C_0.woff') format('woff'),url('../fonts/374B48_C_0.ttf') format('truetype');font-weight:600;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_D_0.eot');src:url('../fonts/374B48_D_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_D_0.woff2') format('woff2'),url('../fonts/374B48_D_0.woff') format('woff'),url('../fonts/374B48_D_0.ttf') format('truetype');font-weight:600;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_E_0.eot');src:url('../fonts/374B48_E_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_E_0.woff2') format('woff2'),url('../fonts/374B48_E_0.woff') format('woff'),url('../fonts/374B48_E_0.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_F_0.eot');src:url('../fonts/374B48_F_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_F_0.woff2') format('woff2'),url('../fonts/374B48_F_0.woff') format('woff'),url('../fonts/374B48_F_0.ttf') format('truetype');font-weight:300;font-style:italic;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_10_0.eot');src:url('../fonts/374B48_10_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_10_0.woff2') format('woff2'),url('../fonts/374B48_10_0.woff') format('woff'),url('../fonts/374B48_10_0.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face{font-family:'RidleyGrotesk';src:url('../fonts/374B48_11_0.eot');src:url('../fonts/374B48_11_0.eot?#iefix') format('embedded-opentype'),url('../fonts/374B48_11_0.woff2') format('woff2'),url('../fonts/374B48_11_0.woff') format('woff'),url('../fonts/374B48_11_0.ttf') format('truetype');font-weight:100;font-style:italic;}

body {
  font-family: 'RidleyGrotesk', sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  position: relative;
}
.hd1common-home::before{
  content: "";
  background: #282b31;
  height: 15%;
  width: 100%;
  position: absolute;
  -webkit-transform: skew(0deg,-9deg);
  -moz-transform: skew(0deg,-9deg);
  -o-transform: skew(0deg,-9deg);
  transform: skew(0deg,-9deg);
  transform-origin: bottom left;
  z-index: -1;
}
*:focus{
  outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #262626;
  line-height: 1;
}
/* default font size */
.fa {
  font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color: #323232;
  cursor: pointer;
}
a:focus,
a:active,
a:hover {
  text-decoration: none;
  color: #ffb400;
}
legend {
  font-size: 18px;
  padding: 7px 0px
}
label {
  font-size: 13px;
  font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
  font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
  font-size: 12px;
}
.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}
img{
  max-width: 100%; 
  height: auto;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
  display: inline;
}
@media(min-width: 1025px){
  .common-home #top.hd3:not(.fix-header){
    position: absolute;
    z-index: 1041;
  }
}
#top{
  float: left;
  width: 100%;
}
#top.hd2{
  float: left;
  width: 100%;
  text-align: center;
}
#top.hd3, #top.hd5{
  width: 100%;
  text-align: center;
  padding: 0 70px; position: absolute; top: 36px; left: 0;
}
#top i:hover{
  color: #ffb400 !important;
}
body:not(.common-home) #top i{
  color: #262626;
}
#top i{
  color: #929292;
}
#top.hd2 i, #top.hd3 i, #top.hd4 i, #top.hd5 i{
  color: #262626;
}
.flip{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}
.nav-tabs {
  margin-bottom: 15px;
}
div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold;
}
/* tooltip */
.tooltip.top .tooltip-arrow {
  border-top-color: #ffb400;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #ffb400;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #ffb400;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #ffb400;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #ffb400;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ffb400;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #ffb400;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ffb400;
}
.tooltip-inner{
  background: #ffb400;
}
.alert{
  text-align: center;
  font-size: 13px;
  margin: 0;
  border-radius: 0;
  border: none;
}
/* transition */
.layout1s:hover .label-product span, .layout1s .row_items:hover,
.layout1s:hover, .layout1s:hover .actions-link,.layout4:hover .product-inner, .banner-3 .col-img:hover::before,
.layout1s:hover .image .img-r, .layout1s:hover .actions-link2,
.readmore a:hover,
.policy-static2 .col:hover img, .policy-static2 .col:hover i, .static-block-newproduct:hover img, .banner-6:hover img,
.featured-products-container:hover .label-product span, .featured-products-container .row_items:hover,
.featured-products-container:hover, .featured-products-container:hover .actions-link,
.featured-products-container:hover .image .img-r, .featured-products-container:hover .actions-link2,
.owl-carousel:hover .owl-buttons > div, .layout1:hover .actions-link,.banner-3 .col-img:hover::before, .product-grid .layout1:hover,
.product-thumb.layout1:hover .product-inner::before, .product-thumb:hover .label-product span,
.product-thumb.layout1:hover .image > a::before, .banner-2 .text-content:hover p,
.product-grid:hover, .product-thumb:hover .actions-link2, .layout1 .actions-link2 > a:hover,
.layout1 .actions-link2 > a:hover, .policy-static .col:hover img, .footer-social-icons li a:hover ,
#back-top:hover i, #back-top:hover, .banner-1 .col-images:hover > a::before,
.testimonial-container .thumb li:hover img, #instagram_block_home .owl-item:hover::before,
.fcategory-content:hover::before, .banner-h1 a:hover::before,
.fcategory-content:hover .content-thumb > div, #instagram_block_home .owl-item:hover::after,
.product-grid .product-thumb:hover .image .img-r, .product-block{
  -webkit-transition: ease-in-out all .3s;
  -moz-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover{
  border-color: #ffb400;
  color: #ffb400 !important;
}
#button-guest, #button-search, #button-review, #button-account, #button-login, #button-confirm,
#button-payment-method, #button-shipping-method, #button-quote, #button-coupon, #button-register,
.form-horizontal input.btn, a.btn, input[type='submit'], .button{
  border: 2px solid #7b7b7b;
  background: none !important;
  padding: 0px 25px;
  text-transform: uppercase;
  font-size: 11px;
  color: #323232 !important;
  height: 40px;
  font-weight: 700;
  line-height: 35px;
  display: inline-block;
  border-radius: 20px;
}
#button-voucher,
#button-coupon{
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
  border-radius: 20px;
}
#button-search + h2{
  display: none;
}
#button-search{
  margin: 15px 0;
}
#modal-agree{
  z-index: 9999;
}
.wrapper{
  padding: 0 30px;
}
@media(min-width: 1920px){
  .wrapper{
    padding: 0 70px;
  }	
}
#logo{
  padding: 41px 0 40px;
  float: left;
}
.hd3 #logo, .hd4 #logo{
  padding: 15px 0 0;
  display: inline-block;
  float: none;
}
.hd5 #logo{
  padding: 0px 0 0px;
  float: left;
  position: absolute;
  z-index: 113
}
/* menu */
.main-menu{
  float: right;
  padding-right: 200px;
}
@media(max-width: 1400px){
  .main-menu{
    padding-right: 0px;
  }
}
.hd2 .main-menu{
  display: inline-block;
  float: none;
  width: initial;
  margin-top: 0px;
  padding: 40px 0px 0px;
}
.hd3 .main-menu, .hd4 .main-menu{
  padding: 40px 0px 0px;
  float: left;
  width: initial;
  margin-top: 0px;
}
.hd5.fix-header .main-menu{
  margin-top: -50px;
}
.main-menu{
  float: left;
  padding: 0 100px 0 370px ;
  margin-top: -104px;
  width: 100%;
}

.hd2 .main-menu .navbar-toggle, .hd3 .main-menu .navbar-toggle, .hd4 .main-menu .navbar-toggle {
  display: block;
  float: left;
  margin: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-top: 4px;
  padding: 0;
}
.hd2 .navbar-toggle .icon-bar, .hd3 .navbar-toggle .icon-bar, .hd4 .navbar-toggle .icon-bar {
  background: #262626;
  height: 3px;
}

/* cart */
#cart{
  float: right;
  padding: 45px 0 41px; z-index: 99;
}
#cart-total {
  height: 16px;
  width: 16px;
  margin-left: 20px;
  background: #fff;
  border-radius: 2px;
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #282b31;
  text-align: center;
  line-height: 17px;
  position: relative;
  font-family: "Droid Serif", serif ;
}
.hd2 #cart-total, .hd3 #cart-total, .hd4 #cart-total, .hd5 #cart-total { 
  height: 16px;
  width: 16px;
  margin-left: 20px;
  background: #262626;
  border-radius: 2px;
  display: block;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 17px;
  position: relative;
}
#cart-total::before {
  width: 6px;
  height: 6px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 3px solid #fff;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -6px;
}
#cart > button{
  background: none;
  padding: 0;
  box-shadow: none;
}
#cart > button:hover > i{
  color: #ffb400;
}
#cart > button > i{
  float: left;
}
#cart .dropdown-menu {
  padding: 25px 20px 0 20px;
  min-width: 300px;
  border: none;
  box-shadow: 0 -5px 5px -5px rgba(0,0,0,.3);
  margin: 0;
  border-radius: 0;
}
#cart .cart-empty{
  padding-bottom: 25px;
}
#cart .dropdown-menu p{ 
  margin: 0;
}
body:not(.common-home) #cart-total::before{
  border-right-color: #262626;
}
body:not(.common-home) #cart-total{
  background: #262626;
  color: #fff;
}
#cart-total{
  height: 16px;
  width: 16px;
  margin-left: 20px;
  background: #fff;
  border-radius: 2px;
  display: block;
  font-size: 9px;
  color: #282b31;
  text-align: center;
  line-height: 17px;
  position: relative;
}
#cart-total::before{
  width: 6px; 
  height: 6px; 
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent; 
  border-right: 3px solid #fff;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -6px;
}
.hd2 #cart-total::before, .hd3 #cart-total::before,  .hd4 #cart-total::before, .hd5 #cart-total::before{ 
  border-right: 3px solid #262626;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr > td{
  padding-top: 20px;
}
#cart .table > tbody > tr > td{
  border: none;
  padding: 0;
}
#cart .cart-close button{
  background: none;
  color: #ffb400;
  border: none;
}
#cart .cart-quantity{
  font-style: italic;
  color: #9a9a9a;
}
#cart .cart-name:hover{
  color: #ffb400;
}
#cart .cart-name{
  color: #323232;
  text-transform: uppercase;
}
#cart .cart-price{
  font-size: 14px;
  color: #323232;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", sans-serif
}
#cart .cart-button{
  background: #ffb400;
  margin: 0 -20px !important;
  padding: 45px 20px;
}
#cart p.cart-button a:last-child{
  margin: 0;
}
#cart p.cart-button a{
  border: 2px solid #fff;
  color: #fff;
  height: 36px;
  line-height: 32px;
  text-align: center;
  padding: 0 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  margin-right: 15px;
}
#cart p.cart-button a:hover{
  color: #282b31;
  border-color: #282b31;
}
#cart p.cart-button a:hover i{
  color: #282b31;
}
#cart p.cart-button a i{
  padding-left: 5px;
  font-size: 10px;
  color: #fff;
}
#cart .dropdown-menu .info-item{
  padding-left: 10px;
}
#cart .dropdown-menu .has-scroll{
  max-height: 300px;
  overflow: auto
}
#cart .dropdown-menu tr td strong{
  color: #454545;
}
#cart .dropdown-menu tr td:last-child{
  font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", sans-serif;
  color: #454545;
}
/* search */
.search-container{
  float: right;
  padding: 46px 0 38px;
  margin-right: 15px;
}
.hd5 .search-container{
  float: right;
  padding: 46px 0 38px;
  margin-right: 15px;
  position: relative;
  z-index: 1401;
}
#search {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 70%;
  border-bottom: 1px solid #000;
}
#search > form > input {
  background: none !important;
  border: none;
  color: #262626;
  box-shadow: none !important; width:90%; font-size:3rem; padding:0 4rem; font-weight:300;
}
#search button:hover i{
  color: #ffb400 !important;
}
.text-phone i,
#search button i{
  color: #262626 !important;
}
#search button {

  background: none;
  border: none;
}
#search button:hover {
  color: #ffb400;
}
#search button i {
  font-size: 16px;
}
/* popup for search, setting */
.container-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,.95);
  z-index: 1041;
  animation: fadeIn 0.5s linear alternate;
  -webkit-animation: fadeIn 0.5s linear alternate;
  -moz-animation: fadeIn 0.5s linear alternate;
  text-align: center;
}
.container-popup .close {
  color: #000;
  opacity: 1;
  text-shadow: none;
  float: left;
  background:url(../images/bg-close.png) no-repeat center right;
    padding-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 0;
    padding: 50px 20px 50px 0;
    }
#myModal2 > .container {
  position: relative;
}
.container-popup > .container {
  height: 100%;
}
.logo2{
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  zoom: 1;
  *display: inline;
  margin-left: -57px;
  padding: 40px 0 10px;
}

section.head-top { background: #ffb400;}
.date-time { line-height: 36px; font-weight: 700; color: #111;}
.language { text-align: right; padding: 6px 0;}
.language select { background: #fff; border: 1px solid #111; font-size: 11px; padding: 4px;}

section.main-cats { background:#e3e3e3; width:100%; padding:30px 0 0px; position: relative;}
.cat-block { margin-bottom: 30px; position: relative; overflow: hidden;}
.cat-block a img { transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cat-block a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1);}

section.our-aiming { padding: 40px 0;}
.aim-title { text-align: center;  margin-bottom: 30px;}
.aim-title h4 { font-size: 12px; color: #828282; margin: 0 0 5px; font-weight: 400;}
.aim-title h2 { font-size: 20px; margin: 0; font-weight: 600;}
.aim-box { background: #111; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding: 30px; text-align: center; border-radius: 5px;}
.aim-box img { margin: 0 auto;}
.aim-box h2 { font-weight: 700; color: #fff; text-transform: uppercase; font-size: 20px;}
.aim-box p { font-size: 13px; color: #c7c7c7;}

/*
section.main-cats div.col-sm-6:nth-child(2) { position: absolute; left: 28.2%; top: 40px;}
section.main-cats div.col-sm-6:nth-child(3) { float: right;}
section.main-cats div.col-sm-6 img { transition:all 0.3s ease-in-out 0s;}
section.main-cats div.col-sm-6:hover img { transform: scale(1.1);}
*/

.center-content { text-align:center; padding:5rem 0; min-height:250px;}
.center-content img { margin:0 auto; display:block;}
section.icon-bg .center-content h2 { color:#fff; text-transform:uppercase; font-size:18px; font-weight:800; margin-bottom:5px; letter-spacing:1px;}
section.icon-bg .center-content p { color:#fff; font-size:13px; font-weight:300;}

section.featured { background:#fff; padding:30px 0 0;}
section.featured h2 { text-align:center; position:relative; margin:0 0 20px; text-transform:uppercase; color:#000; font-weight:800; letter-spacing:1px;}
.product-block { background: #fff; text-align: center; padding: 8px; border: 1px solid #ccc; position: relative; margin-bottom: 30px;}
.product-block:hover { border-color: #ffb400;}
.product-block .prd-img { margin-bottom: 10px; overflow: hidden; position: relative;}
/*
.product-block .prd-img .img01 { opacity: 1; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.product-block .prd-img .img02 { opacity: 0; transform: rotateY(-90deg); position: absolute; top: 0;left: 0; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.product-block .prd-img:hover .img02{ opacity: 1; transform: rotateY(0);}
*/
.product-block .prd-buttons { position: absolute; top: 110px; left: 56%; perspective: 200px; margin-left: -56px; display: flex; vertical-align: top;}
.product-block .prd-buttons a { right: -50px; bottom: -50px; position: relative; transition: .5s ease-in-out; opacity: 0}
.product-block .prd-buttons button { top: -50px; left: -50px; position: relative; transition: .5s ease-in-out; opacity: 0}
.product-block .prd-buttons a i, .product-block .prd-buttons button i { background: #ffb400; width: 36px; line-height: 36px; font-size: 16px; text-align: center; color: #fff; display: block; margin: 0 5px; height: 36px; border: none; border-radius: 3px; transition: .5s ease-in-out;}
.product-block .prd-buttons a:hover i, .product-block .prd-buttons button:hover i { background: #111; color: #fff;}
.product-block .prd-buttons button { background: none; border: none; padding: 0;}
.product-block:hover .prd-buttons a { bottom: 0; right: 0; opacity: 1}
.product-block:hover .prd-buttons button { left: 0; top: 0; opacity: 1}
.product-block .prd-details h4 { font-weight: 600; font-size: 12px; color: #ffb400;}
.product-block .prd-details h3 { font-size: 13px; font-weight: 400; margin-top: 0;}

section.about-bg { background-image: url(../images/about-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
section.about-bg .about { text-align: center; padding: 30px 0;}
section.about-bg .about img { margin-bottom: 15px;}
section.about-bg .about p { font-size: 13px; line-height: 24px; color: #000; margin: 0 0 15px;}
section.about-bg .about a { background: #ffb400; color: #111; display: inline-block; padding: 0 15px; line-height: 36px; border-radius: 5px; transition:all 0.5s ease-in-out 0s;}
section.about-bg .about a:hover { background: #111; color: #fff;}

section.why-choose { background: #111; position: relative; overflow: hidden;}
section.why-choose .center-text { text-align: center; padding-top: 20px; padding-bottom: 20px;}
section.why-choose .center-text i { font-size: 28px; color: #ffb400;}
section.why-choose .center-text h3 { color: #fff; font-size: 18px; margin: 5px 0; text-transform: uppercase; font-weight: 700;}
section.why-choose .center-text p { margin: 0; font-size: 11px; padding: 0; font-weight: 400; color: #c7c7c7;}

section.shipping-block { background: #e3e3e3; padding: 40px 0; margin-top: 15px;}
section.shipping-block h2.sb-title { text-align: center; margin: 0 0 40px; font-weight: 700; text-transform: uppercase; font-size: 24px;} 

.sb-box { background: #fff; border-radius: 10px; text-align: center; padding-top: 100px; margin-top: 80px; margin-bottom: 30px; }
.sb-box img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.sb-box h2 {font-size: 38px; font-weight: 800; margin: 0; padding: 40px 0; text-transform: uppercase; min-height: 156px}
.sb-box h2.fed { font-size: 14px; line-height: 25px;}
.sb-box .sb-text { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 24px; font-weight: 700; text-transform: uppercase; padding: 20px 0; color: #fff; line-height: 30px;}
.sb-box .dhl { background: #ffcc00; color: #000;}
.sb-box .ems { background: #045ff0;}
.sb-box .ups { background: #220100;}
.sb-box .fedex { background: #4d148c;}

section.breadcrumbs { background: #111; position: relative; overflow: hidden; padding: 18px 0; margin-bottom: 30px;}
section.breadcrumbs ul { margin: 0; padding: 0;}
section.breadcrumbs ul li { display: inline-block; margin-right: 6px; line-height: 20px; font-size: 13px; font-weight: 500; list-style: none; color: #fff;}
section.breadcrumbs ul li a { color: #fff; transition: all 500ms ease;}
section.breadcrumbs ul li a:hover { color: #ffb400;}
section.breadcrumbs ul li.active { color: #c7c7c7;}

.contact-map { margin: 15px 0;}

.pagination { text-align:center; width:100%;}
.pagination a { background:#ffb400; border-radius:3px; padding:4px 10px; font-size:12px; font-weight:600; color:#111; display:inline-block; text-transform:uppercase; margin:0;}
.pagination a:hover, .pagination a.paging_act{ background:#111; color: #fff;}

.p-pull-right { float: right;}

.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; position:relative;}
.LefMenu li.MainLeftCats:hover {}
.LefMenu li.MainLeftCats a { background:#ffb400; height:50px; line-height:50px; display:block; color:#111; font-weight:700; font-size:14px; text-decoration:none; text-transform:uppercase; padding:0px 15px; text-align:left; border-radius:5px; transition: all 0.3s ease-in-out 0s;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#111; color:#fff}
.submenu ul { padding:0 1em 1em; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#09162a; font-size:12px; line-height:30px; text-decoration:none; display:block; padding:0px; margin-bottom:2px; font-weight:400; border-bottom:1px solid #ccc; transition: all 0.3s ease-in-out 0s;}
.submenu ul li:last-child a { border:none;}
.submenu ul li a:hover, .submenu ul li a.active { color:#ffb400; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#111 !important; background:#ffb400; line-height:40px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s; z-index:9999; border-radius: 3px;}
.cd-top:hover { background:#111; color: #fff;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { background:#111; opacity:1; color:#fff !important; }


footer { background: #0b0b0b; padding-top: 40px; border-top: 5px solid #ffb400;}
footer h2 { font-size: 18px; color: #fff; text-transform: uppercase; margin: 0; padding: 0 0 20px; font-weight: 700;}
.f-contact li { list-style: none; margin-bottom: 20px;}
.f-contact li i { width: 10%; float: left; font-size: 14px; color: #ffb400; padding-top: 3px;}
.f-contact li div { width: 85%; float: left;}
.f-contact li div span { display: block; font-size: 13px; color: #c7c7c7; line-height: 22px;}
.f-contact li div span a { color: #c7c7c7}
.f-contact li div span a:hover, ul.f-links li a:hover { color: #ffb400;}

.news { margin-bottom: 8px; color: #c7c7c7;}
.news h4 { font-size: 14px; color: #ffb400}

ul.f-links { margin: 0; padding: 0;}
ul.f-links li { list-style: none; margin-bottom: 8px;}
ul.f-links li a { color: #c7c7c7;}

.newsletter p { margin:10px 0 24px; font-size:14px; color:#acacac;}
.newsletter input { background:none; border:solid #c7c7c7; border-width:1px 0 1px 1px; height:46px; padding:0 5px; width:75%; float:left; box-shadow:none; color: #fff; border-radius: 50px;}
.newsletter button { background:#ffb400; height:46px; border:1px solid #ffb400; float:left; width:30%; text-align:center; color:#000; font-weight:600; font-size:14px; text-transform:uppercase; font-size:13px; transition:all 0.3s ease-in-out 0s; border-radius: 50px; margin-left: -40px;}
.newsletter button:hover { background:#222; border-color:#222; color: #fff;}
.social-icons { padding:30px 0 20px;}
.social-icons a { display:inline-block; margin:0 3px; }
.social-icons a i { background: transparent; color:#c7c7c7; width:46px; line-height:44px; text-align:center; font-size:16px; display:block; transition:all 0.3s ease-in-out 0s; border: 1px solid #c7c7c7; border-radius: 50px;}
.social-icons a:hover i { background:#ffb400; color:#000; border-color: #ffb400;}
.copy-right { padding:20px 0; color:#c7c7c7; font-size:13px; border-top: 1px solid #313131; margin-top: 15px; text-align: center;}
.copy-right a { text-decoration:none; color:#ffb400;}
.copy-right a:hover { text-decoration:underline;}


.title-bg { background:#222; text-align:center; padding:15px 0; margin-bottom:15px;}
.title-bg h3 { color:#fff; margin:0; padding:0; font-weight:800;}
.title-bg p { color:#999; text-transform:uppercase; margin:5px 0 0;}

section.products-details { margin:20px 0;}

/*.page-title { text-transform:uppercase; color:#2d2d2d; text-align:center; font-weight:800; font-size:24px; margin-bottom:20px;}*/

section.page-title { background: #ececec; padding: 100px 0 20px; text-align: center; min-height: 200px; justify-content: center; flex-direction: column; display: flex;}
section.page-title h2 { color: #ffb400; font-size: 28px; font-weight: 700; text-transform: uppercase;}

.p-margin-b { margin-bottom:15px;}

.d-margin { margin-top:50px;}

.page-txt { font-weight:400; font-size:14px; line-height:26px; margin-bottom:3rem; min-height: 400px;}

.contact-form h4 { margin-bottom:0.3em; letter-spacing:0.08em; line-height:1em; color:#282828; text-transform:uppercase; font-weight:400; font-size:20px; text-align:center;}
.contact-form p { font-size:16px; line-height:23px; text-align:center; margin-bottom:22px; font-weight:400; color:#888;}

.form-group label { display:none;}
.form-group { position:relative;}
fieldset .required:after { color:#ff0000; content:"*"; font-size:20px; left:-16px; margin:0 0 0 5px; position:absolute; top:8px; font-weight:500;}
.form-group .input-text { background:#f7f7f7; display:block; border:1px solid #ccc; color:#282828; font-weight:400; line-height:2.3rem; padding:1.44rem 1rem; width:100%; font-size:13px; box-shadow:none; vertical-align:baseline; outline:none; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}
.form-group .input-text:hover, .form-group .input-text:focus { border-color:#ffb400;}
.submit-btn { text-align:right;}
.submit-btn-d { text-align:left;}
.contact-map { margin-top:20px;}

.SubmitText { text-align:center; color:#060; font-size:18px; padding:60px 0; font-weight:700; line-height: 30px;}

.NoProd { text-align:center; color:#888; font-size:22px; padding:8rem 0 8rem;}

.inner-page { min-height: 700px; margin-bottom: 30px;}

.EmptyCart { text-align:center; font-weight:500; font-size:24px; color:#282828; padding-top:100px;}
.EmptyCart a { color:#ffb400;}
.EmptyCart a:hover { color:#888;}

.submit-btn button { background:#ffb400; border:none; font-size:14px; overflow:hidden; position:relative; color:#111; display:inline-block; margin:0 0.25rem; padding:10px 20px; text-transform:uppercase; font-weight:600; border-radius: 3px; transition:all 0.3s ease-in-out 0s;}
.submit-btn button:hover { background:#111; color: #fff;}

.prod-details h4 { font-size:12px; text-transform:uppercase; color:#ffb400; margin:0 0 10px;}
.prod-details h1 { text-align:left; text-transform:uppercase; color:#09162a; font-weight:800;}
.prod-details h3 { color:#ffb400; font-weight:500; font-size:16px;}
.prod-details .description { padding-bottom:15px; font-size:13px; color:#888;}
.prod-details .description span { text-transform:uppercase; color:#191919; font-size:12px; font-weight:600;}
.prod-details .prd-opt { margin-bottom:20px;}
.prod-details .prd-opt label { width:20%; text-align:left; font-weight:600; font-size:12px; text-transform:uppercase; line-height:34px; margin:0; color:#191919;}
.prod-details .prd-opt .form-control { width:30%; font-weight:400;}
.like-box { margin-top:3rem;}

.fp-title { font-size:40px; font-weight:300; color:#0b0b0b; text-transform:uppercase; letter-spacing:1px; text-align:center; padding:15px 0; margin:15px 0}

.CartInfo {  min-height:400px; margin:0; padding:0;}
.CartInfo table { border-collapse:collapse; border-left:1px solid #ccc; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; width:100%; max-width:100%; background-color:#fff; border-spacing:0;}
.CartInfo thead td { background-color:#111; border-bottom:1px solid #ddd; color:#fff; font-weight:500; outline:none;}
.CartInfo td { padding:7px; }
.CartInfo thead .image, .CartInfo thead .action { text-align:center;}
.CartInfo thead .productd, .CartInfo thead .quantity { text-align:left;}
.CartInfo tbody .image, .CartInfo tbody .action { text-align:center;}
.CartInfo tbody td { border-bottom:1px solid #ddd; vertical-align:middle;}
.CartInfo tbody td input[type="text"] { background:#f2f2f2; width:50%; text-align:center;}
.CartInfo tbody .productd h4 { font-weight:500; margin-bottom:10px; font-size:16px; text-transform:uppercase; letter-spacing:1px;}
.CartInfo tbody .productd h5 { font-size:12px; color:#888; margin-bottom:5px;}
.CartInfo tbody .form-control { border-radius:0;}
.CartInfo tbody .productd p { color:#888;}
.CartInfo tbody .form-control:focus { border-color:#ffb400; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ffb400}
.CartInfo tbody .btn-success { background:#ffb400; border:none; font-size:14px; overflow:hidden; text-transform:uppercase; font-weight:500; width:50%; border-radius:3px; color: #111; margin-top:4px; padding:6px 0; transition: all 0.5s ease-in-out 0s;}
.CartInfo tbody .btn-success:hover { background:#111; color: #fff;}
h2.Total { text-align:right; padding-bottom:15px; text-transform:uppercase; font-weight:700; font-size: 18px;}
h2.Total span { color:#ffb400}
.basket-btn { text-align:right;}
.basket-btn a { background:#ffb400; font-size:14px; overflow:hidden; position:relative; color:#111; display:inline-block; margin:0 0.25rem; padding:8px 20px; border-radius:3px; text-transform:uppercase; transition: all 0.5s ease-in-out 0s;}
.basket-btn a:hover { background:#111; color: #fff;}

.cat-banners { padding-bottom:50px;}

@media(min-width: 1401px){

}
@media(min-width: 1401px){

}

@media(max-width: 1450px){

}

@media(max-width: 1400px){

}
@media(min-width: 1401px){

}
#back-top:hover{
  background: #ffb400;
}
#back-top{
  background: rgba(38, 38, 38, .8);
  color: white;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  z-index: 2;
}
body:not(.common-home) .fix-header{
  background: rgba(255,255,255,.97);
  box-shadow: 0 5px 5px -5px #262626;
}
.fix-header{
  position: fixed;
  background: rgba(40, 43, 49, .95);
  width: 100%;
  left: 0;
  z-index: 9999;
  padding: 0 30px;
  top: 0; 
}
.hd2.fix-header,.hd3.fix-header, .hd4.fix-header, .hd5.fix-header{
  background: rgba(255,255,255,.97);
  box-shadow: 0 5px 5px -5px #262626;
}
.fix-header#top .search-container,
.fix-header#top .setting,
.fix-header#top #cart{
  padding: 15px 0;
}
.fix-header#top .main-menu .navbar-toggle{
  margin:0;
}
.hd2.fix-header#top .main-menu, .fix-header#top #logo{
  padding: 13px 0;
}
.hd4.fix-header#top .main-menu{
  padding: 15px 0;
}
/* responsive */
@media(min-width: 1920px){
  .hd1common-home::before{
    min-height: 890px
  }
  .fix-header{

    padding: 0 70px;
  }
}

.hd3.fix-header#top .main-menu{
  padding: 15px 0;
}
.fix-header#top #logo{
  padding: 7px 0 0;
}

.fix-header#top #logo img { width:46%;}

@media(min-width: 1400px){

}
@media(max-width: 1024px){
  .hd1common-home::before{
    height: 650px;
    -webkit-transform: skew(0deg,-5deg);
    -moz-transform: skew(0deg,-5deg);
    -o-transform: skew(0deg,-5deg);
    transform: skew(0deg,-5deg);
  }
}
@media(max-width: 991px){
  .main-menu {
    float: none;
    clear: both;
    padding-left: 0;
    margin-top: 0;
    padding: 0;
  }

  .hd2 .menu-mobile, .hd3 .menu-mobile, .hd4 .menu-mobile {
    display: none !important;
  }
  .hd2 #ma-mobilemenu, .hd3 #ma-mobilemenu, .hd4 #ma-mobilemenu, .ma-nav-mobile-container {
    display: block;
  }
  #cart .dropdown-menu{
    right: -35px;
  }
  .container.layer-category{
    width: 100%;
    clear: both;
  }
  #cart{
    margin-right: 0px;
  }
  .main-menu{
    float: none;
    clear: both;
  }
}
@media(min-width: 992px){
  .custom-products .two-items:nth-child(2n+1),
  .custom-products .three-items:nth-child(3n+1),
  .custom-products .four-items:nth-child(4n+1){
    clear: both;
  }
}
@media(max-width:768px){
    
    #logo img {  max-width: 70%;}
    .navbar .btn-navbar { z-index: 999;}
    .btm-margin { margin-bottom: 20px;}

}
@media(max-width: 767px){
  #blog_home .articles-inner {
    width: 100% !important;
    margin-bottom: 30px;
  }
  #top.hd3, #top.hd4{
    padding: 0 15px;
  }
  #top.hd5{
    padding: 0px 30px;
  }
  .newproducts-slider .row_items{
    margin-top: 30px;
  }
  .policy-static2 .col-xs-12.col-sm-4{
    padding: 0 0 20px;
  }
  .owl-buttons{
    display: none;
  }
  .policy-static > div{
    margin-top: 0px;
    padding-bottom: 0;
  }
  .policy-static .col .text-content{
    text-align: center;
  }
  .policy-static .col .text-content,
  .policy-static .col img,
  .policy-static .col .service1{
    display: block;
    margin: 0 auto;
    float: none;
  }
  .setting-inner{
    width: 100%;
  }
  .module-title h2 {
    font-size: 20px;
  }
  .testimonial-content{
    width: 80%;
  }
  .banner-1 .col-images .text-content{
    width: 100%;
  }
  #content{
    clear: both;
  }
  .cat-banners { padding-bottom:0;}
}
@media(max-width: 640px){	
  .product-thumb.layout3 .image,
  .product-thumb.layout3 .product-inner {
    width: 100%;
    float: left;
    padding-right: 30px;
  }	
  .product-thumb.layout3 .image{
    margin-top: 30px;
    padding: 0;
  }
  .product-list .product-thumb .product-inner{
    width: 100%;
    padding: 0;
  }
  .product-list .product-thumb .image{
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .setting-inner .container > div{
    width: 50%;
    float: left;
    text-align: left;
  }
  .setting-inner .container > div:nth-child(2n+1){
    clear: both;
    margin-bottom: 20px;
  }
  .banner-1 .col-images .text-content {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    -moz-transform: translate(-50%,-50%) scale(.8);
    -o-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
  }
  .banner-1 .col-images .text-content h1 {
    font-size: 20px;
  }
  .banner-1 .text-container .text-v {
    margin: -45px 0 0;
  }
  .occountdown_module{
    padding: 20px;
  }
}
@media(max-width: 560px){
  .banner-3 .text-content{
    margin-top: 30px;
  }
  .banner-3 .text-content,
  .banner-3 .col-img{
    width: 100%;
    padding: 0;
  }
  .banner-4 .text-content > div {
    padding-left: 0px;
  }
  .banner-4 .text-content h1{
    margin: 15px 0;
  }
  .banner-4 .text-content a {
    margin-top: 10px;
  }
  .banner-1 .col-images .text-content img{
    display: none;
  }
  .banner-1 .col-images .text-content{
    width: 90%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
  }
  .banner-1 .text-container .text-v {
    margin: 0;
  }
  .newproducts-slider .row_items{
    width: 100%;
  }
}
@media(max-width: 480px){
  .col-3 .nav-tabs li{
    width: 100%;
    padding: 0 0 20px;
    font-size: 14px;
  }
  .col-3 .nav-tabs {
    border: none;
  }
  .col-3 .tab-content{
    margin: 20px 0 50px;
  }
  .product-layout.product-grid{
    width: 100%;
  }
  .hd1common-home::before{
    height: 300px;
  }
  .occountdown_module .box-timer .block-timer{
    margin: 0;
    margin-bottom: 20px;
    width: 50%;
  }

    .center-content { height:auto}
    
    #top.hd5 { position: relative;}
    
}
@media(max-width: 320px){

  #logo img{
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    transform-origin: center left;
  }
  #cart .dropdown-menu{
    right: -55px;
  }
}