@charset "utf-8";

html{ font-size:625%;}
body{ font-size:14px; background:#FFF;}
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:#333; font-family:'MyriadProRegular',Arial, Helvetica, sans-serif; line-height:1.5}
aside,figcaption,figure,footer,header,main,nav,section{display:block;}
article{display:block;text-align: justify;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;max-width:100%;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#333;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#0caaa4;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 15px 0;}
a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline: 0;} .clearfix:after,.layout:after,.web_main:after,.page_main:after,.about_us .about_content:after,.nav_wrap .head_nav:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.web_main,.page_main,.about_us .about_content,.nav_wrap .head_nav{*zoom:1;}
.clear{ clear:both;} .z9999{z-index:9999!important;}
.layout{width:74.21875%;margin:0 auto; position:relative;}
body{width:100%;min-width:87.5%;position:absolute;left:0;top:0;background: #f7f6f6;}   .gotop{position:fixed;text-align:center;right:50px;bottom:50px;color: #ffffff;background: #0caaa4;border-radius: 50%;text-align: center;height: 50px;line-height:50px;width: 50px;z-index:99999;cursor:pointer;animation:OrangePulse 5s infinite;-webkit-animation:OrangePulse 2s infinite; font-size:12px; display:none;} .gotop:hover{-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);} .head_nav li,.head_nav li a,.product_item figure,.gotop,.product-item .item-img img,.product-btn-wrap a,.change-language .change-language-title a:after,.newsletter .button,.mobile-head-item .middle-show-content-wrap,.product_item figure figcaption,.sections_item figure,.sections_item figure figcaption,.sections_item figure figcaption .item_more,.about_us .about_video .button,.about_us .about_content  .about_more,.case_title,.case_title span,.case_item figure,.foot_item.foot_item_product li a,.pages a,.more_view,.application_title ul li a{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.china{
position: absolute;
right: 130px;
top: 43px;
float: right;}
.nav_wrap .head_nav li ul,.categories_item figure figcaption,.categories_item figure figcaption span:after,.index_news_item time,.index_news_item h3,.index_news_item time:after,.index_news_item .more,.foot_item.foot_item_subscribe .button,.product_item .item_img a,.product_item .item_img a i,.product_item,.about_us .about_content .about_button:after,.application_title .more:after,.product_item .item_img:before,.product_item .item_img:after,.news_right .right_item figure figcaption .item_title,.news_right .right_item figure figcaption .item_text,.news_right .right_item figure figcaption .item_more,.news_right .right_item figure figcaption .item_more:before,.news_left .left_item figure .item_img img,.list_more_view:after{-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;}
.categories_item figure img,.categories_item figure:after,.product_item .item_img img,.category-button-prev,.category-button-next,.about_us  .about_content .about_content_bg{-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.news_right .right_item:hover figure figcaption .item_text,.news_right .right_item:hover figure figcaption .item_more{-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.news_right .right_item:hover figure figcaption .item_title{-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);}
.application_title ul li:hover a,.foot_item.foot_item_product li:hover a{ color:#0caaa4;-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);}
{box-shadow:5px 5px 35px rgba(255,255,255,.5)}
{-moz-transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);-ms-transform:translate(-5px,-5px);-o-transform:translate(-5px,-5px);transform:translate(-5px,-5px);box-shadow:0 0 25px rgba(0,0,0,.2)}
{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-180deg);}
.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;}
.news_right .right_item figure figcaption .item_more:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#0caaa4; z-index:-1;}
.news_right .right_item:hover figure figcaption .item_more:before{width:100%;}
.news_right .right_item:hover figure figcaption .item_more{ color:#FFF;} @font-face {font-family: 'MyriadProRegular';
src:url(//www.simphoenix.com/wp-content/themes/theme/fonts/MyriadPro/MyriadPro-Regular.otf) format('opentype');font-weight: normal;font-style: normal;font-display: fallback;}
@font-face {font-family: 'MyriadProBold';
src:url(//www.simphoenix.com/wp-content/themes/theme/fonts/MyriadPro/MyriadPro-Bold.otf) format('opentype');font-weight: normal;font-style: normal;font-display: fallback;}
@font-face {font-family: 'MyriadProSemibold.ttf';
src:url(//www.simphoenix.com/wp-content/themes/theme/fonts/MyriadPro/MyriadPro-Semibold.ttf) format('truetype');font-weight: normal;font-style: normal;font-display: fallback;}
@font-face {
font-family: 'fontawesome';
src: url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0);src: url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(//www.simphoenix.com/wp-content/themes/theme/fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");font-weight: normal;font-style: normal;font-display: fallback;}
.side-cate li .icon-cate:before,.product-btn-wrap a:before,.mobile-head-item  .title:before,.head_nav > li:after,.download-item .item-button:before,.faq-item .faq-title:before{font-family: "fontawesome";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;}
.path-bar {
position: relative;
line-height: 31px;
font-size: 13px;
margin: 0 0 30px;
padding: 4px 0;
background-color: #f5f5f5;
text-align: left;
text-transform: uppercase;
}
.path-nav{width: 74.21875%;
margin: 0 auto; border-bottom: 1px solid #D2D2D2;}
.path-bar li {
display: inline-block;
vertical-align: top;
position: relative;
*display:inline;
padding-right: 8px;
}
.path-bar a:before {
color: #0caaa4;
font-size: 14px;
font-family: "fontawesome";
content: "\f015";
font-size: 14px;
padding-right: 5px;
}
.path-bar li  a:before {display:none;
}
.path-bar li:after {
display: inline;
content: '/';
padding-left: 8px;
}
.path-bar li:last-child:after {
display: none;
}
.path-bar li, .path-bar li a {
color: #333;
}
.path-bar li:first-child {
padding-left: 0;
}
.path-bar li:first-child a:before {
display: none;
}
.path-bar li a:hover, .path-bar li:hover a {
color: #0caaa4;
} .web_head{ position:relative; width:100%;  text-align:center; height:96px; background:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.web_head:before{ position:absolute; content:""; background:#c9c9c9; width:100%; height:5px;   top:0; left:0;}
.logo,.change-language,.nav_wrap ,.web_head .btn--search{position:relative;display:inline-block; vertical-align:middle; text-align:left;}
.logo{position:absolute; left:0; top:6px; z-index:999}
.logo img{  height:91px;}
.nav_wrap{ position:relative; height:49px; margin:26px 0 0;}
.nav_wrap .head_nav li{ position:relative; float:left; font-size:18px;}
.nav_wrap .head_nav li li{ float:none; font-size:16px;}
.nav_wrap .head_nav li a{position:relative; display:block;line-height:49px; padding:0 38px; color:#8f8a8a}
.nav_wrap .head_nav li li a{ line-height:1.5; padding:10px 15px;text-transform:capitalize;}
.nav_wrap .head_nav li ul{ position:absolute; left:0; top:49px;width:250px; padding:15px 0;z-index:999; background:#fff;transform: scale3d(0.9,0.9,1);opacity:0;visibility:hidden;}
.nav_wrap .head_nav li li ul{ top:0; left:250px;}
.nav_wrap .head_nav li:hover > ul{transform: scale3d(1,1,1);opacity:1;visibility:visible;}
.nav_wrap .head_nav li.nav-current > a,.head_nav li:hover > a{ color:#0caaa4;}
.nav_wrap .head_nav li a b{ position:relative;display:inline-block; vertical-align:middle;margin:-5px 0 0 5px; }
.nav_wrap .head_nav li li a b{ margin-top:10px;}
.nav_wrap .head_nav li a b:after{ font-family: 'fontawesome';content:"\f107"; font-size:14px;}
.nav_wrap .head_nav li li a b:after{content:"\f105"; }
.nav_wrap .head_nav li li a b{ position:absolute; right:10px; top:0;}
.fixed-nav{ position:fixed; left:0; top:0; width:100%; z-index:9999;}
.fixed-nav .head_nav{ top:0;}
.web_head .btn--search{ position:absolute; right:0; top:36px; width:30px; height:30px; background:url(//www.simphoenix.com/wp-content/themes/theme/img/search_btn.png) no-repeat center center; cursor:pointer;}
.change-language{ position:absolute; right:45px; top:37px;float:right;}
#about01{
background: #fff;
}
#about02{
background: #fff;
}
#about03{
background: #fff;
}   .index_ad{position:relative;border-bottom:1px solid #eee;padding: 65px 0;
background: #fff;}
.ad_items{position:relative; display:table;width:100%; text-align:center; overflow:hidden;  }
.ad_item{position:relative; display:table-cell; vertical-align:middle; border-right:2px solid #eee; padding:25px 0;}
.ad_item:last-child{ border:none;}
.ad_item figure{position:relative;}
.ad_item figure .item_img{position:relative; display:block; text-align:center; width:100%;-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;}
.ad_item:hover figure .item_img:first-child,.ad_item.current figure .item_img:first-child{opacity:0; visibility:hidden;-moz-transform:translate(-55px,0);-webkit-transform:translate(-55px,0);-ms-transform:translate(-55px,0);-o-transform:translate(-55px,0);transform:translate(-55px,0)}
.ad_item figure .item_img:nth-child(2){ position:absolute; left:0; top:0;opacity:0; visibility:hidden;-moz-transform:translate(-55px,0);-webkit-transform:translate(-55px,0);-ms-transform:translate(-55px,0);-o-transform:translate(-55px,0);transform:translate(-55px,0);}
.ad_item:hover figure .item_img:nth-child(2),.ad_item.current figure .item_img:nth-child(2){opacity:1; visibility:visible;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.ad_item figure .item_img img{position:relative;}
.ad_item figure figcaption{position:relative;}
.ad_item figure figcaption .item_title{position:relative; text-transform:uppercase; font-size:19px; font-weight:normal;font-family: 'MyriadProSemibold.ttf'; margin:25px 0 6px;}
.ad_item figure figcaption .item_text{position:relative; color:#8f8a8a;} .index_product{position:relative; padding:45px 0 83px; text-align:center;background: #fff;}
.index_title{position:relative; text-align:center;}
.index_title .title{position:relative; font-size:44px; font-weight:normal; padding:0 0 10px;}
.index_title .ico{position:relative; display:inline-block; vertical-align:top;}
.index_title .ico:before,.index_title .ico:after{ content:""; position:absolute; top:50%; width:55px; height:2px; background:rgba(12,170,164,.5); left:-66px;}
.index_title .ico:after{ left:auto;right:-66px;}
.more_view{ position:relative; display:inline-block; vertical-align:middle;width:145px; height:47px; line-height:43px; background:#0caaa4; color:#FFF; text-transform:uppercase;font-family: 'MyriadProSemibold.ttf'; font-size:19px; cursor:pointer; border:2px solid #0caaa4; text-align:center;}
.more_view:hover{ background:#FFF; color:#0caaa4; border-radius:8px; width:155px;}
.product_items{ width:100%;margin:32px 0 0 5px; width:103.2%;}
.product_item{ position:relative; display:inline-block; vertical-align:top;text-align:center; overflow:hidden; width:25%; margin:0 0 0 -5px; padding:0 40px 0 0;}
.product_item .item_img{ position:relative;overflow:hidden; display:block;background: #eeeeee;}
.product_item .item_img:before,.product_item .item_img:after{ content:""; position:absolute; left:0; top:0; width:35%; height:35%; background:rgba(0,0,0,.1); opacity:0; visibility:hidden; z-index:1;}
.product_item .item_img:after{ left:auto; top:auto;right:0; bottom:0;}
.product_item .item_img:hover:before,.product_item .item_img:hover:after{ width:100%; height:100%;opacity:1; visibility:visible;}
.product_item .item_img img{ position:relative; width:100%;}
.product_item .item_img:hover img{-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.product_item .item_img a{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.product_item .item_title{ font-weight:normal; font-size:16px; padding:20px ; }
.product_items_wrap.current .product_item .item_img{-webkit-animation:flipInY 1.5s linear;animation:flipInY 1.5s linear} .about_us{ position:relative; text-align:center; padding:50px 0 128px;overflow:hidden; background-attachment: fixed !important;}
.about_us,.about_us a{ color:#d2d2d2;}
.about_us .about_content_bg,.product_item .item_img:hover img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.about_us:hover .about_content_bg{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.about_us .about_content_bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:0;transition:all 1.8s ease-in-out;}
.about_us .about_content{position:relative; width:63%; margin:0 auto;}
.about_us  .about_content .about_title{position:relative; font-weight:normal;font-size:56px;font-family: 'MyriadProSemibold.ttf';color:#fff;}
.about_us .about_content  .about_text{position:relative;font-size:18px;color:#d2d2d2; line-height:1.7;z-index:1; margin:25px 0 60px;  }
.about_us .about_content .about_button{position:relative;font-size:20px;padding:0 34px; display:inline-block; vertical-align:middle; color:#FFF; margin:0 20px; }
.about_us .about_content  .about_more{line-height:51px; background:#0caaa4}
.about_us .about_content  .about_button:after{ content:"";width:29px; height:11px; margin:0 0 0 13px; background:url(//www.simphoenix.com/wp-content/themes/theme/img/mark.png) no-repeat center center; display:inline-block; vertical-align:middle; }
.about_us .about_content  .about_more:hover:after,.about_us .about_content .index_subscribe:after{margin:0;width:0}
.about_us .about_content .index_subscribe{ height:51px; line-height:47px;border:2px solid #d2d2d2}
.about_us .about_content .index_subscribe:hover:after{width:29px; height:11px;margin:0 0 0 13px;} .index_news{position:relative; display:table; background:#f0f0f0; padding:65px 0 80px;}
.index_news .layout{ margin:50px auto 0;}
.index_news .layout:before{ content:""; position:absolute; width:1px; height:100%; background:#666; top:0; left:50%; margin:0 0 0 -.5px;}
.index_news .news_items{ display:table-cell;vertical-align:top;width:50%; overflow:hidden; }
.news_left{position:relative; padding-right:20px;}
.news_left .left_item{position:relative; width:50%; float:left; padding:0 34px 0 0;}
.news_left .left_item figure{position:relative;}
.news_left .left_item figure .item_img{position:relative; display:block; overflow:hidden;}
.news_left .left_item figure .item_img img{position:relative;}
.news_left .left_item:hover figure .item_img img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.news_left .left_item figure figcaption{position:relative;}
.news_left .left_item figure figcaption .item_title{position:relative; font-size:24px; font-weight:normal; line-height:1.3; padding:25px 0 15px; }
.news_left .left_item figure figcaption time{position:relative; display:block; color:#b7b4ad; font-size:18px;}
.news_left .left_item figure figcaption .item_text{position:relative; color:#8f8a8a; font-size:14px; margin:15px 0 0; display:block;font-family:MyriadProRegular;}
.news_right{position:relative; padding:0 0 0 54px;}
.news_right .right_item{position:relative; overflow:hidden; margin:0 0 15px;}
.news_right .right_item figure{position:relative;}
.news_right .right_item figure figcaption{position:relative;}
.news_right .right_item figure figcaption .item_title{position:relative;font-size:24px; font-weight:normal;    overflow:hidden;}
.news_right .right_item figure figcaption .item_title time{position:relative;color:#b7b4ad; float:right; font-size:22px;}
.news_right .right_item figure figcaption .item_text{position:relative;color:#8f8a8a; font-size:14px; margin:15px 0 8px; display:block;font-family:MyriadProRegular;}
.news_right .right_item figure figcaption .item_more{position:relative; display:inline-block; width:95px; height:27px; line-height:27px; border:1px solid #707070; text-align:center; float:right;} .index_application{position:relative; overflow:hidden; padding:90px 0 80px;background: #fff;}
.application_title{position:relative; width:365px; float:left;}
.application_title .title{position:relative; font-size:46px; font-weight:normal; margin:0 0 30px;}
.application_title ul{position:relative; font-size:20px;}
.application_title ul li{position:relative; margin:15px 0;}
.application_title ul li a{ display:block;}
.application_title .more{position:relative; font-size:20px; text-transform:uppercase;}
.application_title .more:after{content:"";width:22px; height:8px; margin:0 0 0 12px; background:url(//www.simphoenix.com/wp-content/themes/theme/img/mark01.png) no-repeat center center; display:inline-block; vertical-align:middle;}
.application_title .more:hover:after{ width:0; margin:0;}
.application_items{position:relative; width:calc(100% - 365px); float:right}
.application_items:after{ content:""; position:absolute; left:0; top:50%; margin:-1px 0 0; background:#eee; width:100%; height:2px;}
.application_items .ad_items{position:relative; margin:0 0 0 5px;  border-bottom:1px solid #eee; display:block}
.application_items .ad_items:last-child{ border-bottom:none;}
.application_items .ad_items .ad_item{ border-right:1px solid #eee; display:inline-block; width:25%; margin:24px 0 24px -5px;}
.application_items .ad_items .ad_item:nth-child(4n+1){ border-left:1px solid #eee;}
.application_items .ad_item{position:relative;}
.application_items .ad_item figure figcaption .item_title{font-family: 'MyriadProRegular'; text-transform:none; font-size:20px;margin:45px 0 6px;} .page_web_footer{ background:#eeeeee;}
.web_footer{ position:relative; padding:95px 0 40px;background: #fff;}
.foot_items{ position:relative; overflow:hidden;font-size:16px;}
.foot_items,.foot_items a{ color:#aaaaaa;}
.foot_item{ position:relative; float:left; margin:25px 0 20px;}
.foot_item.foot_item_contact{ width: 26%;
margin-right: 100px;}
.foot_item.foot_item_subscribe{ width:29.123%}
.foot_item.foot_item_product:nth-child(2){width:21.895%;}
.foot_item.foot_item_product:nth-child(3){width:25.544%;}
.foot_item.foot_item_product:nth-child(4){width:16.281%;}
.foot_item .title{font-family: 'MyriadProBold'; text-transform:uppercase; font-weight:normal;color:#595656; font-size:20px; margin:0 0 20px;}
.foot_item.foot_item_contact address{ font-style:normal;}
.foot_item.foot_item_contact address li{}
.foot_item.foot_item_contact address li span{ color:#000; padding:0 5px 0 0;}
.foot_items .foot_item li{ margin:0 0  0px;}
.foot_item.foot_item_subscribe .button{ position:relative; display:inline-block; vertical-align:top;font-family: 'MyriadProBold';font-size:16px; color:#f7ee0e; background-color:#0caaa4; background-image:url(//www.simphoenix.com/wp-content/themes/theme/img/foot_email.png); background-repeat:no-repeat; background-position:18px 10px; margin:15px 0 0; padding:0 18px 0 43px; height:36px;line-height:32px; border:2px solid #0caaa4}
.foot_item.foot_item_subscribe .button:hover{ background-color:#ffffff; color:#0caaa4;background-position:-25px 10px;}
.foot_item.foot_item_subscribe .button:hover{}
.foot_item.foot_item_product li a{ display:block;}
.foot_sns{position:relative; overflow:hidden}
.foot_sns .title{position:relative; float:left;font-family: 'MyriadProBold';font-size:16px; color:#0caaa4; font-weight:normal; text-transform:uppercase;}
.foot_sns ul{ position:relative; float:left; overflow:hidden; margin:0 0 0 22.2px;}
.foot_sns ul li{position:relative; float:left; margin:0 5.5px;}
.foot_sns ul li img{ width:21px;} .page_banner{ position:relative;}
.page_banner img{ width:100%;} .product_nav{ position:relative; text-align:center; padding:0 0 96px;}
.product_nav ul{}
.product_nav ul li{ display:inline-block; vertical-align:top;font-family: 'MyriadProSemibold.ttf'; font-size:24px; padding:0 30px 30px;}
.product_nav ul ul{ position:absolute; width:100%; height:96px;left:0;top:50px;background: #48b9b3;padding:35px 0 0;}
.product_nav ul ul li{ font-size:18px;font-family: 'MyriadProRegular';}
.product_nav ul ul li:before{ content:"-"; color:#FFF; margin:0 7px 0 0;}
.product_nav ul ul li a{ color:#FFF;}
.product_nav ul li{}
.product_nav li.nav-current >a{ color:#0caaa4}
.product_nav li.nav-current >ul{display: none;}
.product_nav li.nav-current >ul,.product_nav li:hover >ul{ display:block;}
.items_list{ text-align:center;}
.list_more_view{ position:relative; display:inline-block; vertical-align:middle; cursor:pointer;line-height:41px; height:43px; padding:0 36px; border:1px solid #0caaa4; border-radius:5px; font-size:17px; color:#0caaa4;}
.list_more_view:after{content:"";width:29px; height:11px; margin:0 0 0 13px; background:url(//www.simphoenix.com/wp-content/themes/theme/img/mark02.png) no-repeat center center; display:inline-block; vertical-align:middle;}
.list_more_view:hover:after{margin:0;width:0}
.items_list .product_items{ margin:20px 0;} .aside{float:left;width:235px;}
.side-tit-bar{position:relative;}
.side-tit-bar .side-tit{ position: relative;
font-weight: normal;
font-size: 22px;
text-transform: capitalize;
background: #0ba29a;
text-align: center;
color: #fff;
line-height: 40px;}
.side-widget{position:relative;margin:0 0 35px;}
.side-cate{  background: #ffffff;}
.side-cate li{  position: relative;
line-height: 40px;
text-align: center;
border-bottom: 1px solid #eee;}
.side-cate li  a{ position:relative;padding:0 14px; color:#787575;} .side-cate ul{overflow:visible !important}
.side-cate li a{position:relative;display:block;text-transform:capitalize;}
.side-cate li .icon-cate{position:absolute;right:10px;top:0;line-height:33px;	font-size:10px;cursor:pointer;color:#222;}
.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:before,.side-cate li:hover > a:before{ background:#0caaa4}
.side-cate li.nav-current > a,.side-cate li:hover > a,li.show_li >a{ color:#0caaa4;}
.side-cate li.nav-current > .icon-cate,.side-cate li:hover > .icon-cate,li.show_li >.icon-cate{ color:#0caaa4;}
.side-product-items{position:relative;padding:50px 12px;}
.side-product-items .items_content{position:relative;}
.side-product-items .items_content{}
.side_product_item{position:relative;display:block;width:100%;height:auto;padding:12px 0;overflow:hidden;}
.side_product_item figure{position:relative;display:block;width:100%;overflow:hidden;}
.side_product_item .item-img{position:relative;width:80px;display: table-cell;vertical-align: middle;border:1px solid #eee}
.side_product_item .item-img img{position:relative;width:100%;}
.side_product_item figcaption{display: table-cell;vertical-align: middle;padding:0 0 0 10px;}
.side_product_item figcaption,.side_product_item figcaption a{color:rgba(40,40,40,.7);}
.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:15px;display:block;cursor:pointer;}
.side-product-items .btn-prev{top:30px;background:url(//www.simphoenix.com/wp-content/themes/theme/img/side_product_up.png) no-repeat center center;}
.side-product-items .btn-next{bottom:20px;background:url(//www.simphoenix.com/wp-content/themes/theme/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:calc(100% - 275px);float:right;}
.page_title{ font-size:30px; font-weight:normal;border-bottom:1px solid #eee; padding:0 0 5px; margin:0 0 12px;}
.page_bar{ text-align:center; margin:30px 0 0;}
.pages a,.pages span{ position:relative; display:inline-block; vertical-align:top; min-width:25px; height:25px; padding:0 5px; line-height:25px; border:1px solid #ddd; margin:0 4px;}
.pages a.current,.pages a:hover{ background:#000000; color:#FFF;}
.copyright{float: right;position: relative;
}  .product-intro{position:relative;overflow:hidden;}
.cloud-zoom-lens {border: 1px solid #eee;cursor:move;		}
.cloud-zoom-title {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 {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:43.5%;float:left; overflow:hidden; margin:10px 0 0;}
.product-view .product-image{position:relative; width:calc(100% - 104px); float:right; border:1px solid #eee;}
.product-view .product-image img{position:relative;width:100%;}
.single_product_items{position:relative;width:75px; float:left; }
.single_items_content{position:relative;overflow:hidden;}
.single_items_content li{ position:relative; margin:0 0 23px;}
.single_items_content li img{ width:100%; border:1px solid #eee;}
.single_items_content li.current img{ border:2px solid #0caaa4;}
.single_product_items .btn_prev,.single_product_items .btn_next{ position:relative; display:block; width:100%; height:30px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.single_product_items .btn_prev{background-image:url(//www.simphoenix.com/wp-content/themes/theme/img/sing_up.png); margin:0 0 10px;}
.single_product_items .btn_next{background-image:url(//www.simphoenix.com/wp-content/themes/theme/img/sing_down.png);}
.image-additional-wrap{ display:none;} .product-summary{ position:relative;width:53%;float:right; padding:10px 0;}
.product-summary .product-meta{
line-height:25px;
}
.product-summary .product-meta h3{
margin:0 0 10px;
font-size:16px;
}
.product-btn-wrap{
position:relative;
margin:20px 0 0;
}
.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
height:41px;
line-height:39px;
padding:0 40px;
border-radius:3px;
background:#0caaa4;
border:1px solid #0caaa4;
color:#FFF;
font-size:16px; text-transform:uppercase;
margin:0 20px 0 0;
}
.product-btn-wrap .buy{
text-transform:uppercase;
font-size:18px;
padding:0 30px;
}
.product-btn-wrap .email:hover,.product-btn-wrap .pdf:hover,.product-btn-wrap .buy:hover{
background:#14c9c1; border-color:#14c9c1;
}
.product-summary .share-this{
margin:30px 0 0;
} .product-detail{
position:relative;
overflow:visible;
margin:30px 0 0;
}
.detail-tabs{
position:relative;
}
.detail-tabs .title{
position:relative;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
line-height:37px;
cursor:pointer;
padding:0 35px 0 0;
margin:0 45px 0 0;
font-family: 'MyriadProSemibold.ttf';
text-transform:uppercase;
font-weight:normal;
font-size:18px;
border-bottom:3px solid transparent
}
.detail-tabs .title.current{
color:#0caaa4;
border-color:#0caaa4;
}
.product-detail .tab-panel-content{
padding:10px 0;
display:block;
overflow:hidden
}
.product-detail .disabled{ display:none;} .re_title{ font-size:24px; font-weight:normal; margin:50px 0 20px; text-align:left;font-family: 'MyriadProSemibold.ttf';} .web_main{ position:relative;overflow:hidden;}
.page_main{  background:#FFF; padding:50px 0 60px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.page_wrap{background: #f7f6f6;} .path_bar{position:relative;overflow:hidden; text-align:center; padding:0 0 42px;}
.path_bar .path_nav,.path_bar .title{ position:relative; }
.path_bar .title{ font-size:57px;font-family: 'MyriadProBold'; font-weight:normal;text-transform:uppercase; color:#0caaa4;}
.path_bar,.path_bar a{ color:#7d7d7d;}
.path_nav a{color:#0caaa4;}
.path_bar li{display:inline-block;vertical-align:top;position:relative; font-size:18px;}
.path_bar li:after{content:"-";margin:0 5px 0 7px;color: #999999;font-weight:bold;}
.path_bar li:last-child:after{display:none;}
.single_path_bar{ background:#0caaa4; line-height:38px; padding:35px 0;}
.single_path_bar li{display:inline-block;vertical-align:top;position:relative; font-size:16px;}
.single_path_bar li:after{content:"-";margin:0 5px 0 7px;color: #fff;font-weight:bold;}
.single_path_bar li:last-child:after{display:none;}
.single_path_bar li a{ color:#FFF;} .inquiry-pop-bd{position:fixed;left:0;top:0;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: 550px !important;height: 500px !important;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(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/fancy_close.png) no-repeat center center;cursor:pointer;z-index:1;}
.inquiry-form-wrap {position:relative;height: 420px !important;width: 100.5% !important;}
.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;}
.mobile-head-items{ display:none;} .blog_list{
position:relative;
width:100%;
}
.blog-item{
position:relative;
width:100%;
overflow:hidden;
padding:.2rem .2rem;background: #fff;
margin-bottom: 10px;
}
.blog-item img{ }
.blog-item .blog-img{width: 28%;
margin-right: 20px;float: left;}
.blog-item:nth-child(2n+1){
}
.blog-right{display: block;}
.blog-item .blog-tit a{
color: #0ba29a;
font-size: 18px;
}
.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;
}
.blog-item .item-info time{
display:block;
font-style:italic;
margin:8px 0;
}
.blog-item .item-info .item-detail{
}
.blog-item .item-info .item-more{
float:right;
color:#8f9395;
margin:10px 0 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{
float:left;
width: 30%;
}
.download-item .item-img img{
width: 100px;
}
.download-item .item-title{
position:relative;
display:inline-block;
*display:inline;
vertical-align:top;
*zoom:1;
margin:0 .1rem;
font-size:16px;
font-weight:bold;
margin-top: 10px;
}
.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:5px;
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:16px;
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:12px;
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: 768px) {
.inquiry-pop-bd .inquiry-pop{ width:96%;margin: 15% auto;}
.inquiry-form .form-btn-wrapx .form-btn-submitx{ top:0 !important;}
}
@media only screen and (max-width: 1680px){}
@media only screen and (max-width: 1680px) and (min-width: 1366px){
}
@media only screen and (max-width: 1366px){
.application_title{ width:290px}
.application_items {width: calc(100% - 290px);}
.china {
right: 63px;
}
.change-language{
right: -17px;
}
.web_head .btn--search{
right: -47px;
}
}
@media only screen and (max-width: 1024px){
.layout,.about_us .about_content{ width:98%;
}
.flex-nav {
display:none!important;
}
.fd_entry {
padding-left:0!important;
}
#about_01 .fl-row, .fl-row-content  {
margin-right:auto
}
}
@media only screen and (max-width: 950px){
body{min-width:100%;}
.z10000{position:relative;z-index:100000;}
.mobile-body-mask{width:100%;height:100vh;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0; z-index:999}
.mobile-ico-close{width:30px;height:30px;background:#fff url(//www.simphoenix.com/wp-content/themes/theme/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:fixed;
top:0;
left:0;
background:#161622;
width:100%;
height:25px;
line-height:25px;
text-align:left;
display:block;
z-index:999;
}
.mobile-head-item{
float:left;
width:45px;
}
.mobile-head-item.mobile-head-aside{
float:right
}
.mobile-head-item .title{
width:100%;
height:25px;
line-height:25px;
overflow:hidden;
text-align:center;
color:#FFF;
}
.mobile-head-item .title a{
position:relative;
display:block;
color:#FFF;
}
.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 10px;
}
.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:-70%;
width:70%;
height:100%;
}
.mobile-head-item .middle-content-wrap{
position:absolute;
left:0;
width:100%;
height:auto;
padding:20px 0;
opacity:0;
visibility:hidden;
}
.mobile-head-item .middle-show-content-wrap{
top:30px;
visibility:visible;
opacity:1;
}
.web_head{ padding:25px 0 0; height:auto;}
.web_head .change-language,.nav_wrap{ display:none;}
.web_head .btn--search{ position:fixed; top:0; right:15px; z-index:9999; width:25px; height:25px;}
.logo{ position:relative; top:0; text-align:center; display:block;} .head_nav  li{
position:relative;
display:block;
width:100%;
font-size:16px;
}
.head_nav > li{
border-bottom: 1px solid #eee;
line-height:35px;
}
.head_nav > li:after{
content: '\f105';
position: absolute;
right: 0;
top:0;
color:#999;
font-size:12px;
}
.head_nav li ul {
display:block;
width:100%;
}
.head_nav li ul li{
width:auto;
padding:0 10px;
font-size:14px;
text-transform:lowercase;
line-height:30px;
}
.head_nav li ul li:before {
content:"";
width:3px;
height:3px;
background:#999;
border-radius:50%;
position:absolute;
left:0;
top:15px;
}
.head_nav li ul li li{
line-height:25px;
font-family: 'MyriadProRegular';
}
.head_nav li ul li li:before{
display:none;
}
.index_product,.items_list{ text-align:left;}
.product_items{ width:100%;}
.product_item{ width:33.33%; padding:0 10px;}
.application_title,.application_items{ float:none; width:100%;}
.application_title ul{ text-align:center;}
.application_title ul li{ display:inline-block; vertical-align:top; margin:10px;}
.index_news{ display:block;}
.index_news .news_items,.index_news .news_items{ display:block; width:100%; padding:0; margin:0 0 30px;}
.index_news .layout:before{ display:none;}
.foot_item.foot_item_contact,.foot_item.foot_item_subscribe, .foot_item.foot_item_product:nth-child(2), .foot_item.foot_item_product:nth-child(3), .foot_item.foot_item_product:nth-child(4){ width:50%; padding-right:20px ;}
.product_nav{ padding:0;}
.product_nav ul li{ display:block; padding:5px 0;}
.product_nav ul ul{ position:relative; background:none; height:auto; top:auto; padding:0;display:none;}
.product_nav ul ul li a{ color:inherit}
.product_nav ul ul li{ display:inline-block; vertical-align:top; margin:0 8px; padding:0;} .aside{ display:none;}
.side-product-items .btn-prev,.side-product-items .btn-next{ display:none;}
.side_product_item{
display:inline-block;
vertical-align:top;
width:50%;margin:0 0 0 -3px;
}
.side_product_item figure{ padding:0 5px;}
.side_product_item .item-img,.side_product_item figcaption{ width:100%; display:block; padding:0}
.side_product_item figcaption{ padding:10px 0; text-align:center;} .main{width:98%;float:none; margin:0 auto;}
.items_list{ width:100%;}
.product-item{ width:33.333%;}
.product-item .item-wrap{ margin:8px;} .video_close{ display:none}
.image-additional li.image-item.current img{ border:none;}
.product-view{
width:50%;
float:none;
margin:0 auto;
}
.product-view .product-image,.single_product_items{
display:none
}
.image-additional-wrap{ display:block;}
.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} .product-summary{ position:relative;width:100%;float:none;}
.product-summary .share-this{
float:none;
margin:30px  0;
}
.product-btn-wrap a{ margin:0 0 10px !important;} .product-detail{ margin:30px 0 0;}
.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{
margin:15px 0;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-panel{
}
}
@media only screen and (max-width: 480px){
.gotop{ display:none !important;}
.ad_items,.ad_item{ display:block}
.application_items .ad_items .ad_item{ width:48%; display:inline-block; vertical-align:top;}
.application_items .ad_items .ad_item:nth-child(3){border-left: 1px solid #eee;}
.product_item{ width:100%;}
.index_product,.items_list{ text-align:center;}
.about_us .about_content .about_button{ margin-bottom:15px;}
.news_left .left_item{ width:100%; padding:0; margin:0 0 30px;}
.foot_item.foot_item_contact,.foot_item.foot_item_subscribe, .foot_item.foot_item_product:nth-child(2), .foot_item.foot_item_product:nth-child(3), .foot_item.foot_item_product:nth-child(4){ width:100%; padding:0;}
}
@media only screen and (max-width: 320px){
.side_product_item{ width:100%;}
} .slider_banner{
position:relative;
overflow:hidden;
}
.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;
overflow:hidden;
-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:50px;
height:50px;
margin-top:-31.5px;
z-index:10;
cursor:pointer;
opacity:0;
-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;
}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{
}
.swiper-container:hover .swiper-button-prev{
left:65px;
}
.swiper-container:hover .swiper-button-next{
right:65px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
cursor:auto;
pointer-events:none;
display:none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background:url(//www.simphoenix.com/uploads/3cf272e011.png) no-repeat center center;
background-size:cover;
left:10px;
right:auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background:url(//www.simphoenix.com/uploads/6e2c235110.png) no-repeat center center;
background-size:cover;
right:10px;
left:auto
}
.slider_banner:hover .swiper-button-prev{ left:120px;opacity:1;}
.slider_banner:hover .swiper-button-next{ right:120px;opacity:1;}
.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:35px;
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:10px;
height:10px;
display:inline-block;
vertical-align:middle;
border-radius:100%;
background:#eee;
}
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 {
background:#0caaa4;
}
.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 3px
}
.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:#0caaa4
}
.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
}
.slider_banner .swiper-slide img {
width:100%;
}
.slider_banner .swiper-slide img+img {
position:absolute;
left:0;
top:0;
}
.slider_banner .swiper-slide img {
width: 100%;
transition: 3s linear;
transform: scale(1.08);
}
.slider_banner .swiper-slide.swiper-slide-active img {
transform: scale(1);
}  .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;}
.table_wrap{
position:relative;
display:block;
}
.main  table {
position:relative;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom:0 !important;
}
.main  table th, .main  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  table th {
font-size: 12px;
background: #eee;
}
.main  table td p, .main  table th p, table td p, table th p {
margin: 0;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 1.3;
}
.main  table td.amts {
color: #cb2027;
}
.main  table th#cartDelete {
text-align: center;
}   .container {
position: relative;
width: 100%;
height:100vh;
}
.search-ipt {
border: 0;
background: transparent;
border-radius: 0;
-webkit-appearance: none;
}
.web-search {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.js .web-search {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
opacity:0;
visibility:hidden;
}
.js .web-search::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
}
.web-search .btn--search-close {
font-size: 2em;
position: absolute;
top: 1.25em;
right: 1.25em;
display: none;
background:url(//www.simphoenix.com/wp-content/themes/theme/img/search_btn_close.png) no-repeat center center;
background-size:35% auto;
width:.5rem;
height:.5rem;
cursor:pointer;
border-radius:100%;
border:3px solid #0caaa4;
}
.js .btn--search-close {
display: block;
}
.web-search .search-ipt {
font-family: inherit;
line-height: 1;
display: inline-block;
box-sizing: border-box;
width: 75%;
padding: 0.05em 0;
color: #0caaa4;
border-bottom: 5px solid;
font-size:20px;
line-height:1rem;
}
.web-search .search-ipt::-webkit-input-placeholder { color: #4a319e;
}
.web-search .search-ipt::-moz-placeholder {
opacity: 1; color: #4a319e;
}
.web-search .search-ipt:-ms-input-placeholder { color: #4a319e;
}
.web-search .search-ipt::-webkit-search-cancel-button,
.web-search .search-ipt::-webkit-search-decoration {
-webkit-appearance: none;
}
.web-search .search-ipt::-ms-clear {
display: none;
}
.web-search .search-attr {
font-size: 90%;
font-weight: bold;
display: block;
width: 75%;
margin: 0 auto;
padding: 0.85em 0;
text-align: right;
color: #0caaa4;
}
.web-search .search__related {
display: flex;
width: 75%;
text-align: left;
pointer-events: none;
}
.web-search .search__suggestion {
width: 50%;
}
.web-search .search__suggestion:first-child {
padding: 0 2em 0 0;
}
.web-search .search__suggestion:last-child {
padding: 0 0 0 2em;
}
.web-search .search__suggestion h3 {
font-size: 1.35em;
margin: 0;
}
.web-search .search__suggestion h3::before {
content: '\21FE';
display: inline-block;
padding: 0 0.5em 0 0;
}
.web-search .search__suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: 0.75em 0 0 0;
}   .js .container {
position: relative;
transition: transform 0.5s;background: #f7f6f6;
}
.js .main-wrap--move {
transform: scale3d(0.7,0.7,1);
}
.js .main-wrap--move .btn--search {
pointer-events: none;
opacity: 0;
}
.js .web-search {
pointer-events: none;
}
.js .search--open {
pointer-events: auto;
opacity:1;
visibility:visible
}
.js .web-search::before {
opacity: 0;
transition: opacity 0.5s;
}
.js .search--open::before {
opacity: 1;
} .web-search .btn--search-close {
opacity: 0;
transition: opacity 0.5s;
}
.search--open .btn--search-close {
opacity: 1;
} .search__suggestion,
.web-search .search-attr{
opacity: 0;
transform: translate3d(0, 100px, 0);
transition: opacity 0.8s, transform 0.8s;
}
.search--open .search__suggestion,
.search--open .search-attr{
opacity: 1;
transform: translate3d(0, 0, 0);
font-size:24px;
}
.search--open .search__suggestion:first-child {
transition-delay: 0.15s;
}
.search--open .search__suggestion:nth-child(2) {
transition-delay: 0.2s;
}
.js .web-search .search-ipt {
transform: scale3d(0,1,1);
transform-origin: 0% 50%;
transition: transform 0.3s;
}
.js .search--open .search-ipt {
transform: scale3d(1,1,1);
transition-duration: 0.5s;
}
.search-btn{ display:none !important;}  .scrollsidebar, .scrollsidebar a {
font-size:12px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
}
.scrollsidebar {
position:absolute;
z-index:30;
top:150px;
right:0;
}
.show_btn {
width:38px;
height:192px;
overflow:hidden;
cursor:pointer;
display:block;
overflow:hidden;
background:url(//www.simphoenix.com/wp-content/themes/theme/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(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/icons01.png);
}
.side_content .side_list .cont li .skype:before {
background-image:url(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/icons02.png);
}
.side_content .side_list .cont li .inquiry:before {
background-image:url(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/icons03.png);
}
.side_content .side_list .cont li .qq:before {
background-image:url(//www.simphoenix.com/wp-content/themes/theme/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(//www.simphoenix.com/wp-content/themes/theme/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:0;
top:0;
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(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/fancy_close.png) no-repeat center center;
cursor:pointer;
z-index:1;
} .inquiry-pop-bd{position:fixed;left:0;top:0;width:100%;height:100% ;background:rgba(0,0,0,.7);display:none;overflow:hidden;z-index:20000;}
.inquiry-pop-bd .inquiry-pop{position:relative;width: 550px ;height: 500px ;background:#FFF;margin:50px 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(//www.simphoenix.com/wp-content/themes/theme/img/custom_service/fancy_close.png) no-repeat center center;cursor:pointer;z-index:1;}
.inquiry-form-wrap {position:relative;height: 420px ;width: 100.5% ;}
.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 screen and (max-width: 39.9375em) {
.inquiry-pop-bd .inquiry-pop{ width:98%; height:450px; padding:15px;}
.scrollsidebar{ display:none;}
} .change-language .change-language-title,.change-language .change-language-title a{ font-size:12px; color:#8f8a8a;}
.change-language .change-language-title{ padding:10px 0;}
.change-language .change-language-title a:after{font-family: 'fontawesome'; content:"\f107"; font-size:12px; display:inline-block;}
.change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont{ position:absolute; top:35px; right:-10px; width:350px; background:#FFF; padding:20px 10px 20px 20px;transform: scale3d(0.9,0.9,1);opacity:0;visibility:hidden; z-index:999;-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; border:1px solid #eee; border-radius:5px;max-height: 70vh;
overflow-y: scroll !important;}
.change-language:hover .change-language-cont{transform: scale3d(1,1,1);opacity:1;visibility:visible;}
.change-language .change-language-cont li{  display:inline-block; vertical-align:top; width:30%; margin:0 0 10px; font-size:12px;}
.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;
}
.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(//www.simphoenix.com/wp-content/themes/theme/img/all-m.gif);
width:22px;
height:16px;
margin:0 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 -256px !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;
}
.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 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:0;-webkit-transform:scale(.5); -webkit-transform-origin: center 0;transform:scale(.5); transform-origin: center 0;}100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin: center 0;transform:scale(1);transform-origin: center 0;}}
@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale(.5); -webkit-transform-origin: center 0;-ms-transform:scale(.5); -ms-transform-origin: center 0;transform:scale(.5); transform-origin: center 0;}100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin: center 0;-ms-transform:scale(1);-ms-transform-origin: center 0;transform:scale(1);transform-origin: center 0;}}
.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 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);}
}
@keyframes fadeInUpSmall {0% {opacity: 0;-webkit-transform:translateY(50px) scale(0.7);-ms-transform:translateY(50px) scale(0.7);transform: translateY(50px) scale(0.7);}100% {opacity: 1;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform: translateY(0) scale(1);}}
.fadeInUpSmall {-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse {
from { background-color: rgba(12,170,164,.5); -webkit-box-shadow: 0 0 27px rgba(12,170,164,1); }
50% { background-color: rgba(12,170,164,1); -webkit-box-shadow: 0 0 27px rgba(12,170,164,1); }
to { background-color: rgba(12,170,164,.5); -webkit-box-shadow: 0 0 27px rgba(12,170,164,1); }
}
@-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% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
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;
}
li.product-item {
display: inline-block;
}