@charset "utf-8";html {

    font-size: 625%;

}



body {

    font-size: 14px;

}



body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {

    margin: 0;

    padding: 0;

}



body,html,input,button,textarea {

    color: #231f20;

    font-family: Arial,Helvetica,sans-serif;

    line-height: 1.5

}



article,aside,figcaption,figure,footer,header,main,nav,section {

    display: block

}



body {

    background: #fff

}



h1 {

    font-size: 20px;

    font-size: .2rem

}



h2 {

    font-size: 18px;

    font-size: .18rem

}



h3 {

    font-size: 16px;

    font-size: .16rem

}



h4,h5 {

    font-size: 14px

}



img {

    border: none;

    vertical-align: middle

}



li {

    list-style: none

}



i,em {

    font-style: normal

}



a {

    color: #231f20;

    text-decoration: none

}



a:focus {

    outline: none

}



a:hover {

    color: #3a3b4d;

    text-decoration: none

}



input[type="text"]:focus {

    outline: none

}



input[type="button"],input[type="reset"],input[type="submit"] {

    cursor: pointer

}



input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {

    border: none;

    padding: 0

}



hr {

    height: 1px;

    border: none;

    border-top: 1px dashed #c1c1c1;

    margin: 15px 0

}



a:active,select,input,textarea {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

    outline: 0!important

}



* {

    outline: 0;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box

}



.owl-carousel {

    position: relative;

    width: 100%

}



.owl-carousel .owl-item {

    float: left;

    min-height: 1px;

    position: relative;

    overflow: hidden

}



.owl-carousel .owl-stage-outer {

    overflow: hidden;

    position: relative

}



.owl-carousel .owl-controls {

    height: 0;

    overflow: visible

}



.owl-stage {

    position: relative

}



.owl-loaded .slide-item {

    display: block

}



.owl-dots .owl-dot,.owl-prev,.owl-next {

    cursor: pointer

}



.owl-carousel .owl-controls .owl-nav {

    position: absolute;

    left: 0;

    top: -.5rem;

    width: 100%;

    text-align: right

}



.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next {

    position: relative;

    display: inline-block;

    font-size: .25rem;

    line-height: .25rem;

    padding: 0 .08rem;

    border-radius: .05rem;

    margin: 0 3px;

    color: #ddd

}



.owl-carousel .owl-controls .owl-nav .owl-next {

    margin-right: 17px

}



.owl-carousel .owl-controls .owl-nav .owl-prev:hover,.owl-carousel .owl-controls .owl-nav .owl-next:hover {

    color: #333

}



.owl-carousel .owl-controls .owl-nav .owl-prev:before {

    content: "\f104"

}



.owl-carousel .owl-controls .owl-nav .owl-next:before {

    content: "\f105"

}



.owl-carousel .owl-controls .owl-dots {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    text-align: center

}



.owl-carousel .owl-controls .owl-dots .owl-dot {

    display: inline-block;

    width: 5px;

    height: 5px;

    background: none;

    cursor: pointer;

    text-indent: -9999px;

    margin: 0 5px 0 0;

    background: #a5b7c2

}



.owl-carousel .owl-controls .owl-dots .active {

    background: #3a3b4d

}



.clearfix:after,.layout:after,.topbar:after,.product-intro:after,.product-shop dl:after,.color-list:after,#respond:after,.goods-related .related-list ul:after,.head-wrapper:after,.blog-widget .foot-blog-item:after,.items_content li:after,.blog-list .blog-item:after,.index-discover ul li:after,.exhibition-tit-bar:after,.detail-tabs:after,.page-bar:after,.company-data-wrap:after,.nav-bar:after,.index-service:after,.page-bar:after,.main_content:after,.nav-bar .nav-wrap:after {

    content: "";

    display: block;

    clear: both;

    visibility: hidden;

    height: 0

}



.clearfix,.layout,.topbar,.product-intro,.product-shop dl,.color-list,#respond,.goods-related .related-list ul,.head-wrapper,.blog-widget .foot-blog-item,.items_content li,.blog-list .blog-item,.index-discover ul li,.exhibition-tit-bar,.detail-tabs,.page-bar,.company-data-wrap,.nav-bar,.index-service,.page-bar,.main_content,.nav-bar .nav-wrap {

    *zoom:1}



.clear {

    clear: both

}



.z9999 {

    z-index: 9999!important

}



.inline_block {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1}



.layout,.nav-bar .nav-wrap,.path-bar .path-nav {

    width: 1200px;

    margin: 0 auto;

    position: relative

}



body {

    width: 100%;

    min-width: 1200px;

    position: absolute;

    left: 0;

    top: 0

}



.shopcart-title .goods-num,.head-login-info h4,.cate-menu li a.hover,.product-item .pd-price b,.blog-widget .foot-blog-item .blog-cont p a.more,.cate-menu li a:hover,.head-cartlist dl a:hover,.narrow-by li li a:hover,.narrow-by li li a.selected,.service-items .service-item li a:hover,.blog-list .blog-item .readmore,.blog-list .blog-item .readmore a,.sort-by ul li.selected a,.sort-by ul li.selected a:hover,.goods-may-like .goods-item .goods-price b,.product-summary .price-bar .special-price,.product-summary .discount,.total-price .price,.pd-name a:hover {

    color: #3a3b4d

}



.owl-prev.disabled:hover,.owl-next.disabled:hover,.owl-prev.disabled,.owl-next.disabled {

    background-color: transparent;

    cursor: default;

    filter: alpha(opacity=0);

    opacity: 0;

    background-color: transparent;

    cursor: default;

    filter: alpha(opacity=0);

    opacity: 0

}



.head-shopcart .ico-cart,.slide-banners .owl-prev,.slide-banners .owl-next,.product-slides .owl-prev,.product-slides .owl-next,.blog-widget .owl-prev,.blog-widget .owl-next,.narrow-by li li a,.narrow-by li a.with-ul-tit b,.sort-by ul li .arrow-down,.sort-by ul li .arrow-up,.path-bar .path-nav li .ico-home b,.product-intro .add-to-cart,.product-intro .add-to-wishlist,.goods-may-like .owl-prev,.goods-may-like .owl-next,.change-currency .arrow,.goods-related .icon-add,.product-summary .ico-tick {

    background-image: url(img/sprites.png);

    background-repeat: no-repeat;

    background-color: transparent

}



.hide-cate .cate-nav-btn:after,.product-summary .btn-add-to-cart:after,.color-list li.checked .color-small-img:after,.select-box .select-value:after,.size-list li.checked span.size-value:after {

    background-image: url(img/sprites.png);

    background-repeat: no-repeat;

    background-color: transparent

}



.comment-form .form-item input[type="submit"],.goods-related .buy-together {

    display: inline-block;

    height: 28px;

    line-height: 28px;

    border: 1px solid rgba(0,0,0,0.1);

    border-radius: 3px;

    color: #fff;

    font-size: 14px;

    padding: 0 18px;

    background: #bd362f;

    background: -webkit-linear-gradient(center top,#ee5f5b,#bd362f);

    background: -moz-linear-gradient(center top,#ee5f5b,#bd362f);

    background: -ms-linear-gradient(top,#ee5f5b,#bd362f);

    background: -o-linear-gradient(center top,#ee5f5b,#bd362f);

    background: linear-gradient(top,#ee5f5b,#bd362f);

    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)

}



.comment-form .form-item input[type="submit"]:hover,.goods-related .buy-together:hover,.ass:hover,.blog-list .blog-item .blog-item-right .image:hover {

    opacity: .8;

    -moz-opacity: 80;

    filter: alpha(opacity=80)

}



.gotop {

    position: fixed;

    width: .5rem;

    height: .5rem;

    line-height: .5rem;

    text-align: center;

    right: .17rem;

    bottom: .7rem;

    background: #ec7212;

    cursor: pointer;

    color: #fff;

    text-transform: capitalize;

    box-shadow: 0 0 .12rem rgba(146,165,195,.8);

    animation: tm-bounce 2s infinite ease-in-out;

    z-index: 9999

}



.owl-nav,.owl-nav .owl-prev,.owl-nav .owl-next,.gotop,.nav > li > a:before,.nav-bar .nav > li:before,.foot-social li img,.head-social li img,.nav-bar .nav li .nav-ico:before,.mobile-head-item .middle-content-wrap,.gotop,.gm-delay,.read-more,.pages a,.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy,.subscribe-form .subscribe-btn,.head-contact .head-phone:before,.head-contact .head-email:before,.search-title,.nav li a:after,.index-product-more,.index-case-more,.case-item .case-img img,.ad_banner .more,.index-product-more a,.review-items .owl-prev:before,.review-items .owl-next:before,.review-item .item-wrap,.company-content .more,.nav-bar .nav li li a,.skype-container li,.index-contact .contact-button,.product-item .item-inquiry,.synopsis-item .item-img,.synopsis-item .item-img img,.subscribe .button,.product-item .item-wrap,.about-more:before,.about-more,.synopsis-item .item-info .cate-more,.offer-item .item-wrap .cate-more {

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

}



.foot-social li,.slide-banners-wrap .banner-prev,.slide-banners-wrap .banner-next,.market-item .mk-info,.nav-bar .nav > li:after,.product-item .item-info,.main-product-wrap .product-more,.product-item .item-shadow {

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.nav-bar .nav li li:hover > a {

    -moz-transform: translateX(5px);

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    -o-transform: translateX(5px);

    transform: translateX(5px)

}



.mobile-serve .mobile-head-hide {

    -moz-transform: translateY(-60px);

    -webkit-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px)

}



.mobile-serve .mobile-head-show {

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)

}



.head-social li:hover img,.foot-social li:hover img {

    -moz-transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

    -ms-transform: rotate(-360deg);

    -o-transform: rotate(-360deg);

    transform: rotate(-60deg)

}



.product-slides:hover .product-item,.product-wrap:hover .product-item {

    -moz-transform: scale(.9);

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9)

}



.product-slides:hover .product-item:hover,.product-wrap:hover .product-item:hover {

    -moz-transform: scale(1.0);

    -webkit-transform: scale(1.0);

    -ms-transform: scale(1.0);

    -o-transform: scale(1.0);

    transform: scale(1.0);

    z-index: 999

}



.medium-title {

    cursor: All 500ms ease-out All 500ms ease-out All 500ms ease-out All 500ms ease-out All 500ms ease-outnonenonenonenonenone1visible icon-bounce .5s alternate icon-bounce .5s alternate icon-bounce .5s alternate icon-bounce .5s alternate pointer

}



.sub-content {

    position: absolute;

    display: none;

    right: 0;

    z-index: 99999

}



.mobile-head-items {

    display: none

}



.news_next .tit {

    font-size: 22px;

    font-weight: bold;

    width: 10%;

    float: left;

}



.news_next .con {

    width: 90%;

    float: right;

    padding-right: 180px;

    position: relative;

    box-sizing: border-box;

}



.image-additional-wrap .swiper-button-next,.image-additional-wrap .swiper-button-prev {

    display: none;

}



.goods-may-like @font-face {

    font-family: SourceSansProBlack;

    src: url(fonts/SourceSansPro/SourceSansPro-Black.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBlackIt;

    src: url(fonts/SourceSansPro/SourceSansPro-BlackIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBold;

    src: url(fonts/SourceSansPro/SourceSansPro-Bold.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBoldIt;

    src: url(fonts/SourceSansPro/SourceSansPro-BoldIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProExtraLight;

    src: url(fonts/SourceSansPro/SourceSansPro-ExtraLight.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProExtraLightIt;

    src: url(fonts/SourceSansPro/SourceSansPro-ExtraLightIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProIt;

    src: url(fonts/SourceSansPro/SourceSansPro-It.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProLight;

    src: url(fonts/SourceSansPro/SourceSansPro-Light.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProLightIt;

    src: url(fonts/SourceSansPro/SourceSansPro-LightIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProRegular;

    src: url(fonts/SourceSansPro/SourceSansPro-Regular.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProSemibold;

    src: url(fonts/SourceSansPro/SourceSansPro-Semibold.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProSemiboldIt;

    src: url(fonts/SourceSansPro/SourceSansPro-SemiboldIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: 'Open Sans Regular';

    src: url(fonts/Open%20Sans/Open%20Sans%20Regular.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: icomoon;

    src: url(fonts/icomoon/icomoon.eot?-l21epb);

    src: url(fonts/icomoon/icomoon.eot?#iefix-l21epb) format('embedded-opentype'),url(fonts/icomoon/icomoon.woff?-l21epb) format('woff'),url(fonts/icomoon/icomoon.ttf?-l21epb) format('truetype'),url(fonts/icomoon/icomoon.svg?-l21epb#icomoon) format('svg');

    font-weight: 400;

    font-style: normal

}



.btn-inquiry:before,.mobile-foot-contact .head-email span:before,.mobile-foot-contact .head-phone span:before,.nav>li.ico-home:before,.side-tit-ico:before,.tit-ico:before,.widget-cates li a.with-ul-tit:before,.widget-cates li.with-ul-hide a.with-ul-tit:before,[class*=" icon-"],[class^=icon-],a.with-child:after {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



@font-face {

    font-family: Arial-Black;

    src: url(fonts/arialBlack/Arial-Black.woff2) format('woff2'),url(fonts/arialBlack/Arial-Black.woff) format('woff'),url(fonts/arialBlack/Arial-Black.ttf) format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: fontawesome;

    src: url(fonts/Font-Awesome/fontawesome-webfont.eot?5510888);

    src: url(fonts/Font-Awesome/fontawesome-webfont.eot?5510888#iefix) format('embedded-opentype'),url(fonts/Font-Awesome/fontawesome-webfont.woff?5510888) format('woff'),url(fonts/Font-Awesome/fontawesome-webfont.ttf?5510888) format('truetype'),url(fonts/Font-Awesome/fontawesome-webfont.svg?5510888#revicons) format('svg');

    font-weight: 400;

    font-style: normal

}



.download-item .item-button:before,.evens-item .even-info .more-detail:after,.faq-item .faq-title:before,.foot-item .foot-ico:after,.foot-social ul li a:before,.gotop:after,.gotop:before,.head-email:before,.head-phone:before,.main-product-wrap .product-more:after,.mobile-head-item .title a:before,.mobile-head-item .title:before,.nav-bar .nav li .nav-ico:after,.nav-toggle:before,.nav>li:after,.offer-item .item-wrap .cate-more:after,.owl-next:before,.owl-prev:before,.path-bar li a:before,.path-bar li:after,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,.side-cate .icon-cate:before,.tp-leftarrow:before,.tp-rightarrow:before {

    font-family: fontawesome;

    font-style: normal;

    font-weight: 400;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    font-variant: normal;

    text-transform: none

}



@font-face {

    font-family: SourceSansProBlack;

    src: url(fonts/SourceSansPro/SourceSansPro-Black.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBlackIt;

    src: url(fonts/SourceSansPro/SourceSansPro-BlackIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBold;

    src: url(fonts/SourceSansPro/SourceSansPro-Bold.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProBoldIt;

    src: url(fonts/SourceSansPro/SourceSansPro-BoldIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProExtraLight;

    src: url(fonts/SourceSansPro/SourceSansPro-ExtraLight.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProExtraLightIt;

    src: url(fonts/SourceSansPro/SourceSansPro-ExtraLightIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProIt;

    src: url(fonts/SourceSansPro/SourceSansPro-It.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProLight;

    src: url(fonts/SourceSansPro/SourceSansPro-Light.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProLightIt;

    src: url(fonts/SourceSansPro/SourceSansPro-LightIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProRegular;

    src: url(fonts/SourceSansPro/SourceSansPro-Regular.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProSemibold;

    src: url(fonts/SourceSansPro/SourceSansPro-Semibold.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: SourceSansProSemiboldIt;

    src: url(fonts/SourceSansPro/SourceSansPro-SemiboldIt.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: 'Open Sans Regular';

    src: url(fonts/Open%20Sans/Open%20Sans%20Regular.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: icomoon;

    src: url(fonts/icomoon/icomoon.eot?-l21epb);

    src: url(fonts/icomoon/icomoon.eot?#iefix-l21epb) format('embedded-opentype'),url(fonts/icomoon/icomoon.woff?-l21epb) format('woff'),url(fonts/icomoon/icomoon.ttf?-l21epb) format('truetype'),url(fonts/icomoon/icomoon.svg?-l21epb#icomoon) format('svg');

    font-weight: 400;

    font-style: normal

}



.btn-inquiry:before,.mobile-foot-contact .head-email span:before,.mobile-foot-contact .head-phone span:before,.nav>li.ico-home:before,.side-tit-ico:before,.tit-ico:before,.widget-cates li a.with-ul-tit:before,.widget-cates li.with-ul-hide a.with-ul-tit:before,[class*=" icon-"],[class^=icon-],a.with-child:after {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



@font-face {

    font-family: Arial-Black;

    src: url(fonts/arialBlack/Arial-Black.woff2) format('woff2'),url(fonts/arialBlack/Arial-Black.woff) format('woff'),url(fonts/arialBlack/Arial-Black.ttf) format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: fontawesome;

    src: url(fonts/Font-Awesome/fontawesome-webfont.eot?5510888);

    src: url(fonts/Font-Awesome/fontawesome-webfont.eot?5510888#iefix) format('embedded-opentype'),url(fonts/Font-Awesome/fontawesome-webfont.woff?5510888) format('woff'),url(fonts/Font-Awesome/fontawesome-webfont.ttf?5510888) format('truetype'),url(fonts/Font-Awesome/fontawesome-webfont.svg?5510888#revicons) format('svg');

    font-weight: 400;

    font-style: normal

}



.download-item .item-button:before,.evens-item .even-info .more-detail:after,.faq-item .faq-title:before,.foot-item .foot-ico:after,.foot-social ul li a:before,.gotop:after,.gotop:before,.head-email:before,.head-phone:before,.main-product-wrap .product-more:after,.mobile-head-item .title a:before,.mobile-head-item .title:before,.nav-bar .nav li .nav-ico:after,.nav-toggle:before,.nav>li:after,.offer-item .item-wrap .cate-more:after,.owl-next:before,.owl-prev:before,.path-bar li a:before,.path-bar li:after,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,.side-cate .icon-cate:before,.tp-leftarrow:before,.tp-rightarrow:before {

    font-family: fontawesome;

    font-style: normal;

    font-weight: 400;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    font-variant: normal;

    text-transform: none

}



.inquiry-form-wrap {

    position: relative;

    width: 100%;

}



.inquiry-form-wrap .inquiry-form-title {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;line-height: .3rem;

    padding: 0 .25rem;

    color: #FFF;

    background: #3a3b4d;

    z-index: 1;

}



.inquiry-form {

    position: relative;

    background: #FFF;

    padding: .2rem;

    border: 1px solid #E3E3E3;

    top: -1px;

}



.inquiry-form .inquiry-form-ico {

    position: absolute;

    right: .2rem;

    top: .27rem;

    width: .75rem;

    display: block;

    overflow: hidden;

}



.inquiry-form .inquiry-form-ico img {

    position: relative;

    width: 100%;

}



.inquiry-form .form-item {

    position: relative;

    display: block;

}



.inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {

    position: relative;

    border: 1px solid #eee;

    width: 60%;

    height: 30px;

    line-height: 30px;

    margin: 0 0 10px;

    color: #000;

    padding: 0 .1rem 0 .28rem;

    font-size: 12px;

}



.inquiry-form textarea.form-text {

    width: 90%;

    height: 1.12rem;

    padding: 0 .15rem;

}



.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {

    background: url(img/custom_service/inq04.png) no-repeat .08rem .07rem;

}



.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {

    background: url(img/custom_service/inq05.png) no-repeat .08rem .09rem;

}



.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-phone {

    background: url(img/custom_service/inq06.png) no-repeat .08rem .08rem;

}



.inquiry-form .form-btn-wrapx {

    z-index: 99;

}



.inquiry-form .form-btn-wrapx .form-btn-submitx {

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;height: 30px;

    line-height: 30px;

    padding: 0 16px;

    font-size: 14px;

    border-width: 1px;

    border-style: solid;

    border-left-color: #ECC75C;

    border-right-color: #ECC75C;

    border-top-color: #F4D67E;

    border-bottom-color: #E1AF32;

    border-radius: 5px;

    color: #4C4C4E;

    text-shadow: 0 0 1PX rgba(0,0,0,0.3);

    background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);

    background: -o-linear-gradient(top, #FFF5D1, #FCE26B);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5FFF5D1, endColorstr=#e5FCE26B);

}



.inquiry-form .form-btn-wrapx .form-btn-submitx {

    *display: inline;

}



.inquiry-form .Validform_checktip {

    display: block;

    width: 93%;

    margin: -5px auto 5px;

    _display: none;

}



.inquiry-form .Validform_wrong {

    font-size: 12px;

    font-weight: bold;

    color: #da3439;

    _display: block;

}



.wpcf7-form .captcha-image {

    position: relative;

    padding-bottom: 20px;

}



.wpcf7-form .captcha-image .Validform_checktip {

    position: absolute;

    left: 20px;

    bottom: 0;

}



.inquiry-form ::-webkit-input-placeholder {

    color: #999;

}



.inquiry-form :-moz-placeholder {

    color: #999;

}



.inquiry-form ::-moz-placeholder {

    color: #999;

}



.inquiry-form :-ms-input-placeholder {

    color: #999;

}



.none {

    display: none;

}



.entry {

    padding: 15px 0;

}



.entry {

    color: #666;

}



.entry a {

    color: #0030FF;

}



.entry p {

    margin: 0;

    padding: 8px 0;

    font-size: 13px;

    line-height: 1.8;

}



.entry table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    margin-bottom: 20px;

}



.entry th, .entry td {

    height: 30px;

    border: 1px solid #ccc;

    text-align: left;

    line-height: 1.5;

    font-size: 12px;

    color: #666;

    background: #fbfbfb;

    padding: 0 15px;

}



.entry th {

    font-size: 12px;

    background: #eee;

}



.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {

    margin: 0;

    padding: 5px;

    color: #666;

    font-size: 12px;

    line-height: 1.3;

}



.entry td.amts {

    color: #cb2027;

}



.entry th#cartDelete {

    text-align: center;

}



.entry .button {

    margin: 15px 10px 0 0;

    background: #dfdfdf;

    padding: 8px 15px;

    border: 0;

    cursor: pointer;

    line-height: 1.2;

    color: #777;

    font-weight: bold;

    text-transform: Capitalize;

}



.entry .button:hover {

    background: #cb2027;

    color: #fff;

}



.entry .deletecartitem {

    width: 50px;

    text-align: center;

}



.entry .deletecartitem label {

    display: none;

}



.entry .stotal td.amts {

    font-size: 18px;

    font-weight: bold;

}



.entry img.alignleft {

    float: left;

    margin: 20px 15px 0 0;

}



.entry img.alignright {

    float: right;

    margin: 20px 0 0 15px;

}



.entry img.alignleftnopad {

    float: left;

    margin-left: 0;

}



.entry img.alignrightnopad {

    float: right;

    margin-right: 0;

}



.entry img.aligncenter {

    text-align: center;

    display: block;

    margin: 20px auto 0 auto;

}



.entry img {

    max-width: 100%;

}



.cartitem a {

    color: #292929;

    font-weight: bold;

}



.inquiry-form ul li {

    background: none;

}



.entry .inquiry-form-wrap {

    margin: 20px 0 0;

}



.topbar .change-currency {

    display: inline;

    float: right;

    margin: 0 0 0 10px;

}



.topbar .change-currency a:hover {

    text-decoration: none;

}



.topbar .change-currency a.USD, .change-currency a.EUR, .topbar .change-currency a.CAD, .topbar .change-currency a.GBP, .topbar .change-currency a.AUD, .topbar .change-currency a.HK, .topbar .change-currency a.JPY, .topbar .change-currency a.RUB, .topbar .change-currency a.CHF, .topbar .change-currency a.MXN, .topbar .change-currency a.NOK, .topbar .change-currency a.CZK, .topbar .change-currency a.BRL, .topbar .change-currency a.ARS {

    padding: 0 0 0 26px;

    background-image: url(img/currency-icons.png);

    background-repeat: no-repeat;

}



.topbar .change-currency a.USD {

    background-position: 2px 4px;

}



.topbar .change-currency a.EUR {

    background-position: 2px -22px;

}



.topbar .change-currency a.CAD {

    background-position: 2px -50px;

}



.topbar .change-currency a.GBP {

    background-position: 2px -75px;

}



.topbar .change-currency a.AUD {

    background-position: 2px -100px;

}



.topbar .change-currency a.HK {

    background-position: 2px -125px;

}



.topbar .change-currency a.JPY {

    background-position: 2px -150px;

}



.topbar .change-currency a.RUB {

    background-position: 2px -177px;

}



.topbar .change-currency a.CHF {

    background-position: 2px -202px;

}



.topbar .change-currency a.MXN {

    background-position: 2px -227px;

}



.topbar .change-currency a.NOK {

    background-position: 2px -252px;

}



.topbar .change-currency a.CZK {

    background-position: 2px -278px;

}



.topbar .change-currency a.BRL {

    background-position: 2px -303px;

}



.topbar .change-currency a.ARS {

    background-position: 2px -329px;

}



.dropdown {

    display: inline-block;

    float: left;

    margin-right: 5px;

    position: relative;

    padding-top: 1px;

}



.dropdown .submenu {

    width: 90px;

    display: none;

    position: absolute;

    left: 0;

    top: 44px;

    background: #fff;

    border-radius: 0 3px 3px 3px;

    border: 1px solid #bbb;

    text-align: left;

    padding: 5px;

    z-index: 99999;

    background: #fff;

}



.dropdown .submenu a {

    display: block;

    border-top: 1px solid #eee;

}



.over .submenu {

    display: block

}



.currency_cur {

    width: 90px;

    padding: 0 5px;

    border: 1px solid #bbb;

}



.currency_text {

    float: left;

}



.totalall {

    font-size: 18px;

    font-weight: bold;

}



.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

    outline: none;

}



.slides, .flex-control-nav, .flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}



.flexslider {

    margin: 0;

    padding: 0;

}



.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

}



.flexslider .slides img {

    width: 100%;

    display: block;

}



.flex-pauseplay span {

    text-transform: capitalize;

}



.slides:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



html[xmlns] .slides {

    display: block;

}



* html .slides {

    height: 1%;

}



.no-js .slides > li:first-child {

    display: block;

}



.banner_flexslider {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner_flexslider img {

    width: 100%;

}



.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}



.loading .flex-viewport {

    max-height: 300px;

}



.flexslider .slides {

    zoom: 1;}



.carousel li {

    margin-right: 5px

}



.flex-direction-nav a {

    position: absolute;

    width: .5rem;

    height: .5rem;

    text-align: center;

    line-height: .5rem;

    margin: -.25rem 0 0;

    display: block;

    top: 50%;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    z-index: 10;

    font-size: .2rem;

    background: #cecfd0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    opacity: .6

}



.flex-direction-nav .flex-next {

    right: .8rem;

}



.flex-direction-nav .flex-prev {

    left: .8rem;

}



.flex-direction-nav .flex-prev:before {

    font-family: 'fontawesome';

    content: "\f053"

}



.flex-direction-nav .flex-next:before {

    font-family: 'fontawesome';

    content: "\f054"

}



.flex-next:hover {

    opacity: 1;

}



.flex-prev:hover {

    opacity: 1;

}



.flex-direction-nav .disabled {

    opacity: .3!important;

    filter: alpha(opacity=30);

    cursor: default;

}



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: .22rem;

    text-align: center;

    z-index: 99

}



.flex-control-nav li {

    margin: 0 6px;

    display: inline-block;

    zoom: 1;*display: inline;

    vertical-align: middle;

}



.flex-control-paging li a {

    width: .15rem;

    height: .15rem;

    display: block;

    background: #cecfd0;

    cursor: pointer;

    text-indent: 9999px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -moz-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    -o-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

}



.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {

    width: .19rem;

    height: .19rem;

    background: #3a3b4d;

}



.flex-control-paging li a.flex-active {

    cursor: default;

}



.flex-control-thumbs {

    margin: 5px 0 0;

    position: static;

    overflow: hidden;

}



.flex-control-thumbs li {

    width: 25%;

    float: left;

    margin: 0;

}



.flex-control-thumbs img {

    width: 100%;

    display: block;

    opacity: .7;

    cursor: pointer;

}



.flex-control-thumbs img:hover {

    opacity: 1;

}



.flex-control-thumbs .active {

    opacity: 1;

    cursor: default;

}



@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev {

        opacity: 1;

        left: 0;

    }



    .flex-direction-nav .flex-next {

        opacity: 1;

        right: 0;

    }

}



.rev_slider_wrapper {

    position: relative;

}



.rev_slider_wrapper >ul {

    visibility: hidden;

}



.rev_slider {

    position: relative;

    overflow: visible;

}



.rev_slider img {

    max-width: none !important;

    -moz-transition: none 0;

    -webkit-transition: none 0;

    -o-transition: none 0;

    transition: none 0;

    margin: 0px;

    padding: 0px;

    border-width: 0px;

    border: none;

}



.rev_slider .no-slides-text {

    font-weight: bold;

    text-align: center;

    padding-top: 80px;

}



.rev_slider >ul {

    margin: 0px;

    padding: 0px;

    list-style: none !important;

    list-style-type: none;

    background-position: 0px 0px;

}



.rev_slider >ul >li, .rev_slider >ul >li:before {

    list-style: none !important;

    position: absolute;

    visibility: hidden;

    margin: 0px !important;

    padding: 0px !important;

    overflow-x: visible;

    overflow-y: visible;

    list-style-type: none !important;

    background-image: none;

    background-position: 0px 0px;

    text-indent: 0em;

}



.tp-revslider-slidesli, .tp-revslider-mainul {

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;

}



.tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before {

    list-style: none;

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;

    overflow-x: visible;

    overflow-y: visible;

    background-image: none

}



.tp-simpleresponsive >ul li {

    list-style: none;

    position: absolute;

    visibility: hidden;

}



.rev_slider .tp-caption, .rev_slider .caption {

    position: absolute;

    visibility: hidden;

    line-height: normal

}



.rev_slider .tp-caption.itemText {

    width: 500px;

}



.rev_slider li.evenItem .tp-caption.itemText {

    text-align: right

}



.tp-caption {

    font-family: "Times New Roman", Times, serif;

    z-index: 1;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.tp-caption img {

    width: 500px;

}



.tp-caption h1.title {

    font-size: 42px;

    color: #328fff;

    text-transform: uppercase;

    font-weight: bold;

    line-height: normal

}



.tp-caption .banner-detail {

    font-size: 22px;

    margin: -20px 0 20px;

    line-height: 30px;

    color: #999;

    line-height: normal

}



.tp-caption .banner-more {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.tp-caption .banner-more:hover {

    background: none;

    color: #328fff;

}



.rev_slider li.evenItem .tp-caption.itemText h1.title {

    color: #FFF;

}



.rev_slider li.evenItem .tp-caption.itemText .banner-detail {

    color: #e8e8e8;

}



.rev_slider li.evenItem .tp-caption.itemText .banner-more {

    background: #FFF;

    color: #328fff;

}



.rev_slider li.evenItem .tp-caption.itemText .banner-more:hover {

    background: none;

    color: #e8e8e8;

}



.tparrows {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

    -webkit-transition: opacity 0.2s ease-out;

    -moz-transition: opacity 0.2s ease-out;

    -o-transition: opacity 0.2s ease-out;

    -ms-transition: opacity 0.2s ease-out;

    -webkit-transform: translateZ(1000px);

    -webkit-transform-style: preserve-3d;

}



.tparrows .tp-arr-imgholder {

    display: none

}



.tparrows .tp-arr-titleholder {

    display: none

}



.tparrows.hidearrows {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}



.tp-leftarrow, .tp-rightarrow {

    position: absolute;

    width: .42rem;

    height: .42rem;

    text-align: center;

    line-height: .42rem;

    margin: -.21rem 0 0;

    margin-top: -0.21rem;

    display: block;

    top: 50%;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    z-index: 10;

    color: #acafae;

    opacity: .6;

    z-index: 9999999;

    font-size: .2rem;

    border: 1px solid #acafae;

}



.tp-leftarrow {

    left: 100px !important;

}



.tp-rightarrow {

    right: 100px !important;

}



.tp-leftarrow:before {

    font-family: 'fontawesome';

    content: "\f177";

}



.tp-rightarrow:before {

    font-family: 'fontawesome';

    content: "\f178";

}



.tp-leftarrow:hover, .tp-rightarrow:hover {

    opacity: 1;

    background-color: #ff6f00;

    border-color: #ff6f00;

    color: #fff;

}



.tp_inner_padding {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    max-height: none !important;

}



.tp-hide-revslider, .tp-caption.tp-hidden-caption {

    visibility: hidden !important;

    display: none !important

}



.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {

    max-width: none !important

}



.noFilterClass {

    filter: none !important;

}



.tp-caption.coverscreenvideo {

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    position: absolute;

}



.caption.fullscreenvideo {

    left: 0px;

    top: 0px;

    position: absolute;

    width: 100%;

    height: 100%

}



.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {

    width: 100% !important;

    height: 100% !important;

    display: none

}



.tp-caption.fullscreenvideo {

    left: 0px;

    top: 0px;

    position: absolute;

    width: 100%;

    height: 100%

}



.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {

    width: 100% !important;

    height: 100% !important;

    display: none

}



.fullcoveredvideo video, .fullscreenvideo video {

    background: #000

}



.fullcoveredvideo .tp-poster {

    background-position: center center;

    background-size: cover;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px

}



.html5vid.videoisplaying .tp-poster {

    display: none

}



.tp-video-play-button {

    background: #000;

    background: rgba(0,0,0,0.3);

    padding: 5px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 40px;

    color: #FFF;

    z-index: 3;

    margin-top: -27px;

    margin-left: -28px;

    text-align: center;

    cursor: pointer;

}



.tp-caption:hover .tp-video-play-button {

    opacity: 1;

}



.html5vid .tp-revstop {

    width: 15px;

    height: 20px;

    border-left: 5px solid #fff;

    border-right: 5px solid #fff;

    position: relative;

    margin: 10px 20px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.html5vid .tp-revstop {

    display: none

}



.html5vid.videoisplaying .revicon-right-dir {

    display: none

}



.html5vid.videoisplaying .tp-revstop {

    display: block

}



.html5vid.videoisplaying .tp-video-play-button {

    display: none

}



.html5vid:hover .tp-video-play-button {

    display: block

}



.fullcoveredvideo .tp-video-play-button {

    display: none !important

}



.tp-video-controls {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 5px;

    opacity: 0;

    -webkit-transition: opacity .3s;

    -moz-transition: opacity .3s;

    -o-transition: opacity .3s;

    -ms-transition: opacity .3s;

    transition: opacity .3s;

    background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) );

    display: table;

    max-width: 100%;

    overflow: hidden;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.tp-caption:hover .tp-video-controls {

    opacity: .9;

}



.tp-video-button {

    background: rgba(0,0,0,.5);

    border: 0;

    color: #EEE;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    cursor: pointer;

    line-height: 12px;

    font-size: 12px;

    color: #fff;

    padding: 0px;

    margin: 0px;

    outline: none;

}



.tp-video-button:hover {

    cursor: pointer;

}



.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {

    padding: 0px 5px;

    display: table-cell;

}



.tp-video-seek-bar-wrap {

    width: 80%

}



.tp-video-vol-bar-wrap {

    width: 20%

}



.tp-volume-bar, .tp-seek-bar {

    width: 100%;

    cursor: pointer;

    outline: none;

    line-height: 12px;

    margin: 0;

    padding: 0;

}



.tp-dottedoverlay {

    background-repeat: repeat;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 3

}



.tp-dottedoverlay.twoxtwo {

    background: url(../assets/gridtile.png)

}



.tp-dottedoverlay.twoxtwowhite {

    background: url(../assets/gridtile_white.png)

}



.tp-dottedoverlay.threexthree {

    background: url(../assets/gridtile_3x3.png)

}



.tp-dottedoverlay.threexthreewhite {

    background: url(../assets/gridtile_3x3_white.png)

}



.fullscreen-container {

    width: 100%;

    position: relative;

    padding: 0;

    background: #fff;

    z-index: 999;

}



.fullwidthbanner-container {

    width: 100%;

    position: relative;

    padding: 0;

    overflow: hidden;

}



.fullwidthbanner-container .fullwidthabanner {

    width: 100%;

    position: relative;

}



.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {

}



.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {

    position: absolute;

    -webkit-font-smoothing: antialiased !important;

}



.tp-simpleresponsive .tp-caption {

    z-index: 9999;

}



.tp-bannershadow {

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}



.tp-bannershadow.tp-shadow1 {

    background: url(../assets/shadow1.png) no-repeat;

    background-size: 100% 100%;

    width: 890px;

    height: 30px;

    bottom: -30px

}



.tp-bannershadow.tp-shadow2 {

    background: url(../assets/shadow2.png) no-repeat;

    background-size: 100% 100%;

    width: 890px;

    height: 60px;

    bottom: -60px

}



.tp-bannershadow.tp-shadow3 {

    background: url(../assets/shadow3.png) no-repeat;

    background-size: 100% 100%;

    width: 890px;

    height: 60px;

    bottom: -60px

}



.tp-button {

    padding: 6px 13px 5px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    height: 30px;

    cursor: pointer;

    color: #fff !important;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;

    font-size: 15px;

    line-height: 45px !important;

    background: url(../images/gradient/g30.png) repeat-x top;

    font-family: arial, sans-serif;

    font-weight: bold;

    letter-spacing: -1px;

    text-decoration: none;

}



.tp-button.big {

    color: #fff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

    font-weight: bold;

    padding: 9px 20px;

    font-size: 19px;

    line-height: 57px !important;

    background: url(../images/gradient/g40.png) repeat-x top

}



.purchase:hover, .tp-button:hover, .tp-button.big:hover {

    background-position: bottom, 15px 11px

}



.tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green {

    background-color: #21a117;

    -webkit-box-shadow: 0px 3px 0px 0px #104d0b;

    -moz-box-shadow: 0px 3px 0px 0px #104d0b;

    box-shadow: 0px 3px 0px 0px #104d0b;

}



.tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue {

    background-color: #1d78cb;

    -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;

    -moz-box-shadow: 0px 3px 0px 0px #0f3e68;

    box-shadow: 0px 3px 0px 0px #0f3e68

}



.tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {

    background-color: #cb1d1d;

    -webkit-box-shadow: 0px 3px 0px 0px #7c1212;

    -moz-box-shadow: 0px 3px 0px 0px #7c1212;

    box-shadow: 0px 3px 0px 0px #7c1212

}



.tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange {

    background-color: #ff7700;

    -webkit-box-shadow: 0px 3px 0px 0px #a34c00;

    -moz-box-shadow: 0px 3px 0px 0px #a34c00;

    box-shadow: 0px 3px 0px 0px #a34c00

}



.tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {

    background-color: #555;

    -webkit-box-shadow: 0px 3px 0px 0px #222;

    -moz-box-shadow: 0px 3px 0px 0px #222;

    box-shadow: 0px 3px 0px 0px #222

}



.tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {

    background-color: #888;

    -webkit-box-shadow: 0px 3px 0px 0px #555;

    -moz-box-shadow: 0px 3px 0px 0px #555;

    box-shadow: 0px 3px 0px 0px #555

}



.tpclear {

    clear: both

}



.tp-bullets {

    z-index: 1000;

    position: absolute;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

    -webkit-transition: opacity 0.2s ease-out;

    -moz-transition: opacity 0.2s ease-out;

    -o-transition: opacity 0.2s ease-out;

    -ms-transition: opacity 0.2s ease-out;

    -webkit-transform: translateZ(5px);

}



.tp-bullets.hidebullets {

}



.tp-bullets.simplebullets.navbar {

    border: 1px solid #666;

    border-bottom: 1px solid #444;

    background: url(../assets/boxed_bgtile.png);

    height: 40px;

    padding: 0px 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.tp-bullets.simplebullets.navbar-old {

    background: url(../assets/navigdots_bgtile.png);

    height: 35px;

    padding: 0px 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.tp-bullets.simplebullets .bullet {

    cursor: pointer;

    position: relative;

    background: none;

    width: 40px;

    height: 4px;

    display: inline-block;

    vertical-align: middle;

    margin-top: 0px;

    margin: 0 3px;

    background: #f1efeb;

}



.tp-bullets.simplebullets .bullet.selected {

    width: 40px;

    height: 4px;

    background: #f88223;

}



@media screen and (max-width: 720px) {

    .tp-bullets.simplebullets .bullet {

        display: none !important;

    }

}



.tp-bullets.simplebullets.round .bullet.last {

    margin-right: 3px

}



.tp-bullets.simplebullets.round-old .bullet {

    cursor: pointer;

    position: relative;

    background: url(../assets/bullets.png) no-repeat bottom left;

    width: 23px;

    height: 23px;

    margin-right: 0px;

    float: left;

    margin-top: 0px

}



.tp-bullets.simplebullets.round-old .bullet.last {

    margin-right: 0px

}



.tp-bullets.simplebullets.square .bullet {

    cursor: pointer;

    position: relative;

    background: url(../assets/bullets2.png) no-repeat bottom left;

    width: 19px;

    height: 19px;

    margin-right: 0px;

    float: left;

    margin-top: 0px

}



.tp-bullets.simplebullets.square .bullet.last {

    margin-right: 0px

}



.tp-bullets.simplebullets.square-old .bullet {

    cursor: pointer;

    position: relative;

    background: url(../assets/bullets2.png) no-repeat bottom left;

    width: 19px;

    height: 19px;

    margin-right: 0px;

    float: left;

    margin-top: 0px

}



.tp-bullets.simplebullets.square-old .bullet.last {

    margin-right: 0px

}



.tp-bullets.simplebullets.navbar .bullet {

    cursor: pointer;

    position: relative;

    background: url(../assets/bullet_boxed.png) no-repeat top left;

    width: 18px;

    height: 19px;

    margin-right: 5px;

    float: left;

    margin-top: 10px

}



.tp-bullets.simplebullets.navbar .bullet.first {

    margin-left: 0px !important

}



.tp-bullets.simplebullets.navbar .bullet.last {

    margin-right: 0px !important

}



.tp-bullets.simplebullets.navbar-old .bullet {

    cursor: pointer;

    position: relative;

    background: url(../assets/navigdots.png) no-repeat bottom left;

    width: 15px;

    height: 15px;

    margin-left: 5px !important;

    margin-right: 5px !important;

    float: left;

    margin-top: 10px

}



.tp-bullets.simplebullets.navbar-old .bullet.first {

    margin-left: 0px !important

}



.tp-bullets.simplebullets.navbar-old .bullet.last {

    margin-right: 0px !important

}



.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {

    background-position: top left;

}



.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {

    background-position: bottom left;

}



.tp-bullets.tp-thumbs {

    z-index: 1000;

    position: absolute;

    padding: 3px;

    background-color: #fff;

    width: 500px;

    height: 50px;

    margin-top: -50px;

    vertical-align: top;

}



.tp-bullets.tp-thumbs img {

    vertical-align: top

}



.fullwidthbanner-container .tp-thumbs {

    padding: 3px

}



.tp-bullets.tp-thumbs .tp-mask {

    width: 500px;

    height: 50px;

    overflow: hidden;

    position: relative

}



.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {

    width: 5000px;

    position: absolute

}



.tp-bullets.tp-thumbs .bullet {

    width: 100px;

    height: 50px;

    cursor: pointer;

    overflow: hidden;

    background: none;

    margin: 0;

    float: left;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}



.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-thumbs img {

    width: 100%;

}



.tp-bannertimer {

    visibility: hidden;

    width: 100%;

    height: 2px;

    background: rgba(255,255,255,.2);

    position: absolute;

    z-index: 200;

    top: 0px

}



.tp-bannertimer.tp-bottom {

    top: auto;

    bottom: 0px !important;

    height: 5px

}



.tparrows.preview1 {

    width: 100px;

    height: 100px;

    -webkit-transform-style: preserve-3d;

    -webkit-perspective: 1000;

    -moz-perspective: 1000;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    background: transparent

}



.tparrows.preview1:after {

    position: absolute;

    left: 0px;

    top: 0px;

    font-family: "fontawesome";

    color: #fff;

    font-size: 30px;

    width: 100px;

    height: 100px;

    text-align: center;

    background: #fff;

    background: rgba(0,0,0,0.15);

    z-index: 2;

    line-height: 100px;

    -webkit-transition: background 0.3s, color 0.3s;

    -moz-transition: background 0.3s, color 0.3s;

    transition: background 0.3s, color 0.3s

}



.tp-rightarrow.preview1:after {

    content: '\f105';

}



.tp-leftarrow.preview1:after {

    content: '\f104';

}



.tparrows.preview1:hover:after {

    background: rgba(255,255,255,1);

    color: #aaa;

}



.tparrows.preview1 .tp-arr-imgholder {

    background-size: cover;

    background-position: center center;

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.tparrows.preview1 .tp-arr-iwrapper {

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -moz-opacity: 0.0;

    -khtml-opacity: 0.0;

    opacity: 0.0

}



.tparrows.preview1:hover .tp-arr-iwrapper {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1

}



.tp-rightarrow.preview1 .tp-arr-imgholder {

    right: 100%;

    -webkit-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -moz-opacity: 0.0;

    -khtml-opacity: 0.0;

    opacity: 0.0;

}



.tp-leftarrow.preview1 .tp-arr-imgholder {

    left: 100%;

    -webkit-transform: rotateY(90deg);

    transform: rotateY(90deg);

    -webkit-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -moz-opacity: 0.0;

    -khtml-opacity: 0.0;

    opacity: 0.0;

}



.tparrows.preview1:hover .tp-arr-imgholder {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-bullets.preview1 {

    height: 21px;

}



.tp-bullets.preview1 .bullet {

    cursor: pointer;

    position: relative !important;

    background: rgba(0, 0, 0, 0.15) !important;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 5px !important;

    height: 5px !important;

    border: 8px solid rgba(0, 0, 0, 0) !important;

    display: inline-block;

    margin-right: 5px !important;

    margin-bottom: 0px !important;

    -webkit-transition: background-color 0.2s, border-color 0.2s;

    -moz-transition: background-color 0.2s, border-color 0.2s;

    -o-transition: background-color 0.2s, border-color 0.2s;

    -ms-transition: background-color 0.2s, border-color 0.2s;

    transition: background-color 0.2s, border-color 0.2s;

    float: none !important;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.tp-bullets.preview1 .bullet.last {

    margin-right: 0px;

}



.tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    background: #aaa !important;

    width: 5px !important;

    height: 5px !important;

    border: 8px solid rgba(255, 255, 255, 1) !important;

}



.tparrows.preview2 {

    min-width: 60px;

    min-height: 60px;

    background: #fff;

    ;border-radius: 30px;

    -moz-border-radius: 30px;

    -webkit-border-radius: 30px;

    overflow: hidden;

    -webkit-transition: -webkit-transform 1.3s;

    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;

    transition: width 0.3s, background-color 0.3s, opacity 0.3s;

    backface-visibility: hidden;

}



.tparrows.preview2:after {

    position: absolute;

    top: 50%;

    font-family: "fontawesome";

    color: #aaa;

    font-size: 25px;

    margin-top: -12px;

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s

}



.tp-rightarrow.preview2:after {

    content: '\e81e';

    right: 18px;

}



.tp-leftarrow.preview2:after {

    content: '\e81f';

    left: 18px;

}



.tparrows.preview2 .tp-arr-titleholder {

    background-size: cover;

    background-position: center center;

    display: block;

    visibility: hidden;

    position: relative;

    top: 0px;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    white-space: nowrap;

    color: #000;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 14px;

    line-height: 60px;

    padding: 0px 10px;

}



.tp-rightarrow.preview2 .tp-arr-titleholder {

    right: 50px;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

}



.tp-leftarrow.preview2 .tp-arr-titleholder {

    left: 50px;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

}



.tparrows.preview2.hovered {

    width: 300px

}



.tparrows.preview2:hover {

    background: #fff

}



.tparrows.preview2:hover:after {

    color: #000

}



.tparrows.preview2:hover .tp-arr-titleholder {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

    visibility: visible;

    position: absolute;

}



.tp-bullets.preview2 {

    height: 17px;

}



.tp-bullets.preview2 .bullet {

    cursor: pointer;

    position: relative !important;

    background: rgba(0, 0, 0, 0.5) !important;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 0) !important;

    display: inline-block;

    margin-right: 2px !important;

    margin-bottom: 0px !important;

    -webkit-transition: background-color 0.2s, border-color 0.2s;

    -moz-transition: background-color 0.2s, border-color 0.2s;

    -o-transition: background-color 0.2s, border-color 0.2s;

    -ms-transition: background-color 0.2s, border-color 0.2s;

    transition: background-color 0.2s, border-color 0.2s;

    float: none !important;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.tp-bullets.preview2 .bullet.last {

    margin-right: 0px;

}



.tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    background: rgba(255, 255, 255, 1) !important;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 1) !important;

}



.tp-arr-titleholder.alwayshidden {

    display: none !important

}



.tparrows.preview3 {

    width: 70px;

    height: 70px;

    background: #fff;

    background: rgba(255,255,255,1);

    -webkit-transform-style: flat;

}



.tparrows.preview3:after {

    position: absolute;

    line-height: 70px;

    text-align: center;

    font-family: "fontawesome";

    color: #aaa;

    font-size: 30px;

    top: 0px;

    left: 0px;

    ;background: #fff;

    z-index: 100;

    width: 70px;

    height: 70px;

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s

}



.tparrows.preview3:hover:after {

    color: #000;

}



.tp-rightarrow.preview3:after {

    content: '\e825';

}



.tp-leftarrow.preview3:after {

    content: '\e824';

}



.tparrows.preview3 .tp-arr-iwrapper {

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transition: -webkit-transform 0.2s;

    transition: transform 0.2s;

    z-index: 0;

    position: absolute;

    background: #000;

    background: rgba(0,0,0,0.75);

    display: table;

    min-height: 90px;

    top: -10px

}



.tp-leftarrow.preview3 .tp-arr-iwrapper {

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.tparrows.preview3 .tp-arr-imgholder {

    display: block;

    background-size: cover;

    background-position: center center;

    display: table-cell;

    min-width: 90px;

    height: 90px;

    position: relative;

    top: 0px;

}



.tp-rightarrow.preview3 .tp-arr-iwrapper {

    right: 0px;

    padding-right: 70px

}



.tp-leftarrow.preview3 .tp-arr-iwrapper {

    left: 0px;

    direction: rtl;

    padding-left: 70px

}



.tparrows.preview3 .tp-arr-titleholder {

    display: table-cell;

    padding: 30px;

    font-size: 16px;

    color: #fff;

    white-space: nowrap;

    position: relative;

    clear: right;

    vertical-align: middle

}



.tparrows.preview3:hover .tp-arr-iwrapper {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}



.tp-bullets.preview3 {

    height: 17px;

}



.tp-bullets.preview3 .bullet {

    cursor: pointer;

    position: relative !important;

    background: rgba(0, 0, 0, 0.5) !important;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 0) !important;

    display: inline-block;

    margin-right: 2px !important;

    margin-bottom: 0px !important;

    -webkit-transition: background-color 0.2s, border-color 0.2s;

    -moz-transition: background-color 0.2s, border-color 0.2s;

    -o-transition: background-color 0.2s, border-color 0.2s;

    -ms-transition: background-color 0.2s, border-color 0.2s;

    transition: background-color 0.2s, border-color 0.2s;

    float: none !important;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.tp-bullets.preview3 .bullet.last {

    margin-right: 0px;

}



.tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    background: rgba(255, 255, 255, 1) !important;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 1) !important;

}



.tparrows.preview4 {

    width: 30px;

    height: 110px;

    background: transparent;

    -webkit-transform-style: preserve-3d;

    -webkit-perspective: 1000;

    -moz-perspective: 1000

}



.tparrows.preview4:after {

    position: absolute;

    line-height: 110px;

    text-align: center;

    font-family: "fontawesome";

    color: #fff;

    font-size: 20px;

    top: 0px;

    left: 0px;

    z-index: 0;

    width: 30px;

    height: 110px;

    background: #000;

    background: rgba(0,0,0,0.25);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-rightarrow.preview4:after {

    content: '\e825';

}



.tp-leftarrow.preview4:after {

    content: '\e824';

}



.tp-leftarrow.preview4 .tp-arr-allwrapper {

    left: 0px

}



.tparrows.preview4 .tp-arr-iwrapper {

    position: relative

}



.tparrows.preview4 .tp-arr-imgholder {

    display: block;

    background-size: cover;

    background-position: center center;

    width: 180px;

    height: 110px;

    position: relative;

    top: 0px;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.tparrows.preview4 .tp-arr-imgholder2 {

    display: block;

    background-size: cover;

    background-position: center center;

    width: 180px;

    height: 110px;

    position: absolute;

    top: 0px;

    left: 180px;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.tp-leftarrow.preview4 .tp-arr-imgholder2 {

    left: -180px

}



.tparrows.preview4 .tp-arr-titleholder {

    display: block;

    font-size: 12px;

    line-height: 25px;

    padding: 0px 10px;

    text-align: left;

    color: #fff;

    position: relative;

    background: #000;

    color: #FFF;

    text-transform: uppercase;

    white-space: nowrap;

    letter-spacing: 1px;

    font-weight: 700;

    font-size: 11px;

    line-height: 2.75;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -moz-opacity: 0.0;

    -khtml-opacity: 0.0;

    opacity: 0.0;

}



.tparrows.preview4:after {

    transform-origin: 100% 100%;

    -webkit-transform-origin: 100% 100%

}



.tp-leftarrow.preview4:after {

    transform-origin: 0% 0%;

    -webkit-transform-origin: 0% 0%

}



.tp-bullets.preview4 {

    height: 17px;

}



.tp-bullets.preview4 .bullet {

    cursor: pointer;

    position: relative !important;

    background: rgba(0, 0, 0, 0.5) !important;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 0) !important;

    display: inline-block;

    margin-right: 2px !important;

    margin-bottom: 0px !important;

    -webkit-transition: background-color 0.2s, border-color 0.2s;

    -moz-transition: background-color 0.2s, border-color 0.2s;

    -o-transition: background-color 0.2s, border-color 0.2s;

    -ms-transition: background-color 0.2s, border-color 0.2s;

    transition: background-color 0.2s, border-color 0.2s;

    float: none !important;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.tp-bullets.preview4 .bullet.last {

    margin-right: 0px;

}



.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    background: rgba(255, 255, 255, 1) !important;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 1) !important;

}



.tp-simpleresponsive img {

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}



.tp-caption img {

    background: transparent;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);

    zoom: 1;}



.caption.slidelink a div, .tp-caption.slidelink a div {

    width: 3000px;

    height: 1500px;

    background: url(../assets/coloredbg.png) repeat

}



.tp-caption.slidelink a span {

    background: url(../assets/coloredbg.png) repeat

}



.tp-loader {

    top: 50%;

    left: 50%;

    z-index: 10000;

    position: absolute;

}



.tp-loader.spinner0 {

    width: 40px;

    height: 40px;

    background: url(img/loading.gif) no-repeat center center;

    background-color: #fff;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    margin-top: -20px;

    margin-left: -20px;

    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;

    animation: tp-rotateplane 1.2s infinite ease-in-out;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.tp-loader.spinner1 {

    width: 40px;

    height: 40px;

    background-color: #fff;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    margin-top: -20px;

    margin-left: -20px;

    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;

    animation: tp-rotateplane 1.2s infinite ease-in-out;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.tp-loader.spinner5 {

    background: url(img/loading.gif) no-repeat 10px 10px;

    background-color: #fff;

    margin: -22px -22px;

    width: 44px;

    height: 44px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



@-webkit-keyframes tp-rotateplane {

    0% {

        -webkit-transform: perspective(120px)

    }



    50% {

        -webkit-transform: perspective(120px) rotateY(180deg)

    }



    100% {

        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)

    }

}



@keyframes tp-rotateplane {

    0% {

        transform: perspective(120px) rotateX(0deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)

    }



    50% {

        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)

    }



    100% {

        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    }

}



.tp-loader.spinner2 {

    width: 40px;

    height: 40px;

    margin-top: -20px;

    margin-left: -20px;

    background-color: #ff0000;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    border-radius: 100%;

    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;

    animation: tp-scaleout 1.0s infinite ease-in-out;

}



@-webkit-keyframes tp-scaleout {

    0% {

        -webkit-transform: scale(0.0)

    }



    100% {

        -webkit-transform: scale(1.0);

        opacity: 0;

    }

}



@keyframes tp-scaleout {

    0% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }



    100% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

        opacity: 0;

    }

}



.tp-loader.spinner3 {

    margin: -9px 0px 0px -35px;

    width: 70px;

    text-align: center;

}



.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {

    width: 18px;

    height: 18px;

    background-color: #fff;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;

    animation: tp-bouncedelay 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.tp-loader.spinner3 .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.tp-loader.spinner3 .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



@-webkit-keyframes tp-bouncedelay {

    0%, 80%, 100% {

        -webkit-transform: scale(0.0)

    }



    40% {

        -webkit-transform: scale(1.0)

    }

}



@keyframes tp-bouncedelay {

    0%, 80%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }



    40% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}



.tp-loader.spinner4 {

    margin: -20px 0px 0px -20px;

    width: 40px;

    height: 40px;

    text-align: center;

    -webkit-animation: tp-rotate 2.0s infinite linear;

    animation: tp-rotate 2.0s infinite linear;

}



.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    background-color: #fff;

    border-radius: 100%;

    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;

    animation: tp-bounce 2.0s infinite ease-in-out;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

}



.tp-loader.spinner4 .dot2 {

    top: auto;

    bottom: 0px;

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}



@-webkit-keyframes tp-rotate {

    100% {

        -webkit-transform: rotate(360deg)

    }

}



@keyframes tp-rotate {

    100% {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg)

    }

}



@-webkit-keyframes tp-bounce {

    0%, 100% {

        -webkit-transform: scale(0.0)

    }



    50% {

        -webkit-transform: scale(1.0)

    }

}



@keyframes tp-bounce {

    0%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }



    50% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}



@-webkit-keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}



@media screen and (max-width: 769px) {

    .rev_slider .tp-caption.itemText {

        width: 50%;

        padding-left: 10px;

        padding-right: 10px;

    }



    .tp-caption h1.title {

        font-size: 22px;

    }



    .tp-caption .banner-detail {

        font-size: 16px;

    }



    .tp-caption .banner-more {

        height: 30px;

        line-height: 30px;

        padding: 0 20px;

        font-size: 18px;

    }



    .owl-carousel .owl-controls .owl-dots {

        bottom: -.15rem;

    }

}



@media screen and (max-width: 641px) {

    .rev_slider .tp-caption.itemText {

        width: 100%;

    }



    #rev_slider_3_1 ul li .tp-caption.itemImg img {

        display: none;

    }



    



    .tp-caption h1.title {

        font-size: 16px;

        padding: 0 0 15px;

    }



    .tp-caption .banner-detail {

        font-size: 14px;

    }



    .tp-caption .banner-more {

        font-size: 14px;

    }

}









.banner_phph {

    display: none !important;

}





















.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {

    padding: 0;

    margin: 0;

    border: 0;

    outline: none;

    vertical-align: top;

}



.fancybox-wrap {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 8020;

}



.fancybox-skin {

    position: relative;

    background: #f9f9f9;

    color: #444;

    text-shadow: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}



.fancybox-opened {

    z-index: 8030;

}



.fancybox-opened .fancybox-skin {

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

    position: relative;

}



.fancybox-inner {

    overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

    -webkit-overflow-scrolling: touch;

}



.fancybox-error {

    color: #444;

    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    margin: 0;

    padding: 15px;

    white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

    display: block;

    width: 100%;

    height: 100%;

}



.fancybox-image {

    max-width: 100%;

    max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url('img/fancybox/fancybox_sprite.png');

}



#fancybox-loading {

    position: fixed;

    top: 50%;

    left: 50%;

    margin-top: -22px;

    margin-left: -22px;

    background-position: 0 -108px;

    opacity: 0.8;

    cursor: pointer;

    z-index: 8060;

}



#fancybox-loading div {

    width: 44px;

    height: 44px;

    background: url('img/fancybox/fancybox_loading.gif') center center no-repeat;

}



.fancybox-close {

    position: absolute;

    top: -18px;

    right: -18px;

    width: 36px;

    height: 36px;

    cursor: pointer;

    z-index: 8040;

}



.fancybox-nav {

    position: absolute;

    top: 0;

    width: 40%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

    background: transparent url('img/fancybox/blank.gif');

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    z-index: 8040;

}



.fancybox-prev {

    left: 0;

}



.fancybox-next {

    right: 0;

}



.fancybox-nav span {

    position: absolute;

    top: 50%;

    width: 36px;

    height: 34px;

    margin-top: -18px;

    cursor: pointer;

    z-index: 8040;

    visibility: hidden;

}



.fancybox-prev span {

    left: 10px;

    background-position: 0 -36px;

}



.fancybox-next span {

    right: 10px;

    background-position: 0 -72px;

}



.fancybox-nav:hover span {

    visibility: visible;

}



.fancybox-tmp {

    position: absolute;

    top: -99999px;

    left: -99999px;

    visibility: hidden;

    max-width: 99999px;

    max-height: 99999px;

    overflow: visible !important;

}



.fancybox-lock {

    overflow: hidden;

}



.fancybox-overlay {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

    display: none;

    z-index: 8010;

    background: url('img/fancybox/fancybox_overlay.png');

}



.fancybox-overlay-fixed {

    position: fixed;

    bottom: 0;

    right: 0;

}



.fancybox-lock .fancybox-overlay {

    overflow: auto;

    overflow-y: scroll;

    z-index: 99999;

}



.fancybox-title {

    visibility: hidden;

    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    position: relative;

    text-shadow: none;

    z-index: 8050;

}



.fancybox-opened .fancybox-title {

    visibility: visible;

}



.fancybox-title-float-wrap {

    position: absolute;

    bottom: 0;

    right: 50%;

    margin-bottom: -35px;

    z-index: 8050;

    text-align: center;

}



.fancybox-title-float-wrap .child {

    display: inline-block;

    margin-right: -100%;

    padding: 2px 20px;

    background: transparent;

    background: rgba(0, 0, 0, 0.8);

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    text-shadow: 0 1px 2px #222;

    color: #FFF;

    font-weight: bold;

    line-height: 24px;

    white-space: nowrap;

}



.fancybox-title-outside-wrap {

    position: relative;

    margin-top: 10px;

    color: #fff;

}



.fancybox-title-inside-wrap {

    padding-top: 10px;

}



.fancybox-title-over-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    color: #fff;

    padding: 10px;

    background: #000;

    background: rgba(0, 0, 0, .8);

}



.contact-form {

    padding: 15px 20px 50px;

}



.contact-form .form-item {

    width: auto;

    padding: 6px 0 6px 90px;

    _width: 600px;

}



.contact-form .form-label {

    width: 85px;

}



.contact-form .form-btn-wrap {

    position: relative;

    display: block;

    padding: 15px 0 0 90px;

    bottom: auto;

    right: auto;

}



.contact-form .form-btn-wrap .form-btn-submit {

    padding: 5px 40px;

    text-align: center;

    font-size: 14px;

    background: -moz-linear-gradient(top, #fff, #ddd);

    background: -webkit-linear-gradient(top, #fff, #ddd);

    background: -ms-linear-gradient(top, #fff, #ddd);

    background: -o-linear-gradient(top, #fff, #ddd);

    background: linear-gradient(top, #fff, #ddd);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);

    border-radius: 3px;

}



.contact-form .form-btn-wrap .form-btn-submit:hover {

    border: 1px solid #aaa;

    color: #333;

    box-shadow: 0 0 3px #ddd inset;

}



.top-category {

    padding-bottom: 10px;

}



.top-category .titl {

    padding: 5px;

    line-height: 12px;

    border: 1px solid #cccccc;

}



.pagenavi {

    padding: 10px 5px 30px 20px;

}



.pagenavi span, .pagenavi a {

    padding: 5px;

    border: 1px solid #ccc;

    margin-right: 5px;

}



.post-ratings {

    width: 100%;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.post-ratings-loading {

    display: none;

    height: 16px;

    text-align: left;

}



.post-ratings-image {

    border: 0px;

}



.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {

    border: 0px;

    padding: 0px;

    margin: 0px;

}



.post-ratings-text {

}



.post-ratings-comment-author {

    font-weight: normal;

    font-style: italic;

}



.model {

    width: 100%;

    overflow: hidden;

    font-size: 13px;

    line-height: 18px;

}



.info-title {

    max-height: 110px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

}



.info-con {

    display: block;

    margin-left: 20px;

}



.info-con-title {

    font-size: 15px;

    color: #FF3300;

}



.info-con span {

    display: block;

}



.info-left {

    float: left;

    width: 120px;

    max-height: 370px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 123px;

}



.info-middle {

    float: left;

    display: block;

    overflow: hidden;

    padding: 0 10px;

}



.info-right {

    float: left;

    width: 120px;

}



.info-right div:first-child {

    height: 160px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 11px;

}



.info-right div:nth-child(2) {

    height: 166px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 13px;

}



.info-right div:nth-child(3) {

    height: 148px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 9px;

}



.size-table td {

    text-align: center;

}



.main .item-head {

    padding: 10px 0;

    border-top: 1px dashed #c0c0c0;

    clear: both;

    font-size: 14px;

    font-weight: bold;

}



.main .color-show li {

    width: 70px;

    height: 90px;

    float: left;

    text-align: center;

}



.main .color-show li img {

    width: 51px;

    height: 51px;

}



.main .color-show li span {

    display: block;

    padding: 5px 0 0;

}



.main .color-show li.show-big {

    width: 220px;

    min-height: 300px;

    _height: 300px;

    _overflow: visible;

    float: left;

}



.main .color-show li.show-big img {

    width: 160px;

    height: auto;

    margin: 15px auto 0;

}



.selected {

    cursor: pointer;

}



.ico ul li {

    padding: 5px 0;

}



.ico ul li a {

    color: #FFC000;

    font-weight: bold;

}



.sub-tbar {

    line-height: 30px;

    background: url(img/tit_bg_line.png) repeat-x scroll 0 15px;

    text-align: center;

    margin-bottom: 15px;

}



.sub-tbar h3 {

    display: inline-block;

    padding: 0 10px;

    background: #fff;

    font-size: 18px;

    font-weight: normal;

}



.sub-tbar h3 {

    *display: inline;

}



.handmade li {

    float: left;

    width: 257px;

    height: 280px;

    padding: 0 10px;

}



.handmade li .img, .handmade li .img img {

    display: block;

    width: 250px;

    height: 138px;

}



.handmade li .tit {

    display: block;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    padding: 5px 0 0;

    font-size: 12px;

}



.handmade li .tit, .handmade li .tit a {

    color: #333;

}



.handmade li .summary {

    height: 80px;

    line-height: 20px;

    overflow: hidden;

}



.shippingdate {

    padding: 2px 0 0;

    border-top: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    margin: 10px 0 0;

}



.detail {

    float: right;

    width: 350px;

    padding: 2px 0 0 20px;

    border-top: 1px dashed #ddd;

    border-left: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    margin: 10px 0 0;

}



.detail a {

}



.detail ul {

    overflow: hidden;

}



.detail ul li {

    float: left;

    width: 160px;

}



.size {

    margin-top: 0px;

    padding-left: 60px;

}



.size table {

    border: 1px solid #efefef;

    margin-top: 20px;

}



.size ul li {

    float: left;

    padding: 0 18px;

}



.size table td {

    text-align: center;

}



.size table tr {

    text-align: center;

}



.size table th {

    text-align: center;

    color: #FFC000;

    font-weight: bold;

}



.size-pro table {

    border: 1px solid #efefef;

    margin-top: 20px;

    text-align: center;

}



.size-pro ul li {

    float: left;

    padding: 0 18px;

}



.size-pro table td {

    text-align: center;

}



.size-pro table tr {

    text-align: center;

    color: #FFC000;

    font-weight: bold;

}



.size-pro table th {

    text-align: center;

    color: #FFC000;

    font-weight: bold;

}



.attachment-100x100 {

    max-width: 120px;

}



.delay0d1s {

    -webkit-animation-delay: .1s;

    animation-delay: .1s;

}



.delay0d2s {

    -webkit-animation-delay: .2s;

    animation-delay: .2s;

}



.delay0d3s {

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

}



.delay0d4s {

    -webkit-animation-delay: .4s;

    animation-delay: .4s;

}



.delay0d5s {

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}



.delay0d6s {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}



.delay0d7s {

    -webkit-animation-delay: .7s;

    animation-delay: .7s;

}



.delay0d8s {

    -webkit-animation-delay: .8s;

    animation-delay: .8s;

}



.delay0d9s {

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

}



.delay1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.delay1d1s {

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}



.delay1d2s {

    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s;

}



.delay1d3s {

    -webkit-animation-delay: 1.3s;

    animation-delay: 1.3s;

}



.delay1d4s {

    -webkit-animation-delay: 1.4s;

    animation-delay: 1.4s;

}



.delay1d5s {

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s;

}



.delay1d6s {

    -webkit-animation-delay: 1.6s;

    animation-delay: 1.6s;

}



.delay1d7s {

    -webkit-animation-delay: 1.7s;

    animation-delay: 1.7s;

}



.delay1d8s {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s;

}



.delay1d9s {

    -webkit-animation-delay: 1.9s;

    animation-delay: 1.9s;

}



.delay2s {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes zoomInA {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        opacity: .8;

        -webkit-transform: scale(.8);

        -ms-transform: scale(.8);

        transform: scale(.8);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes zoomInA {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        opacity: .8;

        -webkit-transform: scale(.8);

        -ms-transform: scale(.8);

        transform: scale(.8);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



.zoomInA {

    -webkit-animation-name: zoomInA;

    animation-name: zoomInA

}



@-webkit-keyframes fadeInDownA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -30px, 0);

        transform-origin: center 0;

        transform: translate3d(0, -30px, 0);

        transform-origin: center 0;

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInDownA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -30px, 0);

        transform-origin: center 0;

        -ms-transform: translate3d(0, -30px, 0);

        transform-origin: center 0;

        transform: translate3d(0, -30px, 0);

        transform-origin: center 0;

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInDownA {

    -webkit-animation-name: fadeInDownA;

    animation-name: fadeInDownA

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-20%, 0, 0);

        transform: translate3d(-20%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInLeftA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-20%, 0, 0);

        -ms-transform: translate3d(-20%, 0, 0);

        transform: translate3d(-20%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInLeftA {

    -webkit-animation-name: fadeInLeftA;

    animation-name: fadeInLeftA

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100px, 0);

        transform: translate3d(0, 100px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100px, 0);

        -ms-transform: translate3d(0, 100px, 0);

        transform: translate3d(0, 100px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInUpA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30px, 0);

        transform: translate3d(0, 30px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInUpA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30px, 0);

        -ms-transform: translate3d(0, 30px, 0);

        transform: translate3d(0, 30px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInUpA {

    -webkit-animation-name: fadeInUpA;

    animation-name: fadeInUpA

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(20%, 0, 0);

        transform: translate3d(20%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInRightA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(20%, 0, 0);

        -ms-transform: translate3d(20%, 0, 0);

        transform: translate3d(20%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInRightA {

    -webkit-animation-name: fadeInRightA;

    animation-name: fadeInRightA

}



@-webkit-keyframes bounceIn {

    0%, 100%, 20%, 40%, 60%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes bounceIn {

    0%, 100%, 20%, 40%, 60%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        -ms-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        -ms-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

    -webkit-animation-duration: .75s;

    animation-duration: .75s

}



@-webkit-keyframes icojumpA {

    0% {

        -webkit-transform: translateY(0);

    }



    50% {

        -webkit-transform: translateY(-5px);

    }



    100% {

        -webkit-transform: translateY(0);

    }

}



@keyframes icojumpA {

    0% {

        -webkit-transform: translateY(0);

    }



    50% {

        -webkit-transform: translateY(-5px);

    }



    100% {

        -webkit-transform: translateY(0);

    }

}



@-webkit-keyframes icojump {

    0% {

        -webkit-transform: translateY(0);

    }



    25% {

        -webkit-transform: translateY(-10px);

    }



    50% {

        -webkit-transform: translateY(0);

    }



    75% {

        -webkit-transform: translateY(-5px);

    }



    100% {

        -webkit-transform: translateY(0);

    }

}



@keyframes icojump {

    0% {

        transform: translateY(0);

    }



    25% {

        transform: translateY(-10px);

    }



    50% {

        transform: translateY(0);

    }



    75% {

        transform: translateY(-5px);

    }



    100% {

        transform: translateY(0);

    }

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        -ms-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        -ms-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        -ms-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        -ms-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        -ms-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@-webkit-keyframes logoAnim {

    0% {

        left: -100%;

    }



    100% {

        left: 200%;

    }

}



@keyframes logoAnim {

    0% {

        left: -100%;

    }



    100% {

        left: 200%;

    }

}



@-webkit-keyframes tm-bounce {

    0%, 100% {

        -webkit-transform: scale(.8);

        transform: scale(.8);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes tm-bounce {

    0%, 100% {

        -webkit-transform: scale(.8);

        transform: scale(.8);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-ms-keyframes cssload-spin {

    0%, 15% {

        -ms-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes cssload-spin {

    0%, 15% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-ms-keyframes rotateZ {

    0% {

        -ms-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -ms-transform: rotate3d(0, 1, 0, 360deg);

        transform: rotate3d(0, 1, 0, 360deg);

    }

}



@-webkit-keyframes rotateZ {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -webkit-transform: rotate3d(0, 1, 0, 360deg);

        transform: rotate3d(0, 1, 0, 360deg);

    }

}



@keyframes icon-bounce {

    0%, 100% {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    25% {

        -moz-transform: rotate(15deg);

        -ms-transform: rotate(15deg);

        -webkit-transform: rotate(15deg);

        transform: rotate(15deg);

    }



    50% {

        -moz-transform: rotate(-15deg);

        -ms-transform: rotate(-15deg);

        -webkit-transform: rotate(-15deg);

        transform: rotate(-15deg);

    }



    75% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }



    85% {

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

}



@-webkit-keyframes icon-bounce {

    0%, 100% {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    25% {

        -moz-transform: rotate(15deg);

        -ms-transform: rotate(15deg);

        -webkit-transform: rotate(15deg);

        transform: rotate(15deg);

    }



    50% {

        -moz-transform: rotate(-15deg);

        -ms-transform: rotate(-15deg);

        -webkit-transform: rotate(-15deg);

        transform: rotate(-15deg);

    }



    75% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }



    85% {

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

}



@-moz-keyframes icon-bounce {

    0%, 100% {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    25% {

        -moz-transform: rotate(15deg);

        -ms-transform: rotate(15deg);

        -webkit-transform: rotate(15deg);

        transform: rotate(15deg);

    }



    50% {

        -moz-transform: rotate(-15deg);

        -ms-transform: rotate(-15deg);

        -webkit-transform: rotate(-15deg);

        transform: rotate(-15deg);

    }



    75% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }



    85% {

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

}



@-o-keyframes icon-bounce {

    0%, 100% {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    25% {

        -moz-transform: rotate(15deg);

        -ms-transform: rotate(15deg);

        -webkit-transform: rotate(15deg);

        transform: rotate(15deg);

    }



    50% {

        -moz-transform: rotate(-15deg);

        -ms-transform: rotate(-15deg);

        -webkit-transform: rotate(-15deg);

        transform: rotate(-15deg);

    }



    75% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }



    85% {

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

}



@-webkit-keyframes shine {

    100% {

        left: 125%;

    }

}



@keyframes shine {

    100% {

        left: 125%;

    }

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg)

    }



    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg)

    }



    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        -ms-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        -ms-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg)

    }



    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        -ms-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg)

    }



    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        -ms-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



.flipInX {

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



@-webkit-keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotateY(30deg);

        transform: perspective(400px) rotateY(30deg);

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotateY(-10deg);

        transform: perspective(400px) rotateY(-10deg)

    }



    70% {

        -webkit-transform: perspective(400px) rotateY(10deg);

        transform: perspective(400px) rotateY(10deg)

    }



    100% {

        -webkit-transform: perspective(400px) rotateY(0deg);

        transform: perspective(400px) rotateY(0deg);

        opacity: 1

    }

}



@keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotateY(30deg);

        -ms-transform: perspective(400px) rotateY(30deg);

        transform: perspective(400px) rotateY(30deg);

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotateY(-10deg);

        -ms-transform: perspective(400px) rotateY(-10deg);

        transform: perspective(400px) rotateY(-10deg)

    }



    70% {

        -webkit-transform: perspective(400px) rotateY(10deg);

        -ms-transform: perspective(400px) rotateY(10deg);

        transform: perspective(400px) rotateY(10deg)

    }



    100% {

        -webkit-transform: perspective(400px) rotateY(0deg);

        -ms-transform: perspective(400px) rotateY(0deg);

        transform: perspective(400px) rotateY(0deg);

        opacity: 1

    }

}



.flipInY {

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY

}



@-webkit-keyframes bounceInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        transform: translateY(2000px)

    }



    60% {

        opacity: 1;

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }



    80% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px)

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes bounceInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        -ms-transform: translateY(2000px);

        transform: translateY(2000px)

    }



    60% {

        opacity: 1;

        -webkit-transform: translateY(-30px);

        -ms-transform: translateY(-30px);

        transform: translateY(-30px)

    }



    80% {

        -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

        transform: translateY(10px)

    }



    100% {

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    50% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1)

    }



    50% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1)

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1)

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse

}



@keyframes hover-more {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.1, 1.3);

        -ms-transform: scale(1.1, 1.3);

        transform: scale(1.1, 1.3)

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1)

    }

}



.main .detail-wrap table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    margin-bottom: 0 !important;

}



.main .detail-wrap table th, .main .detail-wrap table td {

    height: 30px;

    border: 1px solid #ccc;

    text-align: left;

    line-height: 1.5;

    font-size: 12px;

    color: #666;

    background: #fbfbfb;

    padding: 0 15px;

}



.main .detail-wrap table th {

    font-size: 12px;

    background: #eee;

}



.main .detail-wrap table td p, .main .detail-wrap table th p, table td p, table th p {

    margin: 0;

    padding: 5px;

    color: #666;

    font-size: 12px;

    line-height: 1.3;

}



.main .detail-wrap table td.amts {

    color: #cb2027;

}



.main .detail-wrap table th#cartDelete {

    text-align: center;

}



.head-wrapper {

    position: relative;

    width: 100%;

    z-index: 10000;

}



.logo, .language, .head-search, .nav-bar .nav, .head-contact, .head-contact .head-phone, .head-contact .head-email {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom:1;vertical-align: top;

    text-align: left;

}



.topbar {

    position: relative;

    background: #ec7212;

}



.head-contact {

    font-size: 16px;

    line-height: 53px;

    float: left;

    border-left: 1px solid #fff;

    padding: 0 10px;

}



.head-contact, .head-contact a {

    color: #fff;

}



.head-contact .head-phone, .head-contact .head-email {

    padding: 0 0 0 34px;

    margin: 0 15px 0 0;

}



.head-contact .head-phone {

    padding: 0 20px 0 30px;

    border-right: 1px solid #fff;

}



.head-contact .head-phone:before, .head-contact .head-email:before {

    content: "";

    position: absolute;

    left: 0;

    top: 4;

    width: 30px;

    height: 53px;

    font-size: 20px;

    line-height: 53px;

    color: #fff;

}



.head-contact .head-phone:before {

    content: "\f095";

}



.head-contact .head-email:before {

    content: "\f003";

}



.change-language {

    margin: .15rem 0 0 0;

    float: right;

    z-index: 2 !important;

}



.change-language-info .change-language-title span, .change-language-info .change-language-title .language-icon:before {

    color: #fff !important;

    font-size: 16px;

}



.change-language-info .change-language-title.title-show span, .change-language-info .change-language-title.title-show .language-icon:before {

    color: #666 !important;

}



.logo {

    position: relative;

    float: left;

}



.logo img {

    position: relative;

    max-height: 90px;

    transition: linear .5s;

    -moz-transition: linear .5s;

    -webkit-transition: linear .5s;

    -o-transition: linear .5s;

}



.head-search {

    position: relative;

    width: .4rem;

    height: .4rem;

    float: right;

    margin-top: .26rem;

}



.head-search-form {

    position: absolute;

    top: 40px;

    right: 0;

    width: 350px;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: right 0;

    transform-origin: right 0;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

}



.head-search-show .head-search-form {

    display: block\9;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    visibility: visible;

}



.head-search-form .search-ipt {

    border: none;

    line-height: 40px;

    height: 40px;

    padding: 0;

    padding-left: 10px;

    width: 100%;

    position: relative;

    box-shadow: 0 0 10px rgba(0,0,0,.5);

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);

    border-radius: 5px;

}



.head-search-form .search-btn {

    font-family: 'fontawesome';

}



.head-search-form .search-btn {

    position: absolute;

    right: 0;

    top: 0;

    height: 40px;

    width: 40px;

    border: none;

    background: none;

    font-size: .2rem;

}



.search-toggle {

    width: .36rem;

    height: .36rem;

    line-height: .36rem;

    position: absolute;

    right: 0;

    top: 3px;

    font-size: .2rem;

    text-align: center;

    cursor: pointer;

}



.head-search .search-toggle:before {

    font-family: 'fontawesome';

    content: "\f002";

    color: #3a3b4d;

}



.head-search.head-search-show .search-toggle:before {

    content: "\f00d";

}



.nav-bar {

    position: relative;

    height: .88rem;

    text-align: left;

    padding: .06rem 0;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    transition: linear .5s;

    -moz-transition: linear .5s;

    -webkit-transition: linear .5s;

    -o-transition: linear .5s;

    box-shadow: 0 1px 10px rgba(0,0,0,.1);

    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);

    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);

}



.nav-bar .nav {

    margin-top: .4rem;

    box-sizing: border-box;

    -wekit-box-sizing: border-box;

    float: right;

}



.nav-bar .nav li {

    position: relative;

    display: block;

}



.nav-bar .nav > li {

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;}



.nav-bar .nav > li > a {

    position: relative;

    display: inline-block;

    text-transform: uppercase;

    color: #202020;

    font-family: "Arial";

    line-height: 14px;

    padding: 0 .26rem;

    border-right: 1px solid #a5a5a5;

    font-size: 18px;

}



@media screen and (max-width: 1020px) {

    .nav-bar .nav > li > a {

        padding: 0 .1rem;

    }

}



.nav-bar .nav > li.nav-current >a {

    color: #ff6f00;

}



.nav-bar .nav > li:last-child > a {

    border-right: none;

}



.nav-bar .nav > li.nav-current > a:before {

}



.nav-bar .nav > li:hover > a {

}



.nav-bar .nav li li {

    display: block;

    *display: block;

    line-height: .35rem;

}



.nav-bar .nav li li a {

    padding: 0 .15rem;

    display: block;

    border-bottom: 1px solid rgba(255,255,255,0);

}



.nav-bar .nav ul {

    width: 2.55rem;

    position: absolute;

    top: .35rem;

    left: 0;

    background: rgba(255,255,255,.9);

    text-align: left;

    display: none;

    z-index: 999;

    box-shadow: 0 0 2px rgba(0,0,0,.2);

}



.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul {

    top: 0;

    left: 2.57rem;

}



.nav-bar .nav li:hover >a {

    color: #ff6f00;

}



.nav-bar .nav ul li:hover >a {

    color: #ff6f00;

}



.nav-bar .nav li .nav-ico {

    font-size: .12rem;

    margin: 0 0 0 5px;

}



.nav-bar .nav li .nav-ico:after {

    content: '\f0d7';

}



.nav-bar .nav li li .nav-ico {

    position: absolute;

    top: 0;

    right: .1rem;

    line-height: .35rem;

}



.nav-bar .nav li li .nav-ico:after {

    content: '\f0da';

}



.fixed-nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 10009;

    padding: .15rem 0;

    background-color: #fff;

    box-shadow: 0 5px 15px rgba(0,0,0,.3);

    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);

    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.3);

}



.foot-wrapper {

    position: relative;

    width: 100%;

    background: #202020;

    margin-top: .65rem;

}



.foot-items {

    padding: .55rem 0 .6rem 0;

}



.foot-items ul {

    display: flex;

    justify-content: space-evenly;

}



.foot-items ul .foot-item {

    width: 33.33%;

    text-align: center;

    padding: 0 .5rem;

    border-right: 1px solid #353434;

}



.foot-items ul .foot-item:last-child {

    border-right: none;

}



.foot-item .foot-ico {

}



.foot-item .foot-ico:after {

    content: " ";

    color: #babcbb;

    font-size: .67rem;

    line-height: 1rem;

}



.foot-item .foot-ico.foot_addr:after {

    content: "\f041";

}



.foot-item .foot-ico.foot_phone:after {

    content: "\f10b";

}



.foot-item .foot-ico.foot_email:after {

    content: "\f003";

}



.contact-detail {

    font-size: .14rem;

    color: #babcbb;

    line-height: .28rem;

    letter-spacing: 1px;

}



.footer-top {

    position: relative;

}



.footer-top:before {

    content: "";

    background-color: #fff;

    width: 100%;

    height: 50%;

    position: absolute;

    left: 0;

    top: 0;

}



.footer-top .layout {

    padding: .65rem .47rem;

    background-image: url(./img/demo/foot-bg.jpg);

    background-size: contain;

    background-attachment: fixed;

}



.footer-social {

    float: left;

    position: relative;

}



.footer-social .social-tit {

    color: #fff;

    vertical-align: middle;

    font-size: .18rem;

    line-height: .28rem;

    text-transform: capitalize;

    letter-spacing: .5px;

    font-weight: bold;

    font-family: Arial-Black;

}



.footer-social {

    float: left;

    position: relative;

}



.foot-inquiry {

    position: relative;

    float: right;

}



.inquiry-info {

    text-align: center;

    display: inline-block;

    margin-right: .2rem;

    font-weight: bold;

    color: #fff;

    font-size: .18rem;

    line-height: .28rem;

    letter-spacing: .5px;

    text-transform: capitalize;

}



.subscribe {

    font-size: .18rem;

    line-height: .28rem;

    display: inline-block;

    color: #fff;

    text-transform: capitalize;

}



.email.inquiryfoot {

    display: inline-block;

    font-size: .16rem;

    padding: 6px .15rem;

    border: 1px solid #fff;

    color: #FFF;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 10px;

}



.email.inquiryfoot:before {

    font-family: "fontawesome";

    content: "\f003";

    margin: 0 .05rem 0 0;

}



.email.inquiryfoot:hover {

    background-color: #fff;

    color: #ec7212;

}



.foot-items .foot-item {

    float: left;

    width: 36%;

    margin-top: .3rem;

}



.foot-items .foot-item:nth-child(2) {

    width: 26%;

}



.foot-items .footi {

    width: 38%;

    margin-top: 0;

}



.foot-items .foot-item .foottit a {

    font-weight: bold;

    font-size: 24px;

    color: #fff;

    line-height: 100%;

}



.foot-items .foot-item .foottit a::after {

    content: '';

    display: block;

    margin-top: .26rem;

    width: .44rem;

    height: .04rem;

    background-color: #fff;

}



.foot-items .foot-item ul li a {

    font-size: 18px;

    color: #fff;

    line-height: 46px;

    transition: all ease-in-out 0.5s;

}



.foot-items .foot-item ul {

    margin-top: .2rem;

}



.foot-logo img {

    width: auto;

}



.footi ul li a {

    line-height: 26px !important;

}



.footi ul li {

    margin-bottom: .2rem;

    font-size: 18px;

    color: #fff;

    transition: all ease-in-out 0.5s;

}



.foot-items .foot-item ul li a:hover {

    color: #ec7212;

}



.foot-bottom {

    background: #181818;

    position: relative;

    padding: .2rem 0;

}



.foot-social {

    position: relative;

    display: inline-block;

}



.foot-social li {

    position: relative;

    display: inline-block;

    vertical-align: middle;

}



.foot-social li a {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 0 0 0 .2rem;

    background: #fb9355;

    border-radius: 50%;

    width: .42rem;

    height: .42rem;

    text-align: center;

    line-height: .42rem;

    padding: .12rem;

}



.foot-social li img {

    width: auto;

    top: -12px;

    position: relative;

}



.copyright {

    color: #fff;

    line-height: 100%;

    text-align: center;

    font-size: 18px;

}



.foot-nav {

    position: relative;

    float: right;

}



.foot-nav li {

    display: inline-block;

    padding: 0 7px;

    border-right: 1px solid #232323;

    line-height: .14rem;

}



.foot-nav li:last-child {

    border-right: none;

}



.foot-nav li a {

    color: #434343;

}



.foot-nav li a:hover {

    color: #5d697b;

}



.main_content {

    position: relative;

}



.index-title-bar {

    position: relative;

    text-align: center;

    margin: 0 0 .46rem 0;

}



.index-title-bar .title {

    position: relative;

    display: inline-block;

    *zoom:1;padding-bottom: .3rem;

}



.index-title-bar .title a {

    text-transform: uppercase;

    font-size: 30px;

    color: #333;

    line-height: 100%;

    font-family: "Arial-Black";

}



.index-title-bar .title:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 86px;

    height: 1px;

    background-color: #bcbcbc;

    margin-left: -43px;

    visibility: visible;

}



.index-offer-wrap {

    margin: .67rem 0 1.35rem;

}



.index-offer-wrap .offer-items {

    display: flex;

    justify-content: space-between;

    width: 100%;

}



.index-offer-wrap .offer-items .offer-item {

    position: relative;

    width: 32.33%;

}



.offer-item .item-wrap {

    position: relative;

    overflow: hidden;

}



.offer-item .item-wrap:before {

    position: absolute;

    content: "";

    width: 50%;

    height: 150%;

    z-index: 9;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(25deg);

    top: -25%;

    right: -25%;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    ;}



.offer-item:hover .item-wrap:before {

    right: 125%;

}



.offer-item .item-wrap .item-img {

}



.offer-item .item-wrap .item-info {

    position: absolute;

    bottom: 0;

    left: 0;

    padding-left: 17px;

    padding-bottom: 30px;

}



.offer-item .item-wrap .item-title {

}



.offer-item .item-wrap .item-title a {

    font-family: "Arial";

    font-weight: bold;

    text-transform: capitalize;

    font-size: .24rem;

    line-height: .28rem;

}



.offer-item .item-wrap .cate-more {

    display: table;

    padding: 6px 14px;

    background-color: transparent;

    border-radius: 50px;

    font-family: "Arial";

    font-weight: bold;

    text-transform: capitalize;

    font-size: .14rem;

    line-height: .14rem;

    color: #202020;

    margin-top: 20px;

    position: relative;

    border: 1px solid #202020;

}



.offer-item .item-wrap .cate-more:after {

    content: "\f178";

    margin-left: 10px;

}



.offer-item .item-wrap .cate-more:hover {

    background-color: #ff6f00;

    color: #fff;

    border: 1px solid #ff6f00;

}



.index-about-over {

    overflow: hidden;

    padding-top: .2rem;

}



.index-about-wrap {

    padding: 0.65rem 6% .4rem 10%;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.index-about-wrap .floatL {

    float: left;

    width: 40%;

}



.index-about-wrap .floatR {

    float: right;

    width: 53%;

}



.index-about-wrap .floatR .img {

    position: relative;

    margin-top: -1.2rem;

    width: 100%;

    height: 0;

    padding-top: 89%;

}



.index-about-wrap .floatR .img>img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.clearfloat {

    clear: both;

    height: 0;

}



.index-about-wrap .floatR .img .focus {

    position: absolute;

    bottom: -0.22rem;

    left: 5.7rem;

    background-color: rgba(253, 122, 18, .93);

    padding: .38rem;

    width: 100%;

}



.img .focus img {

    width: auto;

    margin-bottom: .2rem;

}



.img .focus .year {

    font-family: Arial;

    font-weight: bold;

    color: #fff;

    font-size: .2rem;

}



.img .focus .year span {

    font-size: .46rem;

    margin-right: .16rem;

    line-height: .46rem;

}



.img .focus .ms {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    margin-top: .06rem;

    width: 2.7rem;

}



.index-about-wrap .index-title-bar {

    margin: 0 0 .3rem 0;

    text-align: left;

}



.index-about-wrap .index-title-bar .title a {

    font-family: Arial-Black;

    font-size: 33px;

    color: #333;

    line-height: 47px;

    text-transform: none;

}



.index-about-wrap .index-title-bar .title {

    padding-bottom: 0;

}



.index-about-wrap .index-title-bar .title:after {

    display: none;

}



.about-detail {

    position: relative;

    width: 100%;

    font-size: 16px;

    line-height: 26px;

    text-align: left;

    margin: auto;

    font-family: 'Arial';

    font-weight: normal;

    color: #333;

    margin-bottom: .4rem;

}



.index-about-wrap .num_ul li {

    float: left;

    width: 100%;

    margin-right: 0;

}



.index-about-wrap .num_ul li:last-child {

    margin-right: 0px;

}



.index-about-wrap .num_ul li .counter {

    font-size: 46px;

    font-family: Arial;

    font-weight: bold;

    color: #ff6f00;

    line-height: 100%;

}



.index-about-wrap .num_ul li .counter::after {

    content: '';

    display: block;

    margin-top: .06rem;

    width: .34rem;

    height: 2px;

    background-color: #333;

}



.index-about-wrap .num_ul li .ms {

    font-size: 16px;

    line-height: 26px;

    color: #666;

    font-family: Arial;

    font-weight: bold;

    margin-top: .1rem;

}



.index-about-wrap .num_ul {

    overflow: hidden;

}



.about-more {

    position: relative;

    font-family: 'Arial';

    font-size: .14rem;

    line-height: .36rem;

    border: 1px solid #333;

    padding: 0px 25px;

    display: table;

    margin-top: .4rem;

    text-transform: capitalize;

    color: #333;

    font-weight: normal;

    border-radius: 50px;

}



.about-more:hover {

    background-color: #ff6f00;

    border-color: #ff6f00;

    color: #fff;

}



.company-synopses {

    position: relative;

    width: 100%;

    z-index: 1;

    padding: .95rem 0 .9rem 0;

    background-attachment: fixed;

}



.company-synopses .synopsis-items {

    width: 100%;

    display: flex;

    justify-content: space-evenly;

}



.synopsis-item {

    position: relative;

    display: inline-block;

    z-index: 1;

    vertical-align: top;

    width: 33.33%;

    padding: 0 1%;

    padding-top: .58rem;

    text-align: center;

}



.synopsis-item .item-img {

    position: relative;

    background: #fff;

    border-radius: 50%;

    padding: .3rem;

    box-sizing: content-box;

    text-align: center;

    line-height: 60px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    margin: auto;

    display: table;

}



.synopsis-item .item-img img {

    max-width: .47rem;

}



.synopsis-item:hover .item-img {

}



.synopsis-item:hover .item-img img {

    transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    transition-delay: .5s;

    -moz-transition-delay: .5s;

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

}



.synopsis-item .item-wrap {

    position: relative;

    border: 1px solid #fff;

    box-shadow: 0 0 4px rgba(0,0,0,.25);

    padding: 0 .23rem;

}



.synopsis-item .item-info {

    margin-top: -.35rem;

    padding-bottom: .35rem;

}



.synopsis-item .item-info .item-title {

}



.synopsis-item .item-info .item-title, .synopsis-item .item-info .item-title a {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 26px;

    text-transform: capitalize;

    font-weight: bold;

}



.synopsis-item .item-info .item-desc {

    color: #fff;

    font-size: 16px;

    line-height: 26px;

    height: 60px;

}



.synopsis-item:hover .item-info .item-title a {

    font-weight: bold;

}



.index-evens-wrap {

    margin: .95rem 0 .2rem 0;

    position: relative;

}



.index-evens-wrap .evens-items {

    width: 100%;

    display: flex;

    justify-content: space-between;

    -webkit-justify-content: space-between;

}



.index-evens-wrap .evens-items .evens-item {

    position: relative;

    width: 32.33%;

}



.evens-items .evens-item .even-img {

    width: 100%;

    position: relative;

    height: 0;

    overflow: hidden;

    padding-bottom: 74%;

}



.evens-items .evens-item .even-img img {

    max-width: none;

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

    transition: all ease-in 0.5s;

}



img {

    width: 100%;

}



.evens-item .even-info {

    padding: .2rem .17rem;

    position: relative;

    border: 1px solid #eeeeee;

    border-top-color: rgb(238, 238, 238);

    box-sizing: border-box;

    border-top-color: transparent;

}



.evens-item .even-info .even-detail {

    height: 52px;

}



.evens-item .even-info .even-detail, .evens-item .even-info .even-detail a {

    color: #333;

    font-size: 16px;

    line-height: .26rem;

    margin-bottom: 10px;

    font-weight: bold;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    transition: all ease-in-out 0.5s;

}



.evens-item .even-info .even-time {

    color: #666;

    font-size: 14px;

    line-height: .28rem;

    display: inline-block;

}



.evens-item .even-info .more-detail {

    color: #000000;

    text-transform: capitalize;

    font-size: 14px;

    line-height: .3rem;

    border: 1px solid #333;

    padding: 0 .2rem;

    display: inline-block;

    border-radius: 10px;

    float: right;

    position: relative;

}



.evens-item .even-info .more-detail:after {

    content: "\f178";

    position: relative;

    margin-left: 5px;

}



.evens-item .even-info .more-detail:hover {

    background-color: #ec7212;

    border: 1px solid #ec7212;

    color: #fff;

}



.index-evens-wrap .evens-item:hover .even-img img {

    transform: scale(105%);

}



.index-evens-wrap .evens-item:hover .even-detail a {

    color: #ec7212;

}



.product-container {

    width: 100%;

}



.product-items {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.product-items .items-content {

    width: 1230px;

    margin: .7rem 0 0 -15px;

}



.product-item {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;width: 33.333%;

    margin: 0 0 .22rem;

}



.product-items .product-item, .goods-items .product-item {

    width: 100%;

    margin: 0;

    visibility: visible !important;

}



.product-item .item-wrap {

    position: relative;

    overflow: hidden;

    text-align: center;

    margin: 0 11px .4rem 11px;

}



.product-item .item-img {

    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;



    position: relative;

	padding-bottom: 100%;

}



.product-item .item-img img {

    position: relative;

    width: 100%;



    position: absolute;

    object-fit: cover;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.product-item .item-info .item-title {

    height: 52px;

}



.product-item .item-info .item-title, .product-item .item-info .item-title a {

    color: #333;

    font-size: 16px;

    font-weight: normal;

    text-transform: capitalize;

    line-height: 26px;

    font-family: 'Arial';

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}



.product-item .item-shadow {

    width: 100%;

    height: 100%;

    background: rgba(237, 116, 20, 0.66);

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}



.product-item .item-shadow:before {

    content: "";

    width: 40px;

    height: 40px;

    background-image: url("./img/demo/products-search.png");

    position: absolute;

    left: 50%;

    top: 50%;

    background-position: right top;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    background-repeat: no-repeat;

    background-position: center;

}



.product-item .item-info {

    width: 100%;

    position: relative;

    padding-top: .3rem;

}



.product-item .item-shadow:after {

    content: "";

    position: absolute;

    left: 5px;

    right: 5px;

    top: 5px;

    bottom: 5px;

}



.product-item:hover .item-info, .product-item:hover .item-shadow {

    opacity: 1;

}



.product-item:hover .item-info .item-title a {

    color: #ec7212;

}



.main-product-wrap {

    position: relative;

    margin: .8rem 0;

}



.main-product-wrap .product-items .owl-carousel .owl-controls .owl-nav, .main-product-wrap .product-items .owl-carousel .owl-controls .owl-dots {

    display: none !important;

}



.main-product-wrap .product-more {

    font-size: 14px;

    font-family: 'Arial';

    font-weight: normal;

    padding: .08rem .22rem;

    color: #000;

    display: table;

    margin: auto;

    border: 1px solid #333;

    border-radius: 16px;

    line-height: 100%;

}



.main-product-wrap .product-more:hover {

    background-color: #ec7212;

    border: 1px solid #ec7212 ;

    color: #fff;

}



.path-bar {

    position: relative;

    line-height: .3rem;

    padding: .25rem 0;

    text-align: center;

}



.path-bar li {

    display: inline-block;

    vertical-align: top;

    position: relative;

    font-size: .16rem;

}



.path-bar li:after {

    content: "/";

    margin: 0 .1rem;

    font-size: .18rem;

}



.path-bar li a {

    color: #202020;

    font-size: 14px;

    letter-spacing: 1px;

}



.path-bar li.current a {

    color: #3a3b4d;

}



.path-bar li:last-child:after {

    display: none;

}



.page-bar {

    margin-top: .3rem;

}



.pages {

    position: relative;

    text-align: right;

}



.pages a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;line-height: 25px;

    min-width: 26px;

    padding: 0 8px;

    margin: 0 0 0 5px;

    background-color: #f3f3f3;

}



.pages a.current, .pages a:hover {

    background: #92a5c3;

    color: #FFF;

}



.pages span {

    border: 1px solid rgba(0,89,139,.2);

    line-height: 25px;

    min-width: 26px;

    padding: 0 8px;

    margin: 0 0 0 5px;

    border-radius: 3px;

    display: inline-block;

}



.aside {

    float: left;

    width: 21.67%;

}



.side-tit-bar {

    position: relative;

}



.side-tit-bar .side-tit {

    position: relative;

    font-size: .24rem;

    line-height: .27rem;

    text-transform: capitalize;

    color: #202020;

    text-align: left;

    padding-bottom: .15rem;

    letter-spacing: .5px;

    font-weight: bold;

}



.side-tit-bar .side-tit span {

    font-family: 'Montserrat-ExtraBold';

}



.side-tit-bar .side-tit:after {

    background-color: #bcbcbc;

    width: 58px;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    content: "";

}



.side-widget {

    position: relative;

    margin: 0 0 .2rem;

}



.side-cate {

    padding: .2rem 0;

}



.side-cate li {

    position: relative;

    line-height: 33px;

}



.side-cate li {

    margin: 0 .3rem 0 .15rem;

}



.side-cate > li {

}



.side-cate li ul li:before {

    background-color: #3a3b4d;

    width: 5px;

    height: 5px;

    content: "";

    position: absolute;

    top: .13rem;

    left: 0;

}



.side-cate li ul li {

    padding: 0 .15rem;

    margin: 0;

}



.side-cate li ul li.current a {

    color: #92a5c3;

}



.side-cate li ul li.current:before {

    background-color: #92a5c3;

}



.side-cate ul {

    display: none;

}



.side-cate li a {

    position: relative;

    display: block;

}



.side-cate .nav-current>a {

    color: #ff6f00 !important;

}



.side-cate li .icon-cate {

    position: absolute;

    right: 0;

    top: 10px;

    font-size: 12px;

    cursor: pointer;

    color: #99abbf;

}



.side-cate li .icon-cate.icon-cate-down:before {

    content: '\f067';

}



.side-cate li .icon-cate.icon-cate-up:before {

    content: '\f068';

}



.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a {

    color: #3a3b4d;

}



.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate {

    color: #3a3b4d;

}



.side-product-items {

    position: relative;

    padding: .4rem .08rem;

}



.side-product-items .items_content {

    position: relative;

}



.side-product-items .items_content {

}



.side_product_item {

    position: relative;

    display: block;

    width: 100%;

    padding: .12rem 0;

    overflow: hidden;

}



.side_product_item figure {

    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;

}



.side_product_item .item-img {

    position: relative;

    width: .85rem;

    display: table-cell;

    vertical-align: middle;

    padding: 0 .2rem 0 0;

}



.side_product_item .item-img img {

    position: relative;

    width: 100%;

    border: 1px solid #eee;

}



.side_product_item figcaption {

    display: table-cell;

    vertical-align: middle;

}



.side-product-items .btn-prev, .side-product-items .btn-next {

    position: absolute;

    left: 0;

    width: 100%;

    height: 15px;

    display: block;

    cursor: pointer;

    opacity: .25;

}



.side-product-items .btn-prev {

    top: .2rem;

    background: url(img/side_product_up.png) no-repeat center center;

}



.side-product-items .btn-next {

    bottom: .2rem;

    background: url(img/side_product_down.png) no-repeat center center;

}



.aside .side-bn {

    max-width: 100%;

    margin: 0 0 25px 0;

}



.aside .side-bn img {

    max-width: 100%

}



.main {

    position: relative;

    width: 72.92%;

    float: right;

}



.main-tit-bar {

    overflow: hidden;

}



.main-tit-bar .title {

    float: left;

    position: relative;

    font-size: .24rem;

    line-height: .27rem;

    text-transform: capitalize;

    color: #202020;

    text-align: left;

    padding-bottom: .15rem;

    letter-spacing: .5px;

    font-weight: bold;

}



.main-tit-bar .share-this {

    float: right;

}



.items_list {

}



.items_list ul {

    width: 100%;

}



.items_list .product-item {

    margin: 0;

}



.items_list ul .product-item .item-wrap {

}



.goods-items .product-item .item-wrap {

}



.product-intro {

    position: relative;

    overflow: hidden;

}



.cloud-zoom-lens {

    border: 1px solid #eee;

    cursor: move;

}



.cloud-zoom-title {

    font-family: Arial, Helvetica, sans-serif;

    position: absolute !important;

    background-color: #000;

    color: #fff;

    padding: 3px;

    width: 100%;

    text-align: center;

    font-weight: bold;

    font-size: 10px;

    top: 0px;

}



.cloud-zoom-big {

    border: 1px solid #eee;

    overflow: hidden;

    padding: 0px;

}



.cloud-zoom-loading {

    color: white;

    background: #222;

    padding: 3px;

    border: 1px solid #000;

}



.product-view .product-image.zoom_remove:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    z-index: 999;

}



.product-view {

    position: relative;

    width: 38%;

    float: left;

}



.product-view .product-image {

    position: relative;

    padding: 3px;

    border: 1px solid rgba(0,89,139,.2);

}



.product-view .product-image img {

    position: relative;

    width: 100%;

}



.product-view .image-additional {

    position: relative;

    width: 100%;

    margin: 20px 0;

}



.product-view .image-additional ul {

    position: relative;

    width: 90%;

    margin: 0 auto;

}



.product-view .image-additional li {

    position: relative;

    width: 100%;

    margin: 0 23px 0 0;

}



.product-view .image-additional li.single {

    display: none;

}



.product-view .image-additional li img {

    position: relative;

    width: 100%;

    border: 2px solid #bbbab9;

}



.product-view .image-additional li a {

    position: relative;

    display: block;

    padding: 0 .1rem;

}



.product-view .image-additional li.current img {

    border-color: #3a3b4d;

}



.product-view .image-additional img.popup {

    display: none;

}



.image-additional .owl-carousel .owl-controls .owl-nav {

    top: 50%;

    margin: -.1rem 0 0;

}



.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next {

    position: absolute;

    margin: 0;

    padding: 0;

}



.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover {

    background: none;

}



.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev {

    left: -5%;

}



.image-additional .owl-carousel .owl-controls .owl-nav .owl-next {

    right: -5%;

}



.product-summary {

    position: relative;

    width: 58%;

    float: right;

}



.product-summary .product-meta {

    line-height: 25px;

}



.product-summary .product-meta h3 {

    margin: 0 0 10px;

    font-size: 16px;

    color: rgba(32,32,32,.7);

    font-weight: normal;

    letter-spacing: .5px;

}



.product-btn-wrap {

    position: relative;

    margin: 20px 0 0;

    text-align: left;

}



.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom: 1;vertical-align: top;

    line-height: 30px;

    padding: 0 15px;

    border-radius: 3px;

    background: #92a5c3;

    border: 1px solid #92a5c3;

    color: #FFF;

    margin: 0 20px 0 0;

    border-radius: 30px;

}



.product-btn-wrap .buy {

    text-transform: uppercase;

    font-size: 18px;

    padding: 0 30px;

}



.product-btn-wrap .email:before {

    content: "\f0e0";

    padding: 0 3px 0 0;

}



.product-btn-wrap .pdf:before {

    content: "\f1c1";

    padding: 0 3px 0 0;

}



.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover {

    background: none;

    color: #92a5c3;

}



.product-summary .share-this {

    margin: .3rem 0 0;

    text-align: right;

}



.product-summary .share-this img {

    width: auto;

}



.product-detail {

    position: relative;

    overflow: visible;

}



.detail-tabs {

    position: relative;

}



.detail-tabs .title {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 33px;

    cursor: pointer;

    font-size: .16rem;

    margin: 0 .03rem 0 0;

    padding: 0 .18rem;

    text-transform: uppercase;

    color: #222;

    font-weight: normal;

    background: -webkit-linear-gradient(#d2d2d2, #f3f3f3);

    background: linear-gradient(#d2d2d2, #f3f3f3);

}



.detail-tabs .title.current {

    color: #fff;

    background: #92a5c3;

}



.product-detail .tab-panel-content {

    padding: .3rem 0;

    display: block;

    overflow: hidden

}



.product-detail .disabled {

    display: none;

}



.goods-may-like {

    position: relative;

    margin: .5rem 0 0;

}



.goods-title-bar {

}



.goods-title-bar .title {

    font-size: .16rem;

    text-transform: uppercase;

    font-weight: normal;

    line-height: .33rem;

    position: relative;

}



.goods-title-bar .title:after {

    background-color: #bcbcbc;

    width: 58px;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    content: "";

}



.goods-title-bar .title {

    position: relative;

    font-size: .24rem;

    line-height: .35rem;

    text-transform: capitalize;

    color: #202020;

    text-align: left;

    letter-spacing: .5px;

    padding-bottom: 8px;

    font-weight: bold;

}



.goods-items {

    width: 100%;

    margin: .2rem 0 0;

}



.goods-items .product-item .item-info {

    padding: .2rem 0;

}



.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev, .goods-items.owl-carousel .owl-controls .owl-nav .owl-next {

    background-color: #3a3b4d;

    border-radius: 0;

}



.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .goods-items.owl-carousel .owl-controls .owl-nav .owl-next:hover {

    background-color: #92a5c3;

    color: #fff;

}



.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev, .goods-items.owl-carousel .owl-controls .owl-nav .owl-next {

    color: #fff;

}



.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev::before {

    content: "\f0d9";

    font-size: .16rem;

}



.goods-items.owl-carousel .owl-controls .owl-nav .owl-next::before {

    content: "\f0da";

    font-size: .16rem;

}



.blog_list {

    position: relative;

    width: 100%;

}



.blog-item {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: .2rem 0;

}



.blog-item:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



.blog-item .item-wrap {

}



.blog-item .item-img {

    position: relative;

    display: block;

    max-width: 2rem;

    margin: 0 .2rem 0 0;

    float: left;

}



.blog-item .item-img img {

    position: relative;

    width: 100%;

}



.blog-item .item-info {

}



.blog-item .item-info .item-title {

    font-size: 16px;

    font-weight: bold;

}



.blog-item .item-info time {

    display: block;

    font-style: italic;

    margin: .08rem 0;

}



.blog-item .item-info .item-detail {

}



.blog-item .item-info .item-more {

    float: right;

    color: #3a3b4d;

}



.artic_tit .h3 {

    color: #666666;

    font-weight: bold;

}



.artic_tit .h4 {

    font-size: 36px;

    font-weight: bold;

    margin: 20px 0;

    margin-bottom: 30px;

}



.news_next .con .h3 {

    font-size: 22px;

    font-weight: bold;

}



.news_tj li:hover .h3 {

    color: #0058a4;

}



.news_tj li .h3 {

    font-size: 20px;

    line-height: 34px;

    font-weight: bold;

    margin-bottom: 20px;

}



.news_tj li .h4 {

    font-size: 16px;

    color: #999999;

}



.news_artic {

    padding: 0;

}



.download_list {

    position: relative;

    width: 100%;

}



.download-item {

    position: relative;

    overflow: hidden;

    padding: .15rem 0;

    margin: 0 0 .1rem;

    line-height: .3rem;

    border-bottom: 1px solid #eee;

}



.download-item .item-img {

    max-width: 25px;

}



.download-item .item-title {

    position: relative;

    display: inline-block;

    *display: inline;

    vertical-align: top;

    *zoom:1;margin: 0 .1rem;

    font-size: .16rem;

    font-weight: bold;

}



.download-item .item-button {

    position: relative;

    display: inline-block;

    *display: inline;

    vertical-align: top;

    *zoom:1;float: right;

    line-height: .3rem;

    padding: 0 .15rem;

    border: 1px solid #ccc;

    background: #eee;

    border-radius: .05rem;

    cursor: pointer;

}



.download-item .item-button:before {

    content: "\f019";

    margin: 0 .1rem 0 0;

}



.faq_list {

    position: relative;

    width: 100%;

}



.faq-item {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 0 .35rem;

    border-bottom: 1px solid #eee;

}



.faq-item .faq-title {

    position: relative;

    font-size: .16rem;

    line-height: .3rem;

    padding: .15rem 0;

    cursor: pointer;

}



.faq-item .faq-title:before {

    position: absolute;

    content: "\f067";

    left: -.35rem;

    top: 50%;

    margin: -.13rem 0 0;

    border: 1px solid #000;

    border-radius: 50%;

    width: .2rem;

    height: .2rem;

    text-align: center;

    line-height: .2rem;

    font-size: .12rem;

    font-weight: normal;

}



.faq-item .faq-title.show-title:before {

    content: '\f068';

}



.faq-item .faq-cont {

    margin: 0 0 .25rem;

    display: none;

}



.faq-item:first-child .faq-cont {

    display: block;

}



@media only screen and (max-width: 1800px) {

    .index-about-wrap {

        padding: 0.65rem 6% 0.4rem 5%;

    }

}



@media only screen and (max-width: 1700px) {

    .index-about-wrap {

        padding:0.65rem 3% 0.4rem 5%;

    }



    .index-about-wrap .floatL {

        width: 45%;

    }



    .index-about-wrap .floatR .img .focus {

        left: 4.7rem;

    }

}



@media only screen and (max-width: 1600px) {

}



@media only screen and (max-width: 1550px) {

    .index-about-wrap .floatR .img .focus {

        left: 3.9rem;

    }



    .index-about-wrap .index-title-bar .title a {

        font-size: 28px;

        line-height: 34px;

    }



    .index-about-wrap .index-title-bar {

        margin: 0 0 0.2rem 0;

    }



    .about-detail {

        margin-bottom: .2rem;

    }

}



@media only screen and (max-width: 1400px) {

    .index-about-wrap .floatR .img {

        margin-top: 0;

    }



    .index-about-wrap .floatR .img .focus {

        left: 3.2rem

    }



    .logo img {

        height: 78px;

        width: auto;

    }

}



@media only screen and (max-width: 1220px) {

    .index-about-wrap .floatL {

        width: 100%;

        padding: 0 2%;

        margin-top: 40px;

    }



    .index-about-wrap .floatR {

        width: 100%;

    }



    .index-about-wrap .floatR .img {

        padding-top: 60%;

    }

}



@media only screen and (max-width: 1366px) {

    html {

        font-size: 600%;

    }



    .side-tit-bar .side-tit {

        font-size: .15rem;

    }



    .path-bar {

        padding-top: 0;

        margin-top: 0;

    }

}



@media only screen and (max-width: 1280px) {

    html {

        font-size: 570%;

    }



    .layout, .nav-bar .nav-wrap, .path-bar .path-nav {

        width: 96%;

    }



    body {

        min-width: 100%;

    }



    .scrollsidebar, .bottomsidebar {

        display: none;

    }



    .items_list ul, .goods-items {

        width: 100%;

    }

}



@media only screen and (max-width: 1200px) {

    .aside {

        width: 200px;

    }



    .main-product-wrap .product-items .owl-carousel .owl-controls .owl-dots {

    }



    .index-offer-wrap, .main-product-wrap, .index-evens-wrap {

        margin: .5rem 0;

    }



    .index-title-bar {

        margin: 0 0 .25rem 0;

    }



    .index-about-wrap, .company-synopses {

        padding: .6rem 0;

    }

}



@media only screen and (max-width: 1000px) {

    .main {

        width: 76%;

    }

}



@media only screen and (max-width: 1024px) {

    html {

        font-size: 550%;

    }

}



@media only screen and (max-width: 950px) {

    html {

        font-size: 550%;

    }



    .z10000 {

        position: relative;

        z-index: 100000;

    }



    .mobile-body-mask {

        width: 100%;

        height: 100%;

        background: rgba(0,0,0,0.6);

        position: absolute;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 9999;

    }



    .mobile-ico-close {

        width: 30px;

        height: 30px;

        background: #fff url(img/mobile_close.png) center center no-repeat;

        background-size: 50% auto;

        position: absolute;

        right: -35px;

        top: 0;

    }



    img {

        max-width: 100%;

    }



    .sub-content {

        position: relative;

        display: block;

        right: auto;

        border-radius: 0;

        border: none;

        box-shadow: none;

        z-index: 99999;

    }



    .lang-more {

        display: none !important

    }



    .mobile-head-items {

        position: relative;

        width: 100%;

        display: block;

    }



    .mobile-head-item {

        position: absolute;

        top: -100px;

        right: 1.36rem;

        z-index: 999;

    }



    .mobile-head-item.mobile-head-nav {

        top: -48px;

        right: 10px;

    }



    .mobile-head-item.mobile-head-nav .title:before {

        font-size: 25px;

        color: #333;

    }



    .mobile-head-item.mobile-head-language {

        right: 13px;

    }



    .mobile-head-item.mobile-head-aside {

        float: right

    }



    .mobile-head-item.mobile-head-home,.mobile-head-item.mobile-head-social {

        display: none;

    }



    .mobile-head-item.mobile-head-language .title::after {

        content: '\f107';

        font-family: 'fontawesome';

        margin-left: 6px;

    }



    .mobile-head-item.mobile-head-language .title:before {

        width: 16px;

        height: 16px;

        border-radius: 50%;

        background-image: url(img/all-m.gif);

        content: '' !important;

        background-position: -3px -256px;

        margin: -4px 5px;

    }



    .mobile-head-item.mobile-head-search {

        border-right: 1px solid #fff;

        height: 12px;

        padding-right: 12px;

        top: -94px;

        right: 102px;

    }



    .mobile-head-item.mobile-head-search .title {

        height: 12px;

        line-height: 12px;

    }



    .mobile-head-item.mobile-head-aside {

        display: none;

    }



    .mobile-head-item .title {

        width: 100%;

        height: 25px;

        line-height: 25px;

        overflow: hidden;

        text-align: center;

        color: #FFF;

        font-size: 12px;

    }



    .mobile-head-item .title a {

        position: relative;

        display: block;

        color: #FFF;

        font-size: 12px;

    }



    .mobile-head-item.mobile-head-home .title a:before {

        content: '\f015';

    }



    .mobile-head-item.mobile-head-nav .title:before {

        content: '\f0c9';

    }



    .mobile-head-item.mobile-head-language .title:before {

        content: "\f1ab";

    }



    .mobile-head-item.mobile-head-search .title:before {

        content: "\f002";

    }



    .mobile-head-item.mobile-head-social .title:before {

        content: "\f007";

    }



    .mobile-head-item.mobile-head-aside .title:before {

        content: "\f060";

    }



    .mobile-head-item .main-content-wrap {

        background: #FFF;

        top: 0;

        display: block;

        z-index: 99999;

    }



    .mobile-head-item .main-content-wrap .content-wrap {

        overflow-y: scroll;

        height: 100%;

        padding: 15px 20px;

    }



    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {

        overflow-y: hidden;

    }



    .mobile-head-item .side-content-wrap {

        position: fixed;

        display: block;

        left: -75%;

        width: 70%;

        height: 100%;

    }



    .mobile-head-items .trp-language-wrap a {

        display: inline-block;

        margin-right: 0;

        width: 49%;

    }



    .mobile-head-item .middle-content-wrap {

        position: absolute;

        right: -110px;

        width: 100vw;

        height: auto;

        padding: 20px 0;

        opacity: 0;

        visibility: hidden;

    }



    .mobile-head-item .middle-show-content-wrap {

        top: 30px;

        visibility: visible;

        opacity: 1;

    }



    .nav-bar .nav, .change-language, .head-search, .fixed-nav,.head-email {

        display: none !important;

    }



    .head-wrapper {

        position: fixed;

        top: auto;

    }



    .head-fixed {

        height: 104px;

    }



    .head-contact {

        border-left: none;

        float: none;

        font-size: 14px;

        line-height: 28px;

    }



    .head-contact .head-phone:before {

        content: 'TEL:';

        font-family: Arial;

        font-size: 14px;

        line-height: 28px;

    }



    .head-contact .head-phone {

        padding: 0;

        padding-left: 34px;

        border-right: none;

    }



    .nav-bar {

        padding: 0;

        height: auto;

        background-color: #fff;

    }



    .logo {

        text-align: left;

        width: 100%;

        float: none;

        padding: 10px;

        z-index: 99;

    }



    .head-search-form {

        position: relative;

        width: 98%;

        height: .35rem;

        right: auto;

        top: auto;

        -webkit-transform: scale(1);

        transform: scale(1);

        margin: auto;

    }



    .head-search-form .search-ipt {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: .35rem;

        background: none;

        border: none;

        padding: 0 .1rem;

    }



    .head-search-form .search-btn {

        position: absolute;

        top: 0;

        right: 0;

        width: .35rem;

        height: .35rem;

        background: none;

        border: none;

    }



    .logo img {

        width: 49px;

        height: auto;

    }



    .foot-social {

        display: block;

        text-align: center;

    }



    .foot-inquiry {

        float: none;

        width: 100%;

    }



    .footer-top .layout {

        padding: .3rem 0;

        text-align: center;

    }



    .nav li {

        position: relative;

        display: block;

        width: 100%;

        font-size: 16px;

    }



    .nav > li {

        border-bottom: 1px solid #eee;

        line-height: 35px;

    }



    .nav > li:after {

        content: '\f105';

        position: absolute;

        right: 0;

        top: 0;

        color: #999;

        font-size: 12px;

    }



    .nav li ul {

        display: block;

        width: 100%;

    }



    .nav li ul li {

        width: auto;

        padding: 0 10px;

        font-size: 14px;

        text-transform: lowercase;

        line-height: 30px;

    }



    .nav li ul li:before {

        content: "";

        width: 3px;

        height: 3px;

        background: #999;

        border-radius: 50%;

        position: absolute;

        left: 0;

        top: 15px;

    }



    .nav li ul li li {

        line-height: 25px;

        font-family: 'SourceSansProLight';

    }



    .nav li ul li li:before {

        display: none;

    }



    .product-items {

        padding: .3rem 0;

    }



    .index-about-wrap {

        padding: .5rem 0 .3rem 0;

    }



    .index-title-bar .title {

        line-height: .36rem;

        font-size: .24rem;

    }



    .index-offer-wrap .index-title-bar .title:after {

        display: none;

    }



    .product-items .items-content {

        padding: 0 0 .2rem;

    }



    .product-items {

        padding-bottom: .2rem;

    }



    .main-product-wrap .product-more {

        width: 100%;

        text-align: center;

        border-radius: 6px;

        font-size: 12px;

    }



    .synopsis-item .item-img {

        padding: .24rem;

    }



    .synopsis-item .item-info .item-title, .synopsis-item .item-info .item-title a {

        font-size: 14px;

    }



    .index-evens-wrap .index-title-bar .title {

        margin-bottom: .3rem;

    }



    .aside {

        display: none;

    }



    .side-product-items .btn-prev, .side-product-items .btn-next {

        display: none;

    }



    .synopsis-item .item-info .item-desc {

        font-size: 14px;

    }



    .side_product_item {

        display: inline-block;

        vertical-align: top;

        width: 50%;

    }



    .tp-leftarrow {

        left: 20px !important;

    }



    .tp-rightarrow {

        right: 20px !important;

    }



    .main {

        width: 98%;

        float: none;

        margin: 0 auto;

    }



    .product-items .product-item {

        visibility: visible !important;

    }



    .product-item .item-info {

        padding: 10px 0;

    }



    .product-view {

        width: 50%;

        float: none;

        margin: 0 auto;

    }



    .product-view .product-image {

        display: none

    }



    .product-view .image-additional {

        width: 100%;

        margin: 0;

    }



    .product-view .image-additional ul {

        width: 100%;

    }



    .product-view .image-additional li {

        width: 100%;

        margin: 0;

    }



    .product-view .image-additional li a {

        padding: 0;

    }



    .product-view .image-additional li.current img {

        border-color: inherit;

    }



    .product-view .image-additional li.single {

        display: block

    }



    .offer-item .item-wrap .item-title a {

        font-size: 18px;

    }



    .offer-item .item-wrap .cate-more {

        padding: 8px 17px;

        border-radius: 10px;

    }



    .product-summary {

        position: relative;

        width: 100%;

        float: none;

    }



    .product-summary .share-this {

        margin: 20px 0;

    }



    .product-btn-wrap, .product-summary .share-this {

        position: relative;

        text-align: left;

    }



    .tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {

        display: none;

    }



    .tab-content-wrap .mobile-tab-items .mobile-tab-item {

        margin: 0 0 30px;

    }



    .tab-content-wrap .mobile-tab-items .mobile-tab-title {

        font-family: 'SourceSansProSemibold';

        margin: 0 0 15px;

    }



    .footer-social {

        float: none;

        display: flex;

        align-items: center;

    }



    .footer-social .social-tit {

        font-size: 14px;

        letter-spacing: 0px;

        padding: 0 10px;

    }



    .foot-social li a {

        width: .32rem;

        height: .32rem;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        margin: 0 0 0 .1rem

    }



    .foot-social li:first-child a {

        margin: 0

    }



    .foot-social li img {

        width: auto;

        height: 12px;

        top: 0;

    }



    .inquiry-info {

        text-align: left;

        font-size: 14px;

        margin-top: 10px;

        margin-bottom: 20px;

    }



    .foot-inquiry {

        text-align: left;

        padding-left: 10px;

    }



    .email.inquiryfoot {

        padding: 0 8px;

        font-size: 12px;

        display: block;

        line-height: 34px;

    }



    .inquiry-info {

        display: block;

    }



    .foot-items .foot-item {

        float: none;

        width: 100%;

    }



    .foot-items .foot-item:nth-child(1) ul {

        display: none;

    }



    .foot-items .foot-item:nth-child(2) {

        width: 100%;

        margin-top: 0;

    }



    .foot-items .foot-item:nth-child(2) .foottit {

        display: none;

    }



    .foot-logo {

        display: none;

    }



    .foot-items .foot-item:nth-child(1) .foottit , .foot-items .foot-item:nth-child(2) ul li {

        height: 40px;

        border-bottom: 1px solid #fff;

        position: relative;

    }



    .foot-items .foot-item:nth-child(1) .foottit::after , .foot-items .foot-item:nth-child(2) ul li::after {

        content: '\f105';

        font-family: fontawesome;

        font-size: 18px;

        color: #fa8324;

        line-height: 40px;

        position: absolute;

        top: 0;

        right: 10px;

    }



    .foot-items .foot-item:nth-child(2) ul li a,.foot-items .foot-item .foottit a {

        line-height: 40px;

        font-size: 14px;

        font-weight: normal;

    }



    .foot-items .foot-item .foottit a::after {

        display: none;

    }



    .foot-items .foot-item ul {

        margin-top: 0;

    }



    .foot-items {

        padding-top: 0;

        padding-bottom: 20px;

    }



    .footi ul {

        margin-top: 20px !important;

    }



    .footi ul li {

        margin-bottom: 0 !important;

    }



    .footi ul li a {

        font-size: 14px !important;

        line-height: 26px !important;

        color: #cbcbcb !important;

    }



    .foot-bottom {

        border-top: 1px solid #3e3e3e;

    }



    .copyright {

        font-size: 12px;

        color: #cbcbcb;

        text-align: left !important;

        line-height: 18px;

    }



    .tab-content-wrap .mobile-tab-items .mobile-tab-panel {

    }

}



@media only screen and (max-width: 768px) {

    .tp-bullets {

        bottom:.3rem !important;

    }



    .subscribe {

        float: none;

        margin-top: 0;

        text-align: center;

    }



    .index-offer-wrap, .main-product-wrap, .index-evens-wrap {

        margin: .3rem 0;

    }



    .index-title-bar {

        margin: 0;

    }



    .index-about-wrap {

        padding: 0;

    }



    .company-synopses {

        padding: .3rem 0;

    }



    .foot-items ul .foot-item {

        padding: 0 .3rem;

    }

}



@media only screen and (max-width: 640px) {

    .index-title-bar .title a {

        font-size: 22px;

        line-height: 26px;

    }



    .index-offer-wrap .offer-items, .index-evens-wrap .evens-items, .foot-items ul {

        display: block;

        justify-content: unsafe;

        width: 100%;

    }



    .index-offer-wrap .offer-items .offer-item, .index-evens-wrap .evens-items .evens-item, .foot-items ul .foot-item {

        width: 100%;

        margin-bottom: 10px;

    }



    .synopsis-item {

        width: 100%;

        margin-bottom: 20px;

    }



    .copyright, .foot-nav {

        float: none;

        text-align: center;

    }



    .product-item .item-wrap {

        margin: 0;

        padding: 1.5%;

    }



    .index-about-wrap .floatR .img {

        padding-top: 87.9%;

    }



    .index-about-wrap .floatR .img .focus {

        width: 2.6rem;

        right: .1rem;

        left: auto;

        padding: .2rem;

    }



    .img .focus img {

        width: 30px;

        height: auto;

        margin-bottom: .12rem;

    }



    .img .focus .year {

        font-size: 13px;

        line-height: 30px;

    }



    .img .focus .year span {

        font-size: 30px;

        line-height: 30px;

    }



    .img .focus .ms {

        font-size: 12px;

        line-height: 17px;

        margin-top: 0px;

    }



    .index-about-wrap .floatL {

        margin-top: 50px;

        margin-bottom: 40px;

    }



    .index-about-wrap .index-title-bar .title a {

        font-size: 20px;

        line-height: 28px;

    }



    .about-detail {

        font-size: 14px;

        line-height: 20px;

    }



    .index-about-wrap .num_ul li .counter {

        font-size: 27px;

    }



    .index-about-wrap .num_ul li .counter::after {

        width: 22px;

        height: 2px;

    }



    .index-about-wrap .num_ul li .ms {

        font-size: 12px;

        line-height: 15px;

    }



    .index-about-wrap .num_ul li {

        margin-right: 2%;

        width: 31%;

    }



    .about-more {

        margin-top: .3rem;

        width: 100%;

        text-align: center;

        border-radius: 6px;

    }

}



@media only screen and (max-width: 500px) {

    .main-tit-bar .share-this {

        float: none;

    }



    .main-tit-bar .share-this img {

        width: auto;

        margin-bottom: 15px;

    }



    .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {

        display: none;

    }



    .flex-control-paging li a {

        width: .1rem;

        height: .1rem;

    }



    .flex-control-paging li a:hover, .flex-control-paging li a.flex-active {

        width: .12rem;

        height: .12rem;

    }



    .blog-item .item-img {

        max-width: 1.5rem;

        margin: 0 .15rem 0 0;

    }



    .product-item {

        width: 50%;

    }



    .side_product_item {

        width: 100%;

    }



    .product-view {

        width: 100%;

    }



    .inquiry-form {

        padding: .2rem .1rem;

    }



    .inquiry-form .inquiry-form-ico {

        width: .6rem;

        right: .1rem;

        top: .1rem;

    }



    .inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {

        width: 80%;

    }



    .inquiry-form textarea.form-text {

        width: 100%;

    }



    .download-item .item-title {

        display: block;

        margin: .1rem 0;

    }



    .download-item .item-button {

        float: none;

    }

}



@media only screen and (max-width: 375px) {

}



@media only screen and (max-width: 320px) {

    .product-item {

        width: 100%

    }



    .main-product-wrap .product-items .owl-carousel .owl-controls .owl-dots .owl-dot {

        width: 8px;

    }



    .tp-bullets.simplebullets .bullet, .tp-bullets.simplebullets .bullet.selected {

        width: 8px;

    }

}



@media only screen and (max-width: 950px) {

    .change-language-cont {

        top: auto !important;

        *top: auto !important;

        padding: 0 !important;

        width: 100% !important;

        text-align: left !important;

    }



    .sub-content {

        position: relative !important;

        display: block !important;

        right: auto !important;

        border-radius: 0 !important;

        border: none !important;

        box-shadow: none !important;

        z-index: 99999 !important;

    }



    .change-language-title {

        display: none !important;

    }



    .change-language-cont ul li {

        width: 25% !important;

        margin: 0 !important;

        border: none !important;

    }



    .product-item .item-info .item-title, .product-item .item-info .item-title a {

        font-size: 12px;

        line-height: 17px;

    }

}



@media only screen and (max-width: 768px) {

    .change-language-cont ul li {

        width: 33.33333% !important;

    }

}



@media only screen and (max-width: 640px) {

    .change-language-cont ul li {

        width: 50% !important;

    }

}



@media only screen and (max-width: 320px) {

    .change-language-cont ul li {

        width: 50% !important;

    }

}



.none {

    display: none;

}



@font-face {

    font-family: 'fontawesome';

    src: url('fonts/Font-Awesome/fontawesome-webfont.eot?5510888');

    src: url('fonts/Font-Awesome/fontawesome-webfont.eot?5510888#iefix') format('embedded-opentype'), url('fonts/Font-Awesome/fontawesome-webfont.woff?5510888') format('woff'), url('fonts/Font-Awesome/fontawesome-webfont.ttf?5510888') format('truetype'), url('fonts/Font-Awesome/fontawesome-webfont.svg?5510888#revicons') format('svg');

    font-weight: normal;

    font-style: normal;

}



.change-language {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;}



.change-language .change-language-cont .empty {

    display: none;

}



.change-language .change-language-cont .change-empty {

    text-align: center;

    padding: 10px 0;

}



.change-language .prisna-wp-translate-seo .lang-more {

    display: none;

    margin: 10px;

}



.change-languag, .change-language-cont ul, .change-language-cont ul li {

    text-align: left;

}



.change-language-info .language-icon:before {

    font-family: "fontawesome";

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    margin-right: .2em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    margin-left: .2em;

}



.change-language .change-language-cont .lang-item-hide {

    display: none !important;

}



.change-language .change-language-cont .lang-more {

    position: relative;

    display: block;

    text-align: center;

    cursor: pointer;

}



.medium-title {

    cursor: pointer;

}



.sub-content {

    position: absolute;

    display: none;

    right: 0;

    background: #fff;

    border-radius: 5px 0 5px 5px;

    border: 1px solid #dbdbdb;

    z-index: 99999;

}



.change-language-info .change-language-title.title-show {

    border-radius: 5px 5px 0 0 !important;

    background: #fff;

    border-color: #dbdbdb;

}



.change-language-info .change-language-title.title-hide {

    border-radius: 5px !important;

    background: none;

    border-color: transparent;

}



.prisna-wp-translate-dropdown-hidden {

    display: none !important;

}



.change-language-info .language-icon {

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.change-language-info:hover .language-icon {

    -moz-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    -o-transform: rotate(-180deg);

    transform: rotate(-180deg);

    top: 6px;

}



.change-language-info {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;}



.change-language-info .change-language-title {

    position: relative;

    line-height: 16px;

    padding: 6px 25px 6px 5px;

    border: 1px solid transparent;

    border-bottom: none;

    border-radius: 5px 5px 0 0;

    z-index: 100000;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.change-language-info:hover .change-language-title, .change-language-info:hover .change-language-title a, .change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon {

    color: inherit

}



.change-language-info .language-icon {

    position: absolute;

    right: 4px;

    top: 6px;

}



.change-language-info .language-icon:before {

    content: "\f107";

}



.change-language-cont {

    top: 27px;

    *top: 26px;

    padding: 10px 5px;

    width: 350px;

}



.change-language ::-webkit-scrollbar {

    width: 8px;

}



.change-language ::-webkit-scrollbar-track {

    background-color: #fff;

}



.change-language ::-webkit-scrollbar-thumb {

    background-color: rgba(0, 0, 0, 0.5);

    border-radius: 3px;

}



.change-language .language-cont:hover::-webkit-scrollbar-thumb {

    display: block

}



.change-language ::-webkit-scrollbar-thumb:hover {

    background-color: #9c3

}



.change-language ::-webkit-scrollbar-thumb:active {

    background-color: #00aff0

}



.change-language-cont ul li {

    position: relative;

    display: inline-block;

    vertical-align: bottom;

    *display: inline;

    *zoom:1;width: 30%;

    margin: 0 1.666666%;

    list-style: none;

    border-bottom: 1px solid #ececec;

    padding: 5px 0;

    line-height: 16px;

}



.change-language-title span {

    color: #666;

}



.language-flag span {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;}



.language-flag .country-flag {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom:1;background-repeat: no-repeat;

    background-image: url(img/all-m.gif);

    width: 20px;

    height: 20px;

    border-radius: 50%;

    margin: -2px 5px

}



.language-flag-af .country-flag {

    background-position: 0 0 !important;

}



.language-flag-sq .country-flag {

    background-position: 0 -16px !important;

}



.language-flag-ar .country-flag {

    background-position: 0 -32px !important;

}



.language-flag-hy .country-flag {

    background-position: 0 -48px !important;

}



.language-flag-az .country-flag {

    background-position: 0 -64px !important;

}



.language-flag-eu .country-flag {

    background-position: 0 -80px !important;

}



.language-flag-be .country-flag {

    background-position: 0 -96px !important;

}



.language-flag-bg .country-flag {

    background-position: 0 -112px !important;

}



.language-flag-ca .country-flag {

    background-position: 0 -128px !important;

}



.language-flag-zh .country-flag {

    background-position: 0 -144px !important;

}



.language-flag-zh-TW .country-flag {

    background-position: 0 -160px !important;

}



.language-flag-hr .country-flag {

    background-position: 0 -176px !important;

}



.language-flag-cs .country-flag {

    background-position: 0 -192px !important;

}



.language-flag-da .country-flag {

    background-position: 0 -208px !important;

}



.language-flag-nl .country-flag {

    background-position: 0 -240px !important;

}



.language-flag-en .country-flag {

    background-position: 0 -254px !important;

}



.language-flag-et .country-flag {

    background-position: 0 -272px !important;

}



.language-flag-tl .country-flag {

    background-position: 0 -288px !important;

}



.language-flag-fi .country-flag {

    background-position: 0 -304px !important;

}



.language-flag-fr .country-flag {

    background-position: 0 -320px !important;

}



.language-flag-gl .country-flag {

    background-position: 0 -336px !important;

}



.language-flag-ka .country-flag {

    background-position: 0 -352px !important;

}



.language-flag-de .country-flag {

    background-position: 0 -368px !important;

}



.language-flag-el .country-flag {

    background-position: 0 -384px !important;

}



.language-flag-ht .country-flag {

    background-position: 0 -400px !important;

}



.language-flag-iw .country-flag {

    background-position: 0 -416px !important;

}



.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {

    background-position: 0 -432px !important;

}



.language-flag-hu .country-flag {

    background-position: 0 -448px !important;

}



.language-flag-is .country-flag {

    background-position: 0 -464px !important;

}



.language-flag-id .country-flag {

    background-position: 0 -480px !important;

}



.language-flag-ga .country-flag {

    background-position: 0 -496px !important;

}



.language-flag-it .country-flag {

    background-position: 0 -512px !important;

}



.language-flag-ja .country-flag {

    background-position: 0 -528px !important;

}



.language-flag-ko .country-flag {

    background-position: 0 -544px !important;

}



.language-flag-la .country-flag {

    background-position: 0 -560px !important;

}



.language-flag-lv .country-flag {

    background-position: 0 -576px !important;

}



.language-flag-lt .country-flag {

    background-position: 0 -592px !important;

}



.language-flag-mk .country-flag {

    background-position: 0 -608px !important;

}



.language-flag-ms .country-flag {

    background-position: 0 -624px !important;

}



.language-flag-mt .country-flag {

    background-position: 0 -640px !important;

}



.language-flag-no .country-flag {

    background-position: 0 -656px !important;

}



.language-flag-fa .country-flag {

    background-position: 0 -672px !important;

}



.language-flag-pl .country-flag {

    background-position: 0 -688px !important;

}



.language-flag-pt .country-flag {

    background-position: 0 -704px !important;

}



.language-flag-ro .country-flag {

    background-position: 0 -720px !important;

}



.language-flag-ru .country-flag {

    background-position: 0 -736px !important;

}



.language-flag-sr .country-flag {

    background-position: 0 -752px !important;

}



.language-flag-sk .country-flag {

    background-position: 0 -768px !important;

}



.language-flag-sl .country-flag {

    background-position: 0 -784px !important;

}



.language-flag-es .country-flag {

    background-position: 0 -800px !important;

}



.language-flag-sw .country-flag {

    background-position: 0 -816px !important;

}



.language-flag-sv .country-flag {

    background-position: 0 -832px !important;

}



.language-flag-th .country-flag {

    background-position: 0 -848px !important;

}



.language-flag-tr .country-flag {

    background-position: 0 -864px !important;

}



.language-flag-uk .country-flag {

    background-position: 0 -880px !important;

}



.language-flag-ur .country-flag {

    background-position: 0 -896px !important;

}



.language-flag-vi .country-flag {

    background-position: 0 -912px !important;

}



.language-flag-cy .country-flag {

    background-position: 0 -928px !important;

}



.language-flag-yi .country-flag {

    background-position: 0 -944px !important;

}



.language-flag-bn .country-flag {

    background-position: 0 -960px !important;

}



.language-flag-eo .country-flag {

    background-position: 0 -976px !important;

}



.language-flag.language-flag-custom-afghanistan .country-flag {

    background-position: 0 -992px !important;

}



.language-flag.language-flag-custom-albania .country-flag {

    background-position: 0 -1008px !important;

}



.language-flag.language-flag-custom-algeria .country-flag {

    background-position: 0 -1024px !important;

}



.language-flag.language-flag-custom-argentina .country-flag {

    background-position: 0 -1040px !important;

}



.language-flag.language-flag-custom-australia .country-flag {

    background-position: 0 -1056px !important;

}



.language-flag.language-flag-custom-austria .country-flag {

    background-position: 0 -1072px !important;

}



.language-flag.language-flag-custom-belgium .country-flag {

    background-position: 0 -1088px !important;

}



.language-flag.language-flag-custom-brazil .country-flag {

    background-position: 0 -1104px !important;

}



.language-flag.language-flag-custom-canada .country-flag {

    background-position: 0 -1120px !important;

}



.language-flag.language-flag-custom-chile .country-flag {

    background-position: 0 -1136px !important;

}



.language-flag.language-flag-custom-cote-d-ivoire .country-flag {

    background-position: 0 -1152px !important;

}



.language-flag.language-flag-custom-ecuador .country-flag {

    background-position: 0 -1168px !important;

}



.language-flag.language-flag-custom-egypt .country-flag {

    background-position: 0 -1184px !important;

}



.language-flag.language-flag-custom-england .country-flag {

    background-position: 0 -1200px !important;

}



.language-flag.language-flag-custom-luxembourg .country-flag {

    background-position: 0 -1216px !important;

}



.language-flag.language-flag-custom-malaysia .country-flag {

    background-position: 0 -1232px !important;

}



.language-flag.language-flag-custom-mexico .country-flag {

    background-position: 0 -1248px !important;

}



.language-flag.language-flag-custom-new-zealand .country-flag {

    background-position: 0 -1264px !important;

}



.language-flag.language-flag-custom-oman .country-flag {

    background-position: 0 -1280px !important;

}



.language-flag.language-flag-custom-qatar .country-flag {

    background-position: 0 -1296px !important;

}



.language-flag.language-flag-custom-saudi-arabia .country-flag {

    background-position: 0 -1312px !important;

}



.language-flag.language-flag-custom-singapore .country-flag {

    background-position: 0 -1328px !important;

}



.language-flag.language-flag-custom-south-africa .country-flag {

    background-position: 0 0 !important;

}



.language-flag.language-flag-custom-switzerland .country-flag {

    background-position: 0 -1344px !important;

}



.language-flag.language-flag-custom-syria .country-flag {

    background-position: 0 -1360px !important;

}



.language-flag.language-flag-custom-united-arab-emirates .country-flag {

    background-position: 0 -1376px !important;

}



.language-flag.language-flag-custom-united-states-of-america .country-flag {

    background-position: 0 -1392px !important;

}



.language-flag-hy .country-flag {

    background-position: 0 -1408px;

}



.language-flag-bs .country-flag {

    background-position: 0 -1424px;

}



.language-flag-ceb .country-flag {

    background-position: 0 -1440px;

}



.language-flag-ny .country-flag {

    background-position: 0 -1456px;

}



.language-flag-ha .country-flag {

    background-position: 0 -1472px;

}



.language-flag-hmn .country-flag {

    background-position: 0 -1488px;

}



.language-flag-ig .country-flag {

    background-position: 0 -1504px;

}



.language-flag-jw .country-flag {

    background-position: 0 -1520px;

}



.language-flag-kk .country-flag {

    background-position: 0 -1536px;

}



.language-flag-km .country-flag {

    background-position: 0 -1552px;

}



.language-flag-lo .country-flag {

    background-position: 0 -1568px;

}



.language-flag-la .country-flag {

    background-position: 0 -1584px;

}



.language-flag-mg .country-flag {

    background-position: 0 -1600px;

}



.language-flag-ml .country-flag {

    background-position: 0 -1616px;

}



.language-flag-mi .country-flag {

    background-position: 0 -1632px;

}



.language-flag-mr .country-flag {

    background-position: 0 -1648px;

}



.language-flag-mn .country-flag {

    background-position: 0 -1664px;

}



.language-flag-my .country-flag {

    background-position: 0 -1680px;

}



.language-flag-ne .country-flag {

    background-position: 0 -1696px;

}



.language-flag-pa .country-flag {

    background-position: 0 -1712px;

}



.language-flag-st .country-flag {

    background-position: 0 -1728px;

}



.language-flag-si .country-flag {

    background-position: 0 -1744px;

}



.language-flag-so .country-flag {

    background-position: 0 -1760px;

}



.language-flag-su .country-flag {

    background-position: 0 -1776px;

}



.language-flag-tg .country-flag {

    background-position: 0 -1792px;

}



.language-flag-uz .country-flag {

    background-position: 0 -1808px;

}



.language-flag-yo .country-flag {

    background-position: 0 -1824px;

}



.language-flag-zu .country-flag {

    background-position: 0 -1840px;

}



@media (max-width: 768px) {

    .change-language-cont {

        top: auto;

        *top: auto;

        padding: 0;

        width: 100%;

        text-align: left;

    }



    .sub-content {

        position: relative;

        display: block;

        right: auto;

        border-radius: 0;

        border: none;

        box-shadow: none;

        z-index: 99999;

    }



    .change-language-title {

        display: none;

    }



    .change-language-cont ul li {

        width: auto

    }

}



.none {

    display: none;

}



.inquiry-form-wrap {

    height: 420px !important;

    width: 100.5% !important;

}



.inquiry-pop-bd .inquiry-pop {

    width: 550px !important;

    height: 450px !important;

}



.side_content .side_list .cont li .ad_email:before {

    background-image: url(img/custom_service/icons01.png);

}



.email.inquiryfoot:nth-child(2), .product-btn-wrap .email:nth-child(2) {

    display: none;

}



.ad_prompt {

    position: absolute;

    display: block;

    top: 50%;

    left: 0;

    width: 100%;

    line-height: 40px;

    margin: -20px 0 0;

    text-align: center;

    color: #ff6f00;

    font-size: 20px;

    -webkit-animation: twinkling 1s infinite ease-in-out;

    animation: twinkling 1s infinite ease-in-out;

    display: none;

}



@-webkit-keyframes twinkling {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@media only screen and (max-width: 550px) {

    .inquiry-pop-bd .inquiry-pop {

        width: 100%!important;

    }



    .inquiry-pop-bd .inquiry-pop .ico-close-pop {

        top: 5px !important;

        right: 5px !important;

    }



    .inquiry-pop-bd .inquiry-pop {

        padding: 0 !important;

    }

}



.scrollsidebar, .scrollsidebar a {

    font-size: 12px;

    color: #999;

    font-family: Arial, Helvetica, sans-serif;

}



.scrollsidebar {

    position: absolute;

    z-index: 10009;

    top: 150px;

    right: 0;

}



.show_btn {

    width: 38px;

    height: 192px;

    overflow: hidden;

    cursor: pointer;

    display: block;

    overflow: hidden;

    background: url(img/custom_service/show_btn.png) no-repeat center center;

}



.side_content {

    width: 0;

    height: auto;

    overflow: hidden;

    float: left;

}



.side_content .side_list {

    width: 140px;

    overflow: hidden;

    border: 1px solid #dadada;

    border-radius: 8px;

    position: relative;

    background: #FFF;

}



.side_content .side_list .hd img {

    width: 100%;

    border-bottom: 1px solid #dadada;

}



.side_content .side_list .cont li {

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #dadada;

    list-style: none;

    position: relative;

}



.side_content .side_list .cont li a {

    position: relative;

    display: block;

    padding: 0 0 0 43px;

    text-decoration: none;

}



.side_content .side_list .cont li a:before {

    content: "";

    position: absolute;

    display: block;

    overflow: hidden;

    top: 0;

    left: 10px;

    width: 25px;

    height: 40px;

    background-repeat: no-repeat;

    background-position: center center;

}



.side_content .side_list .cont li .email:before {

    background-image: url(img/custom_service/icons01.png);

}



.side_content .side_list .cont li .skype:before {

    background-image: url(img/custom_service/icons02.png);

}



.side_content .side_list .cont li .inquiry:before {

    background-image: url(img/custom_service/icons03.png);

}



.side_content .side_list .cont li .qq:before {

    background-image: url(img/custom_service/icons04.png);

}



.ww {

    margin-left: -30px;

}



.side_content .side_list .t-code {

    padding: 10px 10px 7px;

    border-bottom: 1px solid #dadada;

}



.side_content .side_list .t-code img {

    width: 100%;

}



.side_content .side_list .side_title {

    height: 30px;

    line-height: 30px;

    padding: 0 12px;

}



.side_content .side_list .side_title .close_btn {

    background: url(img/custom_service/close.png) no-repeat center center;

    width: 12px;

    height: 30px;

    position: absolute;

    bottom: 0;

    right: 10px;

    cursor: pointer;

}



.side_content .side_list .side_title .close_btn span {

    display: none;

}



.inquiry-pop-bd {

    position: fixed;

    left: 275px;

    top: 299px;

    width: 100%;

    height: 100% !important;

    background: rgba(0, 0, 0, .7);

    display: none;

    overflow: hidden;

    z-index: 20000;

}



.inquiry-pop-bd .inquiry-pop {

    position: relative;

    width: 500px;

    background: #FFF;

    margin: 150px auto;

    padding: 30px;

    box-shadow: 0 0 10px rgba(255, 255, 255, .5)

}



.inquiry-pop-bd .inquiry-pop .ico-close-pop {

    position: absolute;

    right: -10px;

    top: -10px;

    width: 30px;

    height: 30px;

    background: url(img/custom_service/fancy_close.png) no-repeat center center;

    cursor: pointer;

    z-index: 1;

}



@media screen and (max-width: 769px) {

    .inquiry-pop-bd .inquiry-pop {

        width: 96%;

        margin: 15% auto;

    }



    .inquiry-form .form-btn-wrapx .form-btn-submitx {

        top: 0 !important;

    }

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s

}



@-webkit-keyframes bounce {

    0%, 100%, 20%, 53%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@keyframes bounce {

    0%, 100%, 20%, 53%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        -ms-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        -ms-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        -ms-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom

}



@-webkit-keyframes flash {

    0%, 100%, 50% {

        opacity: 1

    }



    25%, 75% {

        opacity: 0

    }

}



@keyframes flash {

    0%, 100%, 50% {

        opacity: 1

    }



    25%, 75% {

        opacity: 0

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        -ms-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse

}



@-webkit-keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1)

    }



    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }



    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        -ms-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        -ms-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1)

    }



    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        -ms-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }



    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        -ms-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        -ms-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand

}



@-webkit-keyframes shake {

    0%, 100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    20%, 40%, 60%, 80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



@keyframes shake {

    0%, 100% {

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        -ms-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    20%, 40%, 60%, 80% {

        -webkit-transform: translate3d(10px, 0, 0);

        -ms-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



.shake {

    -webkit-animation-name: shake;

    animation-name: shake

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        -ms-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        -ms-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        -ms-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        -ms-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        -ms-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



.swing {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    10%, 20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }



    30%, 50%, 70%, 90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }



    40%, 60%, 80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    10%, 20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }



    30%, 50%, 70%, 90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }



    40%, 60%, 80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada

}



@-webkit-keyframes wobble {

    0% {

        -webkit-transform: none;

        transform: none

    }



    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }



    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }



    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }



    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }



    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes wobble {

    0% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }



    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }



    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }



    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }



    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }



    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }



    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble

}



@-webkit-keyframes bounceIn {

    0%, 100%, 20%, 40%, 60%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes bounceIn {

    0%, 100%, 20%, 40%, 60%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        -ms-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        -ms-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

    -webkit-animation-duration: .75s;

    animation-duration: .75s

}



@-webkit-keyframes bounceInDown {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInDown {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        -ms-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        -ms-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        -ms-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        -ms-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }



    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown

}



@-webkit-keyframes bounceInLeft {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInLeft {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        -ms-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        -ms-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        -ms-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        -ms-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft

}



@-webkit-keyframes bounceInRight {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInRight {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        -ms-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        -ms-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        -ms-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        -ms-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight

}



@-webkit-keyframes bounceInUp {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInUp {

    0%, 100%, 60%, 75%, 90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        -ms-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        -ms-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        -ms-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        -ms-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



.bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

    -webkit-animation-duration: .75s;

    animation-duration: .75s

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        -ms-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        -ms-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        -ms-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        -ms-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        -ms-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        -ms-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        -ms-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}



@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



@keyframes fadeOutDown {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        -ms-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown

}



@-webkit-keyframes fadeOutDownBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes fadeOutDownBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig

}



@-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



@keyframes fadeOutLeft {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft

}



@-webkit-keyframes fadeOutLeftBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes fadeOutLeftBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig

}



@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@keyframes fadeOutRight {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight

}



@-webkit-keyframes fadeOutRightBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes fadeOutRightBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig

}



@-webkit-keyframes fadeOutUp {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes fadeOutUp {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp

}



@-webkit-keyframes fadeOutUpBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes fadeOutUpBig {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig

}



@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



@keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        -ms-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    -ms-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInX {

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



@-webkit-keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInY {

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY

}



@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



.flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important

}



@-webkit-keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



.flipOutY {

    -webkit-backface-visibility: visible!important;

    -ms-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

    -webkit-animation-duration: .75s;

    animation-duration: .75s

}



@-webkit-keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }



    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }



    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1

    }



    100% {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }



    60% {

        -webkit-transform: skewX(20deg);

        -ms-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }



    80% {

        -webkit-transform: skewX(-5deg);

        -ms-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1

    }



    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

}



@-webkit-keyframes lightSpeedOut {

    0% {

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



@keyframes lightSpeedOut {

    0% {

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

}



@-webkit-keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        -ms-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn

}



@-webkit-keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft

}



@-webkit-keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        -ms-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight

}



@-webkit-keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        -ms-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft

}



@-webkit-keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        -ms-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight

}



@-webkit-keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



@keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        -ms-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut

}



@-webkit-keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(0, 0, 1, 45deg);

        transform: rotate(0, 0, 1, 45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(0, 0, 1, 45deg);

        -ms-transform: rotate(0, 0, 1, 45deg);

        transform: rotate(0, 0, 1, 45deg);

        opacity: 0

    }

}



.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft

}



@-webkit-keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight

}



@-webkit-keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft

}



@-webkit-keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



@keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        -ms-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    20%, 60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    40%, 80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    20%, 60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        -ms-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    40%, 80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        -ms-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        -ms-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



.hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge

}



@-webkit-keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn

}



@-webkit-keyframes rollOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



@keyframes rollOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut

}



@-webkit-keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    50% {

        opacity: 1

    }

}



@keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.5, .5, .5);

        -ms-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    50% {

        opacity: 1

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn

}



@-webkit-keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown

}



@-webkit-keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft

}



@-webkit-keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight

}



@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp

}



@-webkit-keyframes zoomOut {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    100% {

        opacity: 0

    }

}



@keyframes zoomOut {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    100% {

        opacity: 0

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        -ms-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        -ms-transform-origin: left center;

        transform-origin: left center

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        -ms-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        -ms-transform-origin: right center;

        transform-origin: right center

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        -ms-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp

}



.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

    float: left

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.swiper-container-android .swiper-slide,.swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0)

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform

}



.swiper-invisible-blank-slide {

    visibility: hidden

}



.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height,-webkit-transform;

    transition-property: height,-webkit-transform;

    -o-transition-property: transform,height;

    transition-property: transform,height;

    transition-property: transform,height,-webkit-transform

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));

    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {

    -ms-touch-action: pan-y;

    touch-action: pan-y

}



.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {

    -ms-touch-action: pan-x;

    touch-action: pan-x

}



.swiper-button-next,.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-prev,.swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto

}



.swiper-button-next,.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto

}



.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-lock {

    display: none

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33);

    position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0,-50%,0);

    transform: translate3d(0,-50%,0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    display: block

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 8px

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: .2s top,.2s -webkit-transform;

    transition: .2s top,.2s -webkit-transform;

    -o-transition: .2s transform,.2s top;

    transition: .2s transform,.2s top;

    transition: .2s transform,.2s top,.2s -webkit-transform

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s left,.2s -webkit-transform;

    transition: .2s left,.2s -webkit-transform;

    -o-transition: .2s transform,.2s left;

    transition: .2s transform,.2s left;

    transition: .2s transform,.2s left,.2s -webkit-transform

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s right,.2s -webkit-transform;

    transition: .2s right,.2s -webkit-transform;

    -o-transition: .2s transform,.2s right;

    transition: .2s transform,.2s right;

    transition: .2s transform,.2s right,.2s -webkit-transform

}



.swiper-pagination-progressbar {

    background: rgba(0,0,0,.25);

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0

}



.swiper-container-vertical>.swiper-pagination-progressbar {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff

}



.swiper-pagination-progressbar.swiper-pagination-white {

    background: rgba(255,255,255,.25)

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

    background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000

}



.swiper-pagination-progressbar.swiper-pagination-black {

    background: rgba(0,0,0,.25)

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

    background: #000

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0,0,0,.1)

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0,0,0,.5);

    border-radius: 10px;

    left: 0;

    top: 0

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-scrollbar-lock {

    display: none

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center

}



.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.swiper-slide-zoomed {

    cursor: move

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;

    animation: swiper-preloader-spin 1s steps(12,end) infinite

}



.swiper-lazy-preloader:after {

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")

}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube {

    overflow: visible

}



.swiper-container-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0

}



.swiper-container-flip {

    overflow: visible

}



.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear {

    clear: both;

}



.tt_h3 {

    font-size: 32px;

    line-height: 1.4;

    color: #9d152d;

    font-family: 'Arial';

    font-weight: bold;

    text-align: center;

}



.sCalePic {

    position: relative;

    width: 100%;

    padding-bottom: 56%;

    overflow: hidden;

}



.sCalePic img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    object-fit: cover;

    transition: all .6S;

}



.swiper-slide:hover .sCalePic img {

    transform: scale(1.1);

}



.page_aboutIntro {

    margin-bottom: 40px;

}



.page_aboutIntro .pic {

    width: 45%;

    padding: 3.5%;

    position: relative;

    margin-bottom: 20px;

}



.page_aboutIntro .pic:before {

    content: '';

    position: absolute;

    width: 80%;

    height: 100%;

    background: #f7f7f7;

    z-index: 0;

    left: 0;

    top: 0;

}



.page_aboutIntro .pic img {

    width: 100%;

    position: relative;

    z-index: 1;

}



.page_aboutIntro .ro {

    font-size: 16px;

    color: #666666;

    line-height: 1.6;

}



.page_aboutIntro .tt_h3 {

    margin-bottom: 20px;

    text-align: left;

}



.page_CompanyPhotos {

    padding-bottom: 100px;

}



.page_CompanyPhotos .tt_h3 {

    margin-bottom: 35px;

}



.page_CompanyPhotos .page_CompanyPhotos_swiper {

}



.page_CompanyPhotos_swiper {

    position: relative;

}



.page_CompanyPhotos_swiper .page_swiper_prev {

    left: -15px;

}



.page_CompanyPhotos_swiper .page_swiper_next {

    right: -15px;

}



.page_CompanyPhotos_swiper a {

}



.page_CompanyPhotos_swiper .sCalePic {

}



.page_CompanyPhotos_swiper p {

    width: 100%;

    text-align: center;

    font-size: 16px;

    line-height: 2;

    height: 32px;

    margin-top: 10px;

}



.page_swiper_prev,.page_swiper_next {

    width: 30px;

    height: 66px;

    background-color: rgba(0,0,0,.49);

    background-size: 11px 25px;

    margin-top: -33px;

}



.page_swiper_prev {

    border-radius: 0%;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAaCAYAAABhJqYYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I4OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0I3OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42JzCQAAAA8klEQVR42mL8//8/AxFABIg9mIhQyAjEC4D4MTGKDwLxRzANcgYe3PMfArjBzsWjMAGqcANMDJfCkP8IYIxPsR6SwtfIcugeVAHiU0j8HciSyIolgfgoELMjiR3Cpfg4EIuh2XQTm+LdQCyPJYw/oPCADl/xHzdQQvYg43/8iUMWiJ8gO+MPHsVM6JxoPIo50d0Mwik43GyM7GbkmJuERbEPrhjMA+LZaM4wwuYMZLwOyeQDuJyBjC9AFf+BpWV8ivmA+DZUQxIhxSDMD8T/kJMpoWxlBTXdhhjFIJwOxBeBmI2RyHKjCIjfEasYBKwBAgwA3MvwbcDdnS4AAAAASUVORK5CYII=);

}



.page_swiper_next {

    border-radius: 0%;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAZCAYAAADnstS2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I0OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0IzOERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v7ZQfAAAA5UlEQVR42mL4//+/IhAzEIOZGBgY+IE4mIEIAFJ8AYgNgDiVoGqoFWL/ISAEnzOQOXOhGiSJUcwAVfwKiPmIUTwbquESrtBABgehtC4Q78HlQRjW/I8K5uJzBgg/QtMwHZ/i7f8xQT5IjgVL0D/GIjYBiD8wYZF4hSP+FmBT/B2H4j/YFDPjUMyCTTEfDsWXsCmWwuEPJ2yKFbGIWQPxW/Qw5gLib2hhbIcrUuzRFDrjS0j6SOw8IN6LLyGdgppYQyg960MVTsGVUxjBOiDgGSj+gVgLX+4GAXcg/gXEZvgyN0CAAQCd/r/yDn+OLAAAAABJRU5ErkJggg==);

}



.page_swiper_prev:hover,.page_swiper_next:hover {

    background-color: #ed7212;

}



.page_CompanyHonors {

    padding-bottom: 70px;

}



.page_CompanyHonors .tt_h3 {

    margin-bottom: 30px

}



.page_CompanyHonors_swiper {

    position: relative;

}



.page_CompanyHonors_swiper a {

    border: 1px solid #e5e5e5;

    display: block;

}



.page_CompanyHonors_swiper .sCalePic {

    padding-bottom: 144%;

}



.page_CompanyHonors_swiper p {

    position: absolute;

    width: 100%;

    text-align: center;

    font-size: 16px;

    line-height: 2;

    height: 32px;

    margin-top: 10px;

    bottom: 0;

    left: 0;

}



.page_CompanyHonors_swiper .swiper-slide {

    padding-bottom: 50px;

}



.page_CompanyHonors_swiper .page_swiper_prev {

    left: -15px;

}



.page_CompanyHonors_swiper .page_swiper_next {

    right: -15px;

}



@media only screen and (max-width: 640px) {

    .page_aboutIntro .pic {

        width:100%

    }



    .tt_h3 {

        font-size: 22px

    }

}



.page_CompanyPhotos_swiper .swiper-button-next, .page_CompanyPhotos_swiper .swiper-button-prev {

    opacity: 1 !important;

}



.page_CompanyPhotos_swiper .swiper-button-prev:before, .page_CompanyPhotos_swiper .swiper-button-next:before {

    content: '';

}



.page_CompanyHonors_swiper .swiper-button-next, .page_CompanyHonors_swiper .swiper-button-prev {

    opacity: 1 !important;

}



.page_CompanyHonors_swiper .swiper-button-prev:before, .page_CompanyHonors_swiper .swiper-button-next:before {

    content: '';

}



.pading {

    padding-top: 35px ;

}



.about_top .floatL {

    float: left;

    width: 41.6%;

}



.about_top .floatR {

    float: right;

    width: 55%;

}



.about_top .clearfloat {

    clear: both;

    height: 0;

}



.intro .about_tit {

    font-size: 35px;

    font-weight: bold;

    color: #333;

    text-align: center;

    margin: .25rem 0 .8rem;

}



.about_top .floatL .img {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 100%;

}



.about_top .floatL .img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

}



.about_top .floatL .img .block {

    position: absolute;

    width: calc(100% - 40px);

    height: calc(100% + 100px);

    top: -50px;

    left: -40px;

    background-color: #f7f7f7;

    z-index: -1;

}



.about_top .floatR .tit_about {

    width: 100%;

    line-height: 50px;

    padding-left: .3rem;

    color: #fff;

    background-color: #ef7d24;

    font-weight: bold;

    font-size: 24px;

    margin-bottom: .3rem;

}



.about_top .floatR p {

    color: #666666;

    font-size: 16px;

    line-height: 26px;

}



.about_bottom {

    margin-top: .8rem;

    color: #666666;

    font-size: 16px;

    line-height: 26px;

}



.page_CompanyPhotos {

    margin-top: .7rem;

}



.page_CompanyPhotos .tt_h3,.page_CompanyHonors .tt_h3 {

    font-size: 36px;

    text-transform: uppercase;

    color: #333;

}



@media screen and (max-width: 950px) {

    .about_top .floatL {

        float: none;

        width: 100%;

    }



    .about_top .floatR {

        float: none;

        width: 100%;

        margin-top: 50px;

    }

}



.detail_tt {

    font-size: 26px;

    font-family: Arial-Black;

    color: #333;

    line-height: 100%;

    text-transform: uppercase;

    position: relative;

    text-shadow: 1px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;

    margin-bottom: 30px;

}



.detail_tt::after {

    display: block;

    position: absolute;

    bottom: -4px;

    left: 0;

    content: '';

    background-color: #f88223;

    width: 100%;

    height: 12px;

    z-index: -1;

}



.detail_con,.detail_con p,.detail_con div {

    font-size: 16px;

    line-height: 26px;

    color: #666;

}



.img_3 .img03 {

    width: 32.5%;

}



.img_8 .img08 {

    width: 24.7%;

}



.detail_con .img {

    width: 100%;

    position: relative;

    padding-top: 65.7%;

    height: 0;

    margin-bottom: 10px;

}



.detail_con .img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.img_3,.img_8 {

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-top: 30px;

}



.detail_con {

    margin-bottom: 40px;

}



.detail_con .strong {

    font-weight: bold;

    color: #f88223;

}



@media screen and (max-width: 950px) {

    .foottit {

        display: none;

    }



  



    .sidebar_item_con {

        display: none !important;

    }



    .QRcode:hover .sidebar_item_con {

        display: none !important;

    }



    .news_next .tit {

        font-size: 22px;

        font-weight: bold;

        width: 20%;

        float: left;

    }



    .news_next .con {

        width: 80%;

        float: right;

        padding-right: 0px;

        position: relative;

        box-sizing: border-box;

    }



    .img_3 .img03 {

        width: 100%;

    }



    .img_8 .img08 {

        width: 49%;

    }



    /* .banner_phph {

        display: block !important;

    }



    .banner_pcpc {

        display: none !important;

    } */

}



.contact_for {

    margin: 0 auto;

}



.contact_for p {

    font-size: 14px;

    color: #999;

}



.Asterisk_Text .asterisk_red {

    color: red;

    display: inline-block;

    text-align: center;

    position: absolute;

    top: 6%;

}



.contact_for .gaug_outfit {

    font-size: 16px;

}



.header_ul li img {

    width: auto;

}



.header_ul {

    list-style: none;

    width: 100%;

    flex-wrap: wrap;

    padding: 22;

}



.header_ul li {

    margin-top: 22px;

    padding: 17px 0;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    position: relative;

    padding-left: 70px;

    width: 22.5%;

    margin-left: 3%;

    margin-bottom: 2%;

}



.contact_for .header_ul li .t1 {

    text-align: right;

    width: 49px;

    position: absolute;

    left: 0;

    top: 50%;

    height: 26px;

    margin-top: -13px;

}



.contact_for .header_ul li .t1 img {

    width: auto;

}



.contact_for .header_ul li .t2 {

    margin-right: 10px;

}



.contact_for .header_ul li .t2 p {

    color: #666666;

}



@media only screen and (max-width: 900px) {

    .contact_for .header_ul li {

        width: 45% !important;

        margin-left: 3% !important;

    }



    .contact_for .header_ul li:nth-of-type(2n+1) {

        margin-left: 0 !important;

    }

}



.contact_for .header_ul .t3 {

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 40px;

}



.Asterisk_Text textarea {

    height: 233px ;

    border: 1px solid #eee !important;

    background-color: #f1f1f1;

    border-radius: 5px;

    resize: none;

    width: 100%;

    resize: none;

    padding-left: 1% !important;

}



.Asterisk_Text textarea::placeholder {

    color: #999;

}



@media only screen and (max-width: 700px) {

    .contact_for .Asterisk_Text textarea {

        height: 200px;

    }



    .form_ul li {

        width: 100% !important;

    }



    .form_ul .asterisk {

        width: 100%;

        display: flex;

        justify-content: flex-start !important;

    }



    .contact_for .header_ul li {

        width: 100% !important;

        margin-left: auto !important;

    }



    .contact_for .header_ul li .t1 {

        width: 10% !important;

        text-align: left !important;

        padding-left: 10px !important;

    }



    .contact_for .header_ul .t3 {

        height: auto;

    }

}



.contact_for .Message_ex {

    padding-bottom: 20px;

}



.form_ul li {

    width: 365px;

    justify-content: space-between;

}



.form_ul .Asterisk_Text {

    width: 100% !important;

}



.asterisk {

    width: 100%;

    padding: 13px 0;

    margin: 10px 0;

    display: flex;

    padding-left: 20px;

    background-color: #f1f1f1;

    position: relative;

    border-radius: 5px;

}



.form_ul {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: space-between !important;

    padding: 0 !important;

}



.form_center .asterisk_sk {

    color: red;

    display: inline-block;

    text-align: center;

    position: absolute;

    top: 50%;

    bottom: 16%;

    margin-top: -9px;

}



.form_ul li input {

    background-color: #f1f1f1;

    border: none !important;

    width: 365px;

    padding-left: 3%;

    border-radius: 5px;

}



.submiring {

    padding: 0 !important;

}



.gtm_submit_btn {

    background-color: #333333 !important;

    width: 150px !important;

    height: 40px !important;

    color: #fff;

    margin-top: 15px !important;

}



.contact_for .iframe_we {

    padding-top: 20px;

}



.contact_for .Submit_tent .Sending {

    font-size: 20px;

    color: #333;

    font-weight: bold;

}



.contact_for .gaug_outfit {

    font-size: 20px;

    font-weight: bold;

}



.Address_dre {

    font-weight: bold;

    padding-top: 12px;

    color: #333333;

    font-size: 20px;

}



.Submit_tent {

    padding-top: 50px;

    padding-bottom: 47px;

}



.tListing:after {

    content: '';

    display: table;

    clear: both;

}



.tListing li {

    float: left;

}



.tList_1 {

}



.tList_1 li {

    width: 23.5%;

    margin-left: 2%;

    margin-bottom: 2%;

}



.tList_1 li:nth-of-type(4n+1) {

    margin-left: 0;

}



@media only screen and (max-width: 1366px) {

    .form_ul li {

        width: 30%;

        display: flex !important;

        justify-content: space-between !important;

    }



    .contact_for .header_ul li {

        width: 31.3%;

    }



    .contact_for .header_ul li:nth-of-type(3n+1) {

        margin-left: 0;

    }



    .asterisk {

        width: 100%;

        display: flex;

        justify-content: space-between;

    }



    .form_ul {

        display: flex !important;

        justify-content: space-between !important;

    }



    .Asterisk_Text .asterisk {

        width: 100%;

    }

}



.detail_tt {

    font-size: 26px;

    font-family: Arial-Black;

    color: #333;

    line-height: 100%;

    text-transform: uppercase;

    position: relative;

    text-shadow: 1px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;

    margin-bottom: 30px;

}



.detail_tt::after {

    display: block;

    position: absolute;

    bottom: -4px;

    left: 0;

    content: '';

    background-color: #f88223;

    width: 100%;

    height: 12px;

    z-index: -1;

}



.detail_con,.detail_con p,.detail_con div {

    font-size: 16px;

    line-height: 26px;

    color: #666;

}



.img_3 .img03 {

    width: 32.5%;

}



.img_8 .img08 {

    width: 24.7%;

}



.detail_con .img {

    width: 100%;

    position: relative;

    padding-top: 65.7%;

    height: 0;

    margin-bottom: 10px;

}



.detail_con .img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.img_3,.img_8 {

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-top: 30px;

}



.detail_con {

    margin-bottom: 40px;

}



.detail_con .strong {

    font-weight: bold;

    color: #f88223;

}



.change-empty {

    display: none;

}



.company-synopses .synopsis-item .item-img img {

    max-width: none;

}



.company-synopses .synopsis-item .item-img {

    line-height: normal;

}



@media only screen and (min-width: 950px) {

    .fff2 {

        display: none !important;

    }



    .foot-items ul {

        display: block;

        margin-top: 0.2rem;

    }

}



.foot-items .foot-item:nth-child(2) ul li {

    height: auto;

}



.sidebar {

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    z-index: 99;

    border-radius: 10px;

}



.sidebar ul li {

    margin-bottom: 8px;

    border-radius: 10px;

    background-color: var(--font-color);

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    background: #ec7212;

}



.sidebar ul li a span {

    font-size: 24px;

    color: #fff;

}



.QRcode:hover .sidebar_item_con {

    display: block !important;

}



.sidebar ul li a span img {

    height: 60px;

    width: 60px;

    height: auto;

    width: auto;

}



.sidebar ul li .sidebar_item_con {

    display: none;

    position: absolute;

    top: 0;

    right: 100%;

}



.sidebar ul li .sidebar_item_con .sidebar_item_txt {

    margin-right: 4px;

    background-color: #ec7212;

    padding: 0 8px;

    text-align: right;

    height: 50px;

    font-size: 14px;

    color: #fff;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    white-space: nowrap;

}



.pages .active span {

    background: #92a5c3;

    color: #FFF;

}









@media screen and (max-width: 950px) {





    .sidebar {

        top: 41% !important;

        z-index: 999 !important;



        display: none !important;

    }



    .sidebar_item_con {

        display: none !important;

    }



    .QRcode:hover .sidebar_item_con {

        display: none !important;

    }



}
.pro1-txt a,.entry a,.artic_content a{color: #ff6f00; }
.pro1-txt a:hover, .entry a:hover, .artic_content a:hover {
    text-decoration: underline;	
  }