@charset "utf-8";
@import url(../../language.css);
:root{--color:#008080;--fontcolor:#222222;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
body{font-size:16px;color:var(--fontcolor);line-height:1.6;font-family:'Roboto Condensed',sans-serif}
ol,ul,li{list-style:none}
img{border:0px;max-width:100%;height:auto;vertical-align:middle}
a{text-decoration:none;color:var(--fontcolor)}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:0;border:none}
textarea{resize:none;overflow:auto}
iframe,table{max-width:100%}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0px;height:0px;visibility:hidden;display:block;clear:both;overflow:hidden}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline{display:inline-block;display:inline;zoom:1}
.header .logo img{max-width:300px;max-height:100px}
.social_link{margin-top:2em;text-align:right}
.social_link_list li{display:inline-block;margin-right:.5em}
.social_link_list li a{color:var(--fontcolor);text-align:center;display:inline-block;font-size:1em;border:1px solid;padding:.4em 0;width:2em;height:2em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all}
.social_link_list li a:hover{color:#FFFFFF}
a.link_facebook:hover{background:#3b5998;border-color:#3b5998}
a.link_twitter:hover{background:#1da1f2;border-color:#1da1f2}
a.link_linkedin:hover{background:#ea4c89;border-color:#ea4c89}
a.link_youtube:hover{background:#1ab7ea;border-color:#1ab7ea}
.top-nav{text-align:center;background-color:var(--color)}
nav.navbar-default{background-color:inherit;border:none;margin:0px}
ul.navbar-center li{display:inline-block;position:relative}
.navbar-default li a.active,.navbar-default>li>a:focus,.navbar-default>li>a:hover{color:var(--color)!important;background-color:#FFFFFF}
.top-nav ul li a{text-decoration:none;font-size:1em;padding:1.5em 2.6em;color:#FFFFFF;font-weight:200}
.top-nav ul li a:focus,.top-nav ul li a:hover{outline:0;background:#FFFFFF;color:var(--color)}
.top-nav ul ul{position:absolute;top:100%;left:0px;z-index:1000;width:auto;padding:5px 0px;margin:0px;text-align:left;background-color:var(--color);display:none}
ul.navbar-center ul li{display:block;line-height:2em}
.top-nav ul ul>li>a{display:block;padding:3px 1.25em;font-weight:var(--fontbold4);white-space:nowrap;font-size:.875em}
.cl-effect-15 a::before{color:#FFFFFF;content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.cl-effect-15 a:focus::before,.cl-effect-15 a:hover::before{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}
.about,.contact,.fill,.news,.team{padding:3em 0em}
.contact{padding:3em 0em 0em}
.inquiry{margin-top:1em}
.h3.about-title,.h3.contact-title,.h3.inquiry-title,.h3.news-title,.h3.pro-title,.h3.team-title,h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:4.5em;margin:.5em auto;text-align:center;color:var(--color);transform:uppercase}
.about h4,.about .h4{font-size:1.2em;width:75%;color:#333333;line-height:2em;border-bottom:1px dashed #ff5722;text-align:center;padding-bottom:1em;margin:0px auto}
p.w-text{font-size:1em;color:#999999;line-height:1.8em;width:75%;text-align:center;margin:0px auto 1em;letter-spacing:1px}
.about-row{margin-top:1.5em}
.about-img{position:relative;display:block;overflow:hidden}
.about-text{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;top:0px;left:0px;-webkit-transition:.5s all;transition:.5s all;-moz-transition:.5s all;-moz-opacity:0;opacity:0}
.about-text .h5,.about-text h5{font-size:2.5em;color:#FFFFFF;text-align:center;margin-top:2.5em}
.about-pro-part1-boxs:hover .about-text{opacity:1;-moz-opacity:1}
img.zoom-img{-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s}
.about-pro-part1-boxs:hover img.zoom-img,.portfolio-pro-part1-boxs:hover img.zoom-img,img.zoom-img:hover{-webkit-transform:scale(1.8);transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);-webkit-transition-timing-function:ease-in-out;-webkit-transition-duration:750ms;-moz-transition-timing-function:ease-in-out;-moz-transition-duration:750ms;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-ms-transition-duration:750ms;-o-transition-duration:750ms;overflow:hidden}
.jarallax{position:relative;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
.team{background:url(bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
h3.white_color{color:#FFFFFF}
.team_text p{color:#FFFFFF;font-size:.9em;margin:0px 0 1.2em}
.team_pro-part1-box{text-align:center}
.view{margin:0px;float:none;overflow-x:hidden;position:relative;border:3px solid #FFFFFF}
.view .content,.view .team_text{position:absolute;overflow:hidden;top:0px;left:0px;height:100%}
.view img{display:block;position:relative}
.view h5{color:#ff5722;text-align:center;position:relative;font-size:1.4em;font-weight:800;margin:0px 0 1em;text-transform:uppercase;letter-spacing:1px}
.team-view img{-webkit-transition:all .4s ease-in-out .5s;-moz-transition:all .4s ease-in-out .5s;-o-transition:all .4s ease-in-out .5s;-ms-transition:all .4s ease-in-out .5s;transition:all .4s ease-in-out .5s}
.team-view .team_text{width:100%;background-color:rgba(0,0,0,.6);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in .4s;-moz-transition:all .3s ease-in .4s;-o-transition:all .3s ease-in .4s;-ms-transition:all .3s ease-in .4s;transition:all .3s ease-in .4s;padding:3em 1em 1em 1em}
.team-view .h5,.team-view h5{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background:0 0;-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;-o-transition:all .3s ease-in-out .1s;-ms-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s}
.team-view p{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-webkit-transition:all .3s ease-in-out .2s;-moz-transition:all .3s ease-in-out .2s;-o-transition:all .3s ease-in-out .2s;-ms-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s}
.team-view:hover .team_text,.team_pro-part1-box:hover .team-view .team_text{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.team-view:hover img,.team_pro-part1-box:hover .team-view img{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.team-view:hover .h5,.team-view:hover h5,.team_pro-part1-box:hover .team-view .h5,.team_pro-part1-box:hover .team-view h5{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.team-view:hover p,.team_pro-part1-box:hover .team-view p{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.team-view .social_icons{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;-o-transition:all .3s ease-in-out .1s;-ms-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s}
.team-view:hover .social_icons,.team_pro-part1-box:hover .team-view .social_icons{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.social_icons .social_link_list li{margin:0px}
.social_icons .social_link_list li a{color:#FFFFFF}
.social_icons .social_link_list li:nth-child(2){margin:0px 1em}
.thumbnail>img{display:block;max-width:100%;height:auto;margin-bottom:.75em}
.pro-part1-info .h3,.pro-part1-info h3{font-size:1.2em;width:100%;color:var(--fontcolor);line-height:1.2em;font-weight:var(--fontbold6)}
.shadow-effect .h3 a,.shadow-effect h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:46px;font-size:18px;line-height:23px}
.pro-part1-info p{padding-top:1em;font-size:1em;color:#999999;line-height:1.5em;height:2.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shadow-effect{-webkit-box-shadow:-2px .25em 5px rgba(25,13,15,.17);-moz-box-shadow:-2px .25em 5px rgba(25,13,15,.17);box-shadow:-2px .25em 5px rgba(25,13,15,.17);-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all}
.shadow-effect:hover{box-shadow:-2px .25em 50px rgba(25,13,15,.38)}
.p-img{width:100%;overflow:hidden;vertical-align:middle;display:block;height:12.5rem}
.shadow-effect a{display:block;overflow:hidden}
.shadow-effect a img{max-width:100%;max-height:100%;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.shadow-effect a img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.p-img img{width:100%;height:100%;object-fit:contain}
.pro-part2{background:var(--color)}
.pro-part1-box{position:relative;clear:both;margin:0px auto;max-width:1000px;list-style:none;text-align:center;background:rgba(0,0,0,.86)}
.pro-part1-box{position:relative;overflow:hidden;margin:.75em 0;height:auto;text-align:center;cursor:pointer}
.pro-part1-box img{position:relative;display:block;width:100%;opacity:.8}
.pro-part1-box .figcaption{padding:2em;color:rgba(0,0,0,.5);text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pro-part1-box .figcaption,.pro-part1-box .figcaption>a{position:absolute;top:0px;left:0px;width:100%;height:100%}
.pro-part1-box .figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0px;opacity:0}
.pro-part1-box p{letter-spacing:1px;font-size:68.5%}
.effect-apollo img{opacity:.95;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-o-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
.effect-apollo .figcaption::before{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.effect-apollo p{position:absolute;right:0px;bottom:0px;color:#FFFFFF;margin:3em;padding:0px 1em;max-width:150px;border-right:.25em solid #FFFFFF;text-align:right;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}
.effect-apollo:hover img{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:.4}
.effect-apollo:hover .figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.effect-apollo:hover p{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
.news-box{-webkit-box-shadow:-2px .25em 5px rgba(25,13,15,.17);-moz-box-shadow:-2px .25em 5px rgba(25,13,15,.17);box-shadow:-2px .25em 5px rgba(25,13,15,.17);-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all}
.news-box:hover{box-shadow:-2px .25em 50px rgba(25,13,15,.38)}
.news-img a{display:block;overflow:hidden;height:260px}
.news-img a img{width:100%;width:100%;height:100%;object-fit:cover;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.news-img a img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
.news-imgtext{padding:2em 1em;text-align:center;position:relative}
.news .h5,.news h5{display:inline-block;background:#ff5722;padding:.8em 1.5em;font-size:1em;color:#FFFFFF;position:absolute;top:-1em;left:28%;letter-spacing:1px}
.news .h4,.news h4{font-size:1.5em;padding:1em 0 .8em;font-weight:var(--fontbold3);letter-spacing:1px}
.news .h4 a,.news h4 a{color:#333333;text-decoration:none;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all}
.news .h4 a:hover,.news h4 a:hover{color:#ff5722}
.news a.w3-agilebtn{padding:.6em 1.5em;color:#999999;font-size:.9em;border-color:#999999;margin:1.5em 0em 0em}
.news a.w3-agilebtn:hover{color:#FFFFFF}
.contact-box{background-color:#4a4a4a;padding:3.5em}
.contact-box .h4,.contact-box h4{font-size:2em;color:#FFFFFF;margin-bottom:1em;font-weight:var(--fontbold4)}
.contact input[type=email],.contact input[type=text],.contact textarea{width:100%;color:#555;background:#FFFFFF;outline:0;font-size:1em;padding:.8em 1em;margin-bottom:1.5em;border:solid 1px #FFFFFF;-webkit-appearance:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.contact textarea{resize:none;min-height:12em}
.contact input[type=submit]{outline:0;color:#FFFFFF;padding:.8em 4em;font-size:1em;-webkit-appearance:none;background:var(--color);border:solid 1px var(--color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
.contact input[type=submit]:hover{background:0 0;color:var(--color)}
.contact::-webkit-input-placeholder{color:#555!important}
.contact-right{text-align:center;margin-top:4em}
.contact-right .h4,.contact-right h4{font-size:1.1em;color:#999999}
.contact-right h3{font-size:3em;color:var(--fontcolor);margin-top:.6em;line-height:1.4em;font-weight:var(--fontbold3)}
.contact-right span.glyphicon{font-size:4em;color:#FFFFFF;background:#ff5722;padding:.8em;text-align:center;display:inline-block;margin:1em 0;border-radius:50%}
.inquiry-heading p{color:#FFFFFF;font-size:.9em;margin:1em 0em 0em 0em;letter-spacing:3px;text-transform:uppercase;text-align:center;background:rgba(0,0,0,.6);padding:.75em}
.inquiry-box{text-align:center;width:75%;margin:2em auto 0}
.inquiry-box input[type=text]{display:inline-block;background:#FFFFFF;border:solid 1px #FFFFFF;width:50%;outline:0;padding:1em;font-size:1em;color:#999999;height:51px}
.inquiry-box i.fa.fa-paper-plane-o{color:#FFF!important;font-size:1.2em!important}
.inquiry-box button.btn1{color:#FFFFFF;font-size:1em;border:solid 1px #ff5722;width:60px;height:51px;text-align:center;text-decoration:none;background:#ff5722;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all}
button.btn1:hover{background:var(--color);border-color:var(--color);outline:0}
.footer{padding:3em 0;text-align:center;background:#1b1b1b}
.agileits_social_icons .social_link_list li:nth-child(4){margin-left:1em}
.footer_icons .social_link_list li a{color:#FFFFFF}
.footer h3{font-size:3em}
.footer h3 a{color:#FFFFFF}
.footer p{font-size:14px;color:#FFFFFF;margin:2em 0em}
.footer p a{color:var(--color)}
.footer p a:hover{color:#FFFFFF}
#toTop{display:none;text-decoration:none;position:fixed;bottom:3%;right:3%;overflow:hidden;width:48px;height:48px;border:none;text-indent:100%;background:url(move-up.png) no-repeat 0 0;z-index:999}
#toTopHover{width:48px;height:48px;display:block;overflow:hidden;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.inner-banner{width:100%;height:auto;margin-bottom:1.5em}
.inner-banner img{max-width:100%}
.sidebar{float:left;width:15em;box-shadow:2px .25em 5px rgba(25,13,15,.17)}
.ctit{background-color:var(--color);text-align:center;border-bottom:1px solid #EEE}
.ctit h3{color:#FFFFFF;font-size:1.2em;height:3em;line-height:3em}
.plist{margin:0px}
ul.sf-menu{font-size:.9em}
ul.sf-menu li{width:100%;line-height:1.5em;padding:.5em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all;position:relative;z-index:999;border-bottom:1px solid #CCC}
ul.sf-menu li:hover{background-color:var(--color)}
ul.sf-menu ul{display:none;position:absolute;top:0px;left:17.25em;background-color:#fafafa;width:100%}
ul.sf-menu ul li a{color:var(--fontcolor)}
ul.sf-menu ul li a:hover{color:#FFFFFF}
ul.sf-menu li:hover>ul{display:block}
.lsec{line-height:3em;padding:.5em;font-size:.9em}
.main{float:left;width:70%;margin-left:2em}
.bPosition{background-color:var(--color);line-height:3em;padding:0px 1.5em;color:#EEE;margin-bottom:1.2em}
.bPosition a{color:#FFFFFF}
.pages{text-align:center;font-size:.75em;padding:1em 0;color:#b2b2b2;clear:both;box-shadow:3px 2px .75em rgba(25,13,15,.17);margin:1em auto}
.pages a,.pages span{display:inline-block;margin:.125em .25em;min-width:.75em;height:2em;padding:0px .75em;line-height:2em}
.pages a:link,.pages a:visited{background:#FFFFFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFFFFF;background:#222222;color:#FFFFFF;text-decoration:none}
.prosubmenu ul li{width:auto;float:left;padding:2%}
.prosubmenu ul li a{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pro-body,.proIntro{clear:both;font-size:14px;color:#444;margin:5px 0px 0px 0px;padding:6px}
.pcon{clear:both;margin:1em auto}
.pcon .tit{height:2.5em;line-height:2.5em;padding-left:1.5em;background-color:var(--color);font-size:1.25em;font-weight:var(--fontbold6);color:#FFFFFF;margin-bottom:15px}
.singglepic{margin-bottom:20px!important}
.singglepic img{max-width:100%}
.pd-title{font-size:1.5em}
.mmv{background-color:var(--color);padding:0px .75em;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.p_more{margin:1em 0;display:inline-block;min-width:6em;padding:.5em 1em;line-height:2em;font-size:.875em;font-weight:var(--fontbold6);text-transform:uppercase;text-align:center;color:#FFFFFF}
.mmv::before{background-color:#192634;transform-origin:0 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmv:hover{color:#FFFFFF;text-decoration:underline}
.mmv:focus{color:#FFFFFF}
.mmv:active{color:#FFFFFF}
.mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.productsTags{font-size:14px;line-height:1.5em;margin:12px 0px;color:#333333}
.productsTags a {color:#333333}
.newcon .pud-date{line-height:2em;border-bottom:solid 1px #CCC;padding-top:.625;font-size:.75em;color:#999999;width:10em;margin:0px auto;text-align:center}
.basic-info{padding-top:1em;overflow:hidden}
.newcon .tit{text-align:center;color:var(--fontcolor);font-size:1em}
.newcon .next,.newcon .prev{font-size:.875em}
.newcon .time{line-height:2em;border-bottom:solid 1px #CCC;padding-top:.625;font-size:.75em;color:#999999;width:10em;margin:0px auto;text-align:center}
.newcon p{padding-top:1.25em;line-height:1.5em;font-size:1em}
.related-tit{height:2.5em;line-height:2.5em;padding-left:1.5em;background-color:var(--color);font-size:1.25em;font-weight:var(--fontbold6);color:#FFFFFF}
.newcon .link-news{padding:.75em 0em 0em 0em;min-height:40px;margin:1em auto}
.newcon .next,.newcon .prev{float:left;font-size:1em;padding:.375em 0;width:48%;white-space:nowrap;margin-right:2%;text-overflow:ellipsis;overflow:hidden}
.newcon .next{margin-right:0px}
.rnews,.rollPro{margin:0px auto}
.rnews li{float:left;width:50%;height:2em;line-height:2em}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:.75em;border-bottom:1px dashed #EEE;padding-left:1em}
.rnews li a:hover{color:#14aacf}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:.375em}
.table p{padding:0px;margin:0px}
.pshare{float:left;padding:.5em 0 0 0}
.jsshare{text-align:center;padding-top:8px}
.pshare li{float:left;width:48%;height:2em;line-height:2em}
.pshare li img{vertical-align:middle;margin-right:.75em}
.jsshare span.stxt{display:inline-block;font-size:.875em;line-height:1.5em;padding:0px .5em 0 0;position:relative}
.jsshare a,.jsshare a img{width:2.125em;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.keywords{margin:.75em auto}
.keywords a{margin-right:.75em;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover{text-decoration:none}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:2em;margin:1em 0em 0em 0em;line-height:2em;background:url(../../down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:2em;background:url(../../down1_1.webp) no-repeat;padding:0px 0 0 1em}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:3em;margin:1em 0em 0em 0em;line-height:3em;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:3em;background:url(../../down2_1.webp) no-repeat;padding:0px .75em 0 1em}
.pdown2 #A_DownLoadProduct{background:url(../../down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../../down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../../down2_4.webp) right top no-repeat}
.rollPro1{width:100%;margin:.75em auto;overflow:hidden}
.rollPro1 h2{padding-bottom:.75em}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0px}
.rollPro1 li:nth-of-type(6){margin-right:0px}
.rollPro1 li:nth-of-type(9){margin-right:0px}
.rollPro1 li:nth-of-type(12){margin-right:0px}
.rollPro1 li .pbox{border:solid 1px #EEE;padding:.25em;height:10em}
.rollPro1 li .pbox img{max-width:100%;max-height:9.5em}
.rollPro1 li p{height:3em;line-height:1.5em;overflow:hidden;margin:.75em auto}
.newslist1{margin:.75em auto .75em auto;float:left;width:100%}
.newslist1 ul{padding-right:1em}
.newslist1 li{text-align:right;height:2em;background:url(arrow-list.gif) .5em .875em no-repeat;border-bottom:1px dashed #DDD;line-height:2em;color:#888;overflow:hidden}
.newslist1 li a{float:left;font-size:.875em;text-align:left;text-indent:1em}
.newslist1 li span{font-size:.875em}
.newslist1 li a:hover{color:#14aacf;text-decoration:underline}
.newslist0 .news-imgtext{padding:1em 1em;text-align:left;position:relative}
.newslist0 .news-item,.pro_lb0 .pro-part1-item{overflow:hidden;margin:1em auto 1.5em}
.newslist0 .news-img img,.pro_lb0 .pro-part1-item .pro-part1-img{border-radius:8px}
.newslist0 h4,.newslist0 h5,.newslist0 p,.pro_lb0 h4,.pro_lb0 p{line-height:1.5em;margin-bottom:.5em}
.newslist0 p,.pro_lb0 p{font-size:14px;line-height:1.5em;margin-bottom:.5em}
@media(max-width:1366px){
.about h4{width:85%}
.about,.contact,.fill,.news,.team{padding:5em 0em}}
@media(max-width:1080px){
.top-nav ul li a{padding:1.2em 1em}
.team-view .team_text{padding:1em 1em 1em 1em}
h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:4.2em}
.news-imgtext{padding:2em 1.5em}
.news .h4,.news h4{padding:.8em 0 .5em}
.view h5{margin:0px 0 .5em}}
@media(max-width:991px){
.top-nav ul li a{padding:1.1em .8em}
p.w-text{width:100%}
.about-row{margin-top:2em}
.about-text .h5,.about-text h5{font-size:2em;margin-top:2em}
.team-info{width:75%;margin:0px auto}
.team_pro-part1-box:nth-child(2){margin-bottom:2em}
.wthree-services-info h5{margin:.8em 0 .5em}
.gallery-grid{padding:0px .5em}
.effect-apollo p{margin:2em}
.grid .figcaption{padding:1em}
.news-item{padding:0px .5em}
.news .h5,.news h5{left:21%}
.news .h4,.news h4{padding:.5em 0 .5em}
.contact-box{padding:2em}
.contact-right h3{font-size:2.2em}
.contact-right span.glyphicon{font-size:3em}
.contact textarea{min-height:8em}
.contact input[type=email],.contact input[type=text],.contact textarea{margin-bottom:1em}
.newcon .tit{text-align:center;color:var(--fontcolor);font-size:.875em}
.newcon .next,.newcon .prev{font-size:.875em}}
@media(max-width:800px){
.about,.contact,.gallery,.news,.services,.team{padding:4em 0em}
h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:3.6em}
.about h4{margin:0px auto 1em;padding-bottom:1em}
p.w-text{letter-spacing:0}
.wthree-services-grid:nth-child(4){margin-bottom:2em}}
@media(max-width:767px){
.agileits-logo h1{font-size:3.2em}
.agile_social_banner{margin-top:.7em}
.social_link_list li{margin-left:.5em}
.about-pro-part1-boxs{padding:1em 9em 0em}
button.navbar-toggle{float:none;margin:1em 0;border-color:#FFFFFF}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFFFFF}
div#bs-example-navbar-collapse-1{position:absolute;width:100%;z-index:9999;background:rgba(0,0,0,.71);border:none;padding:0px}
.top-nav{text-align:left}
ul.nav.navbar-center li{display:block}
.top-nav ul li a{padding:1em 1.8em;font-size:1.1em}
.top-nav ul ul{z-index:1000;width:auto;padding:5px 0px;margin:0px;text-align:left;position:static;background-color:transparent}
.about-grids{padding:1em 9em 0em}
.about-row{margin-top:1em}
.about-text .h5,.about-text h5{margin-top:4em}
.wthree-services-grid{margin-top:1.5em}
.wthree-services-grid:nth-child(4){margin-bottom:0px}
.news-item{padding:1em 9em}
.news .h5,.news h5{left:34%}
.contact-box{padding:3em}
.contact-right span.glyphicon{font-size:2.5em}
.modal-dialog{margin:2em auto;width:85%}
.contact input[type=submit]{padding:.8em 3em}
.newslist0 .news-item{padding:1em 2em}
.pro_lb0 .pro-part1-item{padding:1em 2em}}
@media(max-width:667px){
.about,.contact,.gallery,.news,.services,.team{padding:3em 0em}
.about h4{width:100%}
.team-info{width:85%}
.news-item{padding:1em 7em}
.newslist0 .news-item{overflow:hidden;margin:1em auto 1.5em;padding:1em 7em}}
@media(max-width:600px){
h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:3em;margin-bottom:.3em}
.about-grids{padding:1em 5em 0em}
.about-pro-part1-boxs{padding:1em 5em 0em}
.news-item{padding:1em 5em}
.inquiry-box input[type=email]{width:65%}
.agile-subscribe-heading p{letter-spacing:2px}
.footer p{font-size:14px;margin:1em 0em}
.footer{padding:2em 0em}
ul.sf-menu ul{display:none;position:inherit;background-color:#EEE;width:100%}
ul.sf-menu ul ul{display:none}}
@media(max-width:480px){
.about-grids{padding:1em 2em 0em}
.grid .figcaption{font-size:1.1em}
.team-info{width:100%}
.team_pro-part1-box{padding:0px .5em}
.agileits_social_icons .social_link_list li:nth-child(2){margin:0px .5em}
.news-item{padding:1em 1em}
.contact-box{padding:2em}
.agile-subscribe-heading p{letter-spacing:1px;font-size:.8em}
p{font-size:.9em}
.inquiry-box input[type=email]{width:80%;padding:.8em}
.inquiry-box button.btn1{height:45px}
.footer h3{font-size:2.5em}
.inquiry-box{margin:1em auto 0em}
.modal-body{padding:1em 1.5em 1.5em}
.modal-dialog{width:90%}
.newslist0 .news-item{overflow:hidden;margin:1em auto 1.5em;padding:1em 1em}
.pro_lb0 .pro-part1-item{padding:1em 1em}}
@media(max-width:41.25em){
.about-text .h5,.about-text h5{margin-top:3em}
.team_pro-part1-box{padding:0px 3.5em;width:100%}
.team_pro-part1-box:nth-child(2){margin:1em 0em}
.team_pro-part1-box:nth-child(3){margin-bottom:1em}
.wthree-services-grid{padding:0px .5em}
.news .h5,.news h5{left:30%}
.contact input[type=email],.contact input[type=submit],.contact input[type=text],.contact textarea{font-size:.9em}
.contact-right .h4,.contact-right h4{font-size:1em}
.contact-right{margin-top:3em}
.contact-right h3{font-size:2em}
.contact-right span.glyphicon{font-size:2em}
.inquiry-box{width:95%}
h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:2.5em}
.top-nav ul li a{font-size:1em}
.social_link_list li a{padding:.45em 0em}}
@media(max-width:38.25em){
.gallery-grid{width:100%}
.contact-box .h4,.contact-box h4{font-size:1.8em;margin-bottom:.8em}}
@media(max-width:375px){
.social_link_list li a{font-size:.9em;width:2em;height:2em}
.social_link_list li{margin-left:.3em}
.agileits-logo h1{font-size:2.8em}
.agile_social_banner{margin-top:.6em}
.header{padding:.6em 0em}
.inquiry-box{width:100%}
.footer{padding:1.5em 0em}
.about,.contact,.gallery,.news,.services,.team{padding:2em 0em}
.about h4{font-size:1.1em}
.newslist0 .news-item{overflow:hidden;margin:1em auto 1.5em;padding:1em 0em}
.pro_lb0 .pro-part1-item{padding:1em 0em}}
@media(max-width:31.25em){
.about-grids{padding:1em 0em 0em}
.team_pro-part1-box{padding:0px .5em}
.wthree-services-info h5{font-size:1.3em}
.news-item{padding:1em .5em}
.news .h5,.news h5{left:26%;font-size:.9em}
.news-imgtext{padding:1.5em 1em}
.contact-box{padding:1.5em}
.contact-box .h4,.contact-box h4{font-size:1.5em}
.contact-right{margin-top:2em;padding:0px}
.contact-right .h4,.contact-right h4{font-size:.9em}
.contact-right h3{font-size:1.8em;margin-top:.4em}
.contact-right span.glyphicon{font-size:1.8em}
h3.about-title,h3.contact-title,h3.inquiry-title,h3.news-title,h3.pro-title,h3.team-title{font-size:2.2em}
.inquiry-box input[type=email]{width:76%}
.footer h3{font-size:2em}}
@media(min-width:1200px){
.sidebar{float:left;width:22%}
.main{float:left;width:76%;margin-left:2%}}
@media(max-width:991px){
.sidebar{float:left;width:15em;padding-top:.75em}
.main{float:none;width:auto;margin-left:16em}}
@media(max-width:667px){
.sidebar{float:none;width:100%;padding-top:.75em}
.main{float:none;margin:0px;width:100%}}
.rollPro{height:220px}
.rollPro .Cont{width:810px;overflow:hidden;margin:0px auto;width:87%}
.rollPro .ScrCont{width:2500px}
.rollPro .pic{width:150px;padding:0px 5px}
.rollPro .pbox img{max-width:142px;max-height:120px;line-height:120px}
.rollPro .pbox{width:150px;height:120px;line-height:120px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #EEE;margin:0px auto}
.rollPro p{height:42px;overflow:hidden;line-height:20px;text-align:center}
.rollPro #List1,.rollPro #List2,.rollPro .Cont,.rollPro .pic,.rollPro .wen_jt{float:left}
.rollPro .wen_jt{width:24px;padding-top:45px}
#home{height:94px}
.bbdd{z-index:2;margin:0px;padding:12px 0px 0px 0px;width:100%;text-align:center;position:relative}
.bbdd li{margin:0px 8px 10px 0px;list-style-type:none;display:inline-block}
.bbdd a{display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url(https://img02.v15cdn.com/m216/dot.png) no-repeat 0 -16px;display:block;border-radius:16px;overflow:hidden}
.bbdd a.wmuActive{background-position:0 0}
.wmuSliderNext,.wmuSliderPrev{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0px 0px;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.wmuSliderNext{background:url(https://img02.v15cdn.com/m216/next.png) no-repeat;right:0px}
.wmuSliderPrev{background:url(https://img02.v15cdn.com/m216/prev.png) no-repeat;left:0px}
.wmuSlider:hover .wmuSliderNext{opacity:.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderPrev{opacity:.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderNext:hover,.wmuSlider:hover .wmuSliderPrev:hover{opacity:1;filter:alpha(opacity=50)}
#banner{position:relative}
.social_link{display:flex}
#gallery .example-image-link{display:flex;align-items:center;justify-content:center}
#gallery .example-image-link>img{width:initial;height:initial}
.pro-part1-box{background:0 0}
.vcode-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#FFFFFF;padding:0px 1em;border-radius:3px}
.vcode-row #VCode{padding:.8em 0;width:200px;margin:0px}
#indcate .team_pro-part1-box{width:20%;float:left;padding:7px}
@media screen and (max-width:991px){
#indcate .team_pro-part1-box{width:50%;margin:0px}}
.h3.white_color{color:#FFFFFF}
.recomproduct_in {padding:40px 0px 0px 0px}
.recomproduct_in h2{color:#333333;margin-bottom:20px}
.hotproduct_list {display:flex;justify-content:space-between;flex-wrap:wrap}
.hotproduct_list li {float:left;width:15%;border:1px solid #CCC;padding-top:10px;position:relative;text-align:center;margin-right:2%}
.hotproduct_list li:nth-child(6){margin-right:0px}
.p_pic {max-width:170px;max-height:150px;cursor:pointer}
.recon_name {padding:0px 10px;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:6px}
.procategorybox {padding:40px 0px 0px 0px}
.ptitle {font-size:22px;font-weight:bold;color:#333333;height:40px;line-height:40px;padding-left:33px;background:url(cbg.jpg) no-repeat;padding-bottom:5px;border-top:2px solid var(--color)}
.ptitle span {float:right;color:#999999;margin-right:5px;font-size:14px}
.productcateimg {float:left;width:210px;max-height:465px;overflow:hidden;margin-top:10px}
.tj_box {width:calc(100% - 226px);padding-top:10px;float:right;display:flex;justify-content:space-between;flex-wrap:wrap}
.tj_con {width:19%;float:left;overflow:hidden;margin:0px 1.25% 15px 0px}
.tj_txt {width:100%;line-height:1.4;text-align:center;background:#FFFFFF;padding-top:10px}
.tj_txt a {display:-webkit-box;-webkit-box-orient:vertical}
.tj_pic{width:170px;height:150px}
.tj_pic img{width:100%;max-height:150px}
.tj_con:nth-child(5n) {margin-right:0px}
.tj_con:hover .tj_txt a,.hotproduct_list li:hover .recon_name,.ptitle span a:hover{color:var(--color)}
body.adindex .h3{font-size:3.2em}
ul.footnav {max-width:1170px;margin:30px auto 0px;text-align:center}
ul.footnav li {display:inline-block;line-height:40px}
ul.footnav li a {color:#FFFFFF;font-size:16px;padding:0px 20px}
body.inner>.container{margin-top:20px}
.ptit{height:2.5em;line-height:2.5em;padding-left:1.5em;background-color:var(--color);font-size:1.25em;font-weight:var(--fontbold6);color:#FFFFFF;margin:15px 0px}
.proty-tit{font-size:22px;line-height:1.2;margin:0px 5px}
.proIntro a{color:#555}
.h2.logo a{display:block;height:94px}
.bPosition h1{font-size:inherit;display:inline}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold6);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.plist .pro_lb1{display:flex;flex-wrap:wrap}
.lang{z-index:99999;text-align:left;position:relative;display:flex;align-items:center;margin-left:10px}
.lang-icon{display:flex;align-items:center;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon img{width:24px}
.lang-icon span{position:relative;padding-right:18px;color:var(--fontcolor);margin-left:6px;font-size:14px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:13px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:13px;width:8px;height:1px;background:#333333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:var(--borderradius);box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:79%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){.lang{transition:all .2s linear}
.lang-icon img{width:28px;filter:invert(70%)}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.lang-flex{position:fixed;width:95%;right:auto;left:50%;transform:translateX(-50%)}
.lang-drop.lang-flex .lang-arrow{left:84%}
.lang-drop.lang-flex .lang-wrap{width:100%}
.lang-drop.active{display:block;top:calc(100% + 3px)}}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{background:#F1F1F1;display:flex;justify-content:space-between;align-items:center;border:none;padding:1em .5em}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:13px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{border:none}
.company-intro p{padding:1em .5em 0;font-size:14px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:1em .5em;border-bottom:1px solid #ccc}
.sidebar-item .sidebar-list .item:last-child{margin-bottom:0em}
.sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)}
.sidebar-item .sidebar-list .item:hover .info .title{color:var(--color)}
.sidebar-item .sidebar-list .item .img{width:100px;height:80px;background:#FFFFFF;border:1px solid #EBEBEB;border-radius:3px;overflow:hidden}
.sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info{flex:1;padding-left:15px}
.sidebar-item .sidebar-list .item .info .title{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:5px;text-transform:capitalize;color:var(--color);font-size:14px}
.blogflex{display:flex;align-items:flex-start;padding:20px 12px;border:none;background:#F1F1F1}
.blogflex .blogflex-img{width:50px;height:50px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex .blogflex-img img{width:100%;height:100%;object-fit:cover}
.blogflex .blogflex-info{flex:1;padding-left:10px}
.blogflex .blogflex-info .blogflex-name{font-size:16px;line-height:1.4;font-weight:700}
.blogflex .blogflex-info .blogflex-content{font-size:14px;line-height:1.4;color:#666666;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}