@font-face{ font-family: 'SourceCodePro-Light'; src:url('fonts/SourceCodePro-Light.ttf'); }
@font-face{ font-family: 'Florence-Regular'; src:url('fonts/Florence-Regular.ttf'); }
@font-face{ font-family: 'Gotham-Light'; src:url('fonts/Gotham-Light.otf'); }
@font-face{ font-family: 'Gotham-Medium'; src:url('fonts/Gotham-Medium.otf'); }
@font-face{ font-family: 'Gotham-Bold'; src:url('fonts/Gotham-Bold.ttf'); }
@font-face{ font-family: 'SourceHanSansCN-Light'; src:url('fonts/SourceHanSansCN-Light.otf'); }
@font-face{ font-family: 'SourceHanSansCN-Medium'; src:url('fonts/SourceHanSansCN-Medium.otf'); }
@font-face{ font-family: 'SourceHanSansCN-Bold'; src:url('fonts/SourceHanSansCN-Bold.otf'); }
@font-face{ font-family: 'Gotham-Book'; src:url('fonts/Gotham-Book.ttf'); }
@font-face {
  font-family: 'themify';
  src:url('fonts/themify9f24.eot?-fvbane');
  src:url('fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
    url('fonts/themify9f24.woff?-fvbane') format('woff'),
    url('fonts/themify9f24.ttf?-fvbane') format('truetype'),
    url('fonts/themify9f24.svg?-fvbane#themify') format('svg');
  font-weight: normal;
  font-style: normal;
}


html{ font-size: 62.25%; }
body{ font-family: 'Gotham-Light', 'SourceHanSansCN-Light'; text-align: center; font-size: 1.4rem; line-height: 1.4; }
*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul{ border:0; }
ul li{ list-style: none;}
img{ border:0; }
a:focus,a:visited,a:active{ text-decoration: none; }
a:hover{ text-decoration: none; }
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6{ margin:0; font-weight: normal; line-height: 1; }
p,ul,ol,label,.label,hr,dl,dd{ margin:0; padding:0; }
input,textarea{ outline: 0;}
p, h1, h2, h3, h4, h5, h6, .widget-title, .widgettitle, .btn{ font-family: 'Gotham-Light', 'SourceHanSansCN-Light';}

.container{ width: 100%!important; padding: 0 135px; }
.container-fluid{ padding: 0 135px; }

.top{ display: none; padding: 10px 0; background-color: #f4f2f0; color: #272525; font-family: 'SourceCodePro-Light'; }
header{ padding: 10px 0; border-bottom: 1px solid #ccc; }
.logo img{ max-width: none; height: 80px; float: left; }
.nav{ padding: 30px 15px; line-height: 25px; font-size: 1.4rem; letter-spacing: 1px; font-family: 'Florence-Regular'; }
.nav #menu-main-menu-zhong-1, .nav #menu-main-menu-fan-1{ font-size:1.8rem; }
.nav ul li{ display: inline-block; position: relative; margin: 0 25px; }
.nav ul li a{ display: inline-block; color: #999; }
.nav ul li span{ display: block; text-align: left; }
/*.nav ul li span:last-child{ font-size: 1.4rem; }*/
.nav ul li.current-menu-item a,.nav ul li:hover a{ color: #333; }
.nav ul li.current-menu-item a:before,.nav ul li:hover a:before{ content: ''; position: absolute; top: -1px; left: -10px; width: 5px; height: 5px; background-color: #666666; border-radius: 50%; }
.nav ul li:last-child{ margin-right: 0;}
.top-links{ padding: 30px 15px; }
.top-links ul{ float: right; }
.top-links ul li{ display: inline-block; padding-left: 5px; }
.top-links ul li a{ display: inline-block; /*width: 20px; height: 20px;*/ }
.top-links ul li:first-child img, .top-links ul li:nth-child(2) img{ max-height: 20px; }
/*.top-links ul li a i{ display: block; height: 20px; background:url(../images/top-icos.png) no-repeat left center; background-size: auto 20px; }
.top-links ul li:nth-child(2) a i{ background-position: center center;}
.top-links ul li:first-child a i{ background-position: right center; }*/
.top-languages ul{ float: right; padding: 30px 15px; }
.top-languages ul li{ display: inline-block; }
.top-languages ul li a{ color: #999; }
.top-languages ul li:after{ content: '|'; padding:0 3px; }
.top-languages ul li:last-child:after{ content: ''; padding:0; }
.top-languages ul li a:hover,.top-languages li.current-lang a{ color: #333; }
/**************************************************/


.menu-toggle{ display: none; position: absolute; right: 15px; top:32px; width: 35px; cursor: pointer; }
.menu-toggle .lines{width:35px;display:block;position:relative; }
.menu-toggle span{height:3px;width:100%;background-color:rgba(0,0,0,0.6);display:block;margin-bottom:5px;
    -webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;}
.menu-toggle span:last-child{width:75%;margin-bottom:0;}

.menu{ display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 999; top: 0; background-color: rgba(0,0,0,0.9); 
    padding: 30px;
    text-align: left; 
    color: #767676;
    text-transform: uppercase;
}
.menu-close{ width:25px; position:absolute; right: 25px; top:15px;}
.menu-close div{ width:100%; position:relative; }
.menu-close span{ height:3px; width:100%; background-color:#fff; position:absolute; }
.menu-close span:first-child{ top:6px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.menu-close span:last-child{ top:6px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}


.menu-nav ul li a{ display: block; padding: 10px 0; color: #fff;}
.menu-nav ul li a:hover,.menu-nav ul li.current-menu-item a{ color: #fff; }
.menu-nav > ul > li.menu-item-has-children >a:after { position: absolute; right: 15px; content: "\e64b"; font-family: "themify"; margin-left: 3px;}
.menu-nav > ul > li > a:hover,.menu-nav > ul > li.menu-item-has-children.open > a{ color: #fff; }
.menu-nav > ul > li > .sub-menu{ display: none; padding: 10px; position: static;}
.menu-nav > ul > li > .sub-menu.open{ display: block; 
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.menu-nav > ul > li.menu-item-has-children.open >a:after{ content: "\e648" }

.menu-languages{ padding:10px 0; }
.menu-languages ul li{ display: inline-block; }
.menu-languages ul li a{ color: #fff; }
.menu-languages ul li:after{ content: '|'; padding:0 3px; }
.menu-languages ul li:last-child:after{ content: ''; padding:0; }
.menu-languages ul li a:hover,.menu-languages li.current-lang a{ text-decoration:underline; }
/************************************************************************************************************/
.slider{ position: relative;  }
.slider .flexslider{position:relative; height: 700px;}
.slider .slides{ height:100%; position:relative;}
.slider .slides li{height: 100%; background-position: top center; background-repeat: no-repeat;  background-size:cover;}
.slider .flex-control-nav{ position:absolute; bottom:30px;z-index:9;width:100%;text-align:center;}
.slider .flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 3px;}
.slider .flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:10px;overflow:hidden; background: rgba(0,0,0,0.8); border-radius: 50%; cursor:pointer; color: transparent;}
.slider .flex-control-nav .flex-active,.flex-control-nav a:hover{ background-color: rgba(255,255,255,0.4); }
.slider .flex-direction-nav{ display: none; }
.slider .container-fluid{ height: 100%; display: table; }
.slider-text{ display: table-cell; vertical-align: middle; }
.slider-text h2{ font-size: 6rem; letter-spacing: 10px; color: #fff; font-family: 'Florence-Regular'; }
/************************************************************************************************************/
.home-content{ padding: 100px 0 160px 0; }
.home-content .row{ margin:0; }
.home-col1,.home-col2{ padding: 0; }
.home-item{ position: relative; }
.home-item-img{ padding: 0 15%; }
.home-item-img img{ max-width: 100%; }
.home-item-text{ position: absolute; bottom: 40px; left:0; color: #272525; text-align: left; }
.home-item-text h6{ font-family: 'Florence-Regular'; margin-bottom: 5px; font-size: 2rem; font-style: italic; letter-spacing: 2px; }
.home-item-text h2{ font-family: 'Gotham-Medium'; font-size: 6rem; text-transform: uppercase; letter-spacing: 4px; }
.home-item-text h2 a,.home-item-text h4 a{ display: inline-block; }
.home-item-text h2 a:after{ display: block; content: ''; border-bottom: 3px solid #272525; }
.home-item-text h4{ margin-top: 15px; font-family:'Gotham-Bold', 'SourceHanSansCN-Bold'; font-size: 2.4rem; letter-spacing: 2px; }
.home-item-text h4 a:after{ padding-top: 10px; display: block; content: ''; border-bottom: 3px solid #272525; }
.home-item-text a{ color: #272525;}
.home-item-text a:hover,.home-item-text:hover a{ color: #999999; }
.home-item-text a:hover:after,.home-item-text:hover a:after{ border-color: #999; }
.home-col1 .home-item:nth-child(2){ margin: 300px 0 0 0; }
.home-col1 .home-item:nth-child(2) .home-item-img{ padding: 0 10%; }
/*.home-col1 .home-item:nth-child(2) .home-item-text{ left:15%; }*/
.home-col2 .home-item{ margin-top: 200px; }
/*.home-col2 .home-item .home-item-img{ padding: 0 15% 0 0; }*/
/*.home-col2 .home-item .home-item-text{ right: 15%; text-align: right; }*/

.item-more{ width: 60%; float: right; margin-top: 150px; border: 1px solid #cccccc; padding: 50px 0 65px 0; }
.item-more a{ float: right; padding:0 50px 0 0; margin-right: -15px; /*font-family: 'Gotham-Light';*/ font-size: 3.6rem; letter-spacing: 4px; color:#999999; border-bottom: 1px solid #999999; }

.clients{ padding: 112px 0; background-color: #333; text-align: center; }
.clients ul{ display:inline-block; }
.clients ul li{ display:inline-block; padding:0 35px; }
.clients ul li img{ height: 50px; display: inline-block; }

.clients-mobile{ display:none; }

.bottom{ margin-top: 50px; }
/*.bottom-item{ width: 20%; float: left; }
.bottom-items:before,.bottom-items:after{ display: table; content: " ";}
.bottom-items:after{ clear: both; }*/
.bottom-item img{ max-width: 100%; }

footer{ padding: 30px 0; background-color: #f5f5f5; border-top: 1px solid #f5f5f5; }
.footer-left{ font-size: 1.6rem; color: #272525; letter-spacing: 1px; text-align: left; line-height: 25px; font-family: 'Gotham-Book'; }
.footer-left a{ color: #272525; }
.footer-left p:last-child{ font-size: 1.4rem; color: #999999; font-family: 'Gotham-Light'; }
.footer-left p:last-child a{ color: #999999;}
.footer-right ul{ float: right; }
.footer-right ul li{ display: inline-block; margin:0 5px; }
.footer-right ul li:last-child{ margin-right: 0; }
.footer-right img{ padding: 10px 0; max-height: 50px; /*-webkit-filter: opacity(40%); filter: opacity(40%);*/}

.contact{ padding: 100px 0; font-size: 1.8rem; text-align: center;}
.contact h1, .user .title,.page-title h1{ margin-bottom: 50px; text-align: center; font-size: 6rem; text-transform: uppercase; position: relative; padding: 0 0 17px; }
.contact h1:after, .user .title:after,.page-title h1:after{ content: ''; width: 100px; height: 3px; background: #000000; bottom: 0; position: absolute; left: 50%; 
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.page-title h1{ margin:100px 0 0 0; }
.contact p{ font-family: 'Gotham-Book'; }
.contact img{ margin:100px 0 0 0; max-width: 50px; }
.contact h6{ margin:30px 0; font-size: 1.8rem; font-family: 'Gotham-Bold'; }
.contact p a{ font-family: 'Florence-Regular'; }
.contact form{ margin-top: 100px; max-width: 570px; display: inline-block; font-size: 18px; }
.contact-group{ margin-bottom: 35px; }
.contact label{ display: block; text-align: left; line-height: 2; font-weight: normal; }
.contact-control,.contact-area{ width: 100%; padding: 10px; font-size: 16px; line-height: 1.5; color: #797979; background-color: #fff; border: 1px solid #ededed; }
.contact-area{ height: 120px; }
.contact-btn{ width: 100%; color: #fff; text-transform: uppercase; font-weight: normal; background-color: black; border-color: black; padding: 11px 15px;}
.contact-control:focus,.contact-area:focus{ border-color: #000; }

.about{ padding: 0 0 50px 0; color: #4c4c4c; }
.about img{ max-width: 100%; margin: 0 0 40px 0; }
.about-text{ max-width: 770px; margin:0 auto; font-size: 18px; text-align: left; line-height: 1.5;}
.about-text p{ margin: 0 0 12px;}
.about-text p strong{ color: #000; font-size: 24px; font-family: 'Gotham-Bold','SourceHanSansCN-Bold'; font-weight: normal; }
.about-text blockquote{ padding: 12px 24px; margin: 0 0 24px; border-left: 5px solid #000; }
.about-text blockquote p{ font-family: 'Gotham-Bold','SourceHanSansCN-Bold'; font-size: 24px; letter-spacing: 0.5px; word-spacing: 3px; font-style: italic;}
.about-text ul{ margin-bottom:15px;}
.about-text ul li:before{ content:'▪'; margin-right:5px;}
.about-text h4{ color: #000; font-size: 24px; font-family: 'Gotham-Bold','SourceHanSansCN-Bold'; margin-bottom:15px; }

.page-other{ padding: 0 0 50px 0; color: #4c4c4c; }
.page-other-text{ max-width: 770px; margin:0 auto; font-size: 18px; text-align: left; line-height: 1.5;}
.page-other-text p{ margin: 0 0 12px;}
.page-other-text h3{ color: #000; font-size: 20px; font-family: 'Gotham-Bold','SourceHanSansCN-Bold'; margin-bottom:15px; }
.page-other-text h4{ color: #000; font-size: 18px; font-family: 'Gotham-Bold','SourceHanSansCN-Bold'; margin-bottom:15px;}
.page-other-text strong{ color:#000; }
.page-other-text ul{ margin-bottom:15px;}
.page-other-text > ul > ul{ padding-left:30px; }


.main-page{ min-height:500px; padding:50px 0; }
.woocommerce{ }
.woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation{ max-width:100%; }
.page_cart{ padding: 100px 0 0 0; }
.user{ padding: 100px 0;}
.woocommerce form.register p{ margin-bottom: 15px; }
#apus-main-content{ text-align: left; }
/*.site-main,.site-content{ padding: 100px 0;}*/
.container .container{ padding: 0; }
.woocommerce div.product p.price{ display: block; float: none; margin-bottom: 15px;}
h2.chinese_name{ font-size: 2rem; margin-bottom: 10px; }
.nav-tabs{ font-family: 'Gotham-Light'; }
.woocommerce div.product .product_title,.product-block.grid .name{ font-family: 'Gotham-Light','SourceHanSansCN-Light'; letter-spacing: 0;}
/*.woocommerce .percent-sale, .woocommerce span.onsale{ display: none; }*/
.details-product .information .woocommerce-product-details__short-description{ letter-spacing:0; }
.details-product .information .woocommerce-product-details__short-description p{ margin-bottom:15px; }
.details-product .image-mains .onsale{ left:100px; }
.apus-shop-header{ display: none; }
.apus-breadscrumb{ display: none; }
.cart-icon{ font-size: 2rem; line-height: 20px; top: 4px; }
.cart-icon .count{ top: 15px; }
/*.apus-topcart .dropdown-menu{ min-width: 400px; }*/
.product-block .image{ background-color: #f5f5f5; text-align: center; }
.product-block .image img{ display: inline-block; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border: 1px solid #ededed; }
form.login label, form.register label{ font-weight: normal; font-family: 'Gotham-Light','SourceHanSansCN-Light'; }
.woocommerce form .form-row select{padding: 10px; border: 1px solid #ededed;}

.bonded-label{ width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 9; text-align: center;}
.bonded-label span,.product-bonded-label span{ display:inline-block; background-color:#e25d4e; padding:5px 10px; border-radius: 15px; font-size: 1.6rem; color:#fff; }
.product-bonded-label{ margin-bottom:10px; }

.apus-mfp-zoom-in .mfp-inline-holder .mfp-content .summary{ padding-top: 30px; }
.woocommerce-order-details, .woocommerce-checkout, .cart-collaterals{ margin:0; }
.table-responsive{ padding:10px; }
.woocommerce div.quantity .plus, .woocommerce div.quantity .minus{ width:20px; }
.woocommerce div.quantity input.qty{ width:45px; }

.details-product .image-mains .main-image-carousel{ width:calc(100% - 150px); }
.details-product .image-mains .thumbnails-image{ width:120px; }

#order_review .shop_table td{ padding:9px 12px; }

.price ins{ color:#f00; }

.view_rate_detail{ color:#005aff; text-decoration:underline; cursor:pointer; }
.view_rate_detail:hover{ color:#005aff; text-decoration:underline;}
.rate_wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    background-color:rgba(0, 0, 0, 0.5);    
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    justify-content: center; align-items:center;
}
.rate_wrap.rate_opened{ display: flex;}
.rate_wrap_block{ width:800px; background: #000; padding: 30px; }
.rate_header_wrap{ width: 100%; height: 30px; position:relative; }
.rate_close{ width:25px; position:absolute; right: 0; top:0; cursor: pointer;}
.rate_close div{ width:100%; position:relative; }
.rate_close span{ height:3px; width:100%; background-color:#fff; position:absolute; }
.rate_close span:first-child{ top:6px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.rate_close span:last-child{ top:6px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.rate_view_wrap{ color:#fff; }
.rate_view_wrap h3{ font-size: 2.2rem; color: #fff; font-weight:bold; margin-bottom:15px; }
.rate_view_wrap h4{ font-size: 1.8rem; color:#fff; font-weight:bold; margin-bottom:15px; }
.rate_view_wrap ul{ margin-bottom:15px; }

.custom-shipping-notice{ width:100%; overflow:hidden; margin-bottom: 15px; padding: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.custom-shipping-notice span{ float:left; font-size:1.4rem; }
.custom-shipping-notice a{ float:right; font-size: 1rem; color:#54c3f1; text-decoration:underline; }
.cart-notice{ padding: 5px 15px; background-color:#333333; }
.cart-notice span{ color:#fff; }
.product-notice span{ color:#333333; }

.wc-tag-badge {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff6600;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
}
.wc-tag-badge2{ left:160px; }



@media (max-width:1600px){
  /*.clients ul{ margin:0 -31px; }
  .clients ul li{ padding: 0 31px; }*/
  .nav ul li{ margin:0 20px; }
  .btn{ padding: 11px 15px; }
}
@media (max-width:1300px){
  .logo{ padding: 15px 15px; }
  .logo img{ height: 50px; }
  .clients ul li{ padding: 0 20px; }
}
@media (max-width:1200px){
	.container-fluid,.container{ padding: 0 35px; }
  .nav ul li{ margin:0 15px; }
}
@media (max-width:992px){
    
	  .container-fluid,.container{ padding: 0 15px; }
  	header{ position: relative; }
  	.top-languages{ display:none; }
  	.nav{ display: none; }
  	.top-links{ padding-right: 70px; }
  	.menu-toggle{ display:block; }
  	.slider .flexslider{ height: 200px; }
    .home-content{ padding:50px 0; }
  	.home-col1 .home-item:nth-child(2){ margin:50px 0; }
  	.home-col2 .home-item{ margin:0; }
    .item-more{ margin-top:50px; }
    .home-item-text h6{ font-size:1.4rem; }
    .home-item-text h2{ font-size:3rem; }
    .home-item-text h4{ font-size:1.6rem; }
    .clients{ display:none; }
    .clients-mobile{ display: block; padding:50px 0; background-color: #333; text-align: center;}
    .clients-mobile ul{display:inline-block;}
    .clients-mobile ul li{ padding:0 15px; margin-bottom: 15px; display:inline-block; }
    .clients-mobile ul li img{ height:40px; display:inline-block; }
    .clients-mobile ul:first-child li img{ height:70px; }
  
  	.footer-left{ margin-bottom: 15px; text-align: center; }
    .footer-right ul{ float: none; text-align: center; }

    .btn-white{ display:block; width:100%; margin-top:15px; }
    .rate_wrap_block{ width:100%; }
    .custom-shipping-notice span,.custom-shipping-notice a{ float:none; display:block; }


}