@charset "utf-8";@font-face{font-family:"PlayfairDisplay";src:url("../font/PlayfairDisplay-Black.woff2") format("woff2"),url("../font/PlayfairDisplay-Black.woff") format("woff"),url("../font/PlayfairDisplay-Black.ttf") format("truetype"),url("../font/PlayfairDisplay-Black.eot") format("embedded-opentype"),url("../font/PlayfairDisplay-Black.svg") format("svg")}@font-face{font-family:"Basis Grotesque Pro Bold";src:url("../font/Basis Grotesque Pro Bold.woff2") format("woff2"),url("../font/Basis Grotesque Pro Bold.woff") format("woff"),url("../font/Basis Grotesque Pro Bold.ttf") format("truetype"),url("../font/Basis Grotesque Pro Bold.eot") format("embedded-opentype"),url("../font/Basis Grotesque Pro Bold.svg") format("svg")}@font-face{font-family:"Basis Grotesque Pro Regular";src:url("../font/Basis Grotesque Pro Regular.woff2") format("woff2"),url("../font/Basis Grotesque Pro Regular.woff") format("woff"),url("../font/Basis Grotesque Pro Regular.ttf") format("truetype"),url("../font/Basis Grotesque Pro Regular.eot") format("embedded-opentype"),url("../font/Basis Grotesque Pro Regular.svg") format("svg")}.video-stream{left:0!important;width:100%!important}header .wrapper{display:none}.wrapper .toggle{float:right;width:40px;height:40px;cursor:pointer;color:#fff;text-decoration:none;font-size:14px;text-indent:-9999em;line-height:24px;font-size:1px;display:block;text-align:center;background:#0caddd}html.hc-yscroll{overflow-y:scroll}body.hc-nav-open{position:fixed;width:100%;min-height:100%}.hc-mobile-nav{display:none;position:fixed;top:0;height:100%;z-index:9999999999;overscroll-behavior:none}.hc-mobile-nav.is-ios *{cursor:pointer!important}.hc-mobile-nav .nav-container{position:fixed;z-index:99999999;top:0;width:240px;max-width:100%;height:100%;transition:transform .4s ease}.hc-mobile-nav .nav-wrapper{idth:100%}.hc-mobile-nav .nav-wrapper.nav-wrapper-1{position:static;height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}.hc-mobile-nav ul{list-style:none;margin:0;padding:0}.hc-mobile-nav li{position:relative;display:block}.hc-mobile-nav li.level-open>.nav-wrapper{visibility:visible}.hc-mobile-nav input[type="checkbox"]{display:none}.hc-mobile-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-mobile-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-mobile-nav a,.hc-mobile-nav a:hover{text-decoration:none}.hc-mobile-nav.disable-body:not(.nav-open)::after{pointer-events:none}.hc-mobile-nav.disable-body::after,.hc-mobile-nav.disable-body .nav-wrapper::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-mobile-nav.disable-body.nav-open::after,.hc-mobile-nav.disable-body .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-mobile-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-mobile-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none}.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-mobile-nav.nav-levels-overlap ul ul{height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}.hc-mobile-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transition:transform .4s ease}.hc-mobile-nav.side-left{left:0}.hc-mobile-nav.side-left .nav-container{left:0;transform:translate3d(-100%,0,0)}.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(-40px,0,0)}.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%,0,0)}.hc-mobile-nav.side-right{right:0}.hc-mobile-nav.side-right .nav-container{right:0;transform:translate3d(100%,0,0)}.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(40px,0,0)}.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%,0,0)}.hc-mobile-nav.nav-open .nav-container{transform:translate3d(0,0,0)}.hc-nav-trigger{position:absolute;cursor:pointer;display:none;top:20px;z-index:9980;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{position:absolute;left:0;height:4px;background:#34495e;transition:all .2s ease}
.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0,10px,0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px,0,0)}.hc-mobile-nav::after,.hc-mobile-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}.hc-mobile-nav .nav-wrapper{background:#fafafa;z-index:2}.hc-mobile-nav.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-mobile-nav h2{font-size:14px;font-weight:normal;text-align:left;padding:15px 17px;color:#333;font-family:'Basis Grotesque Pro Bold';text-transform:uppercase;margin-top:0;margin-bottom:0;background:rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.15)}.hc-mobile-nav a{padding:10px 17px;font-size:14px;color:#333;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0.1);font-family:'Basis Grotesque Pro Bold'}.hc-mobile-nav:not(.touch-device) a:hover{background:#f2f2f2}.hc-mobile-nav li{text-align:left}.hc-mobile-nav li.nav-close a,.hc-mobile-nav li.nav-back a{background:rgba(0,0,0,0.05);background-size:100%}.hc-mobile-nav li.nav-close a:hover,.hc-mobile-nav li.nav-back a:hover{background:rgba(0,0,0,0.2)}.hc-mobile-nav li.nav-parent a{padding-right:58px}.hc-mobile-nav li.nav-close span,.hc-mobile-nav li.nav-parent span.nav-next,.hc-mobile-nav li.nav-back span{position:absolute;top:0;right:0;width:45px;height:100%;text-align:center;cursor:pointer;transition:background .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.hc-mobile-nav li.nav-close span::before,.hc-mobile-nav li.nav-close span::after{content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0}.hc-mobile-nav li.nav-close span::before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px)}.hc-mobile-nav li.nav-close span::after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px)}.hc-mobile-nav span.nav-next::before,.hc-mobile-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #808080;border-left:2px solid #808080;transform-origin:center}.hc-mobile-nav span.nav-next::before{transform:translate(-50%,-50%) rotate(135deg)}.hc-mobile-nav li.nav-back span::before{transform:translate(-50%,-50%) rotate(-45deg)}.hc-mobile-nav.side-right span.nav-next::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-45deg)}.hc-mobile-nav.side-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(135deg)}.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:transparent}.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,.hc-mobile-nav.nav-levels-none .nav-container ul ul a{font-size:14px}.hc-mobile-nav.nav-levels-expand .nav-container li,.hc-mobile-nav.nav-levels-none .nav-container li{transition:background .3s ease}.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,.hc-mobile-nav.nav-levels-none .nav-container li.level-open{background:rgba(0,0,0,0.5)}.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,.hc-mobile-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887}.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover{background:#0095f8}.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before{margin-top:2px;transform:translate(-50%,-50%) rotate(45deg)}.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;transform:translate(-50%,-50%) rotate(225deg)}#main-nav{display:none}header{position:relative;padding:50px 0 20px}header .git svg{width:15px;height:15px;fill:#fffce1;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}header .toggle{position:absolute;cursor:pointer;display:none;z-index:9980;min-height:24px;top:22px;right:20px;display:block;cursor:pointer;box-sizing:content-box;font-size:16px;line-height:24px;margin-right:0}header .toggle span{width:28px;top:50%}header .toggle span,header .toggle span::before,header .toggle span::after{position:absolute;left:50%;height:3px;background:#fff;transition:all .1s ease;margin-left:-14px;border-radius:10px}header .toggle span::before,header .toggle span::after{content:'';width:100%;border-radius:5px}
header .toggle span::before{top:-8px}header .toggle span::after{bottom:-8px}header .toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}header .toggle.toggle-open span::before{transform:translate3d(0,8px,0)}header .toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(8px,0,0)}header .toggle div{display:inline-block;margin-right:15px}.hc-mobile-nav .nav-container{width:280px}.hc-mobile-nav a{font-size:14px;text-transform:capitalize}.hc-mobile-nav ul li ul li a{font-size:13px;font-family:'Basis Grotesque Pro Bold';text-transform:capitalize}.hc-mobile-nav ul.first-nav>li>a{font-family:"Basis Grotesque Pro Bold";text-transform:uppercase}.hc-mobile-nav ul.second-nav>li>a{text-transform:uppercase;font-family:"Basis Grotesque Pro Bold"}.mainmenu-area{padding-top:0;float:left}.mainmenu_box{float:left;width:36%;padding-right:0}.mainmenu-left{float:left}.product-menu-title{background:#444 none repeat scroll 0 0;cursor:pointer;padding:3px 16px}.find .product_vmegamenu>ul li a{padding:12px 10px}.product_vmegamenu ul li a.hover-icon::after{content:"\f107";font-family:FontAwesome;font-size:18px;position:absolute;right:0;color:#808080;top:14px}.product_vmegamenu>ul>li a img{max-width:100%;height:auto}.product_vmegamenu>ul>li .vmegamenu{background:#fff none repeat scroll 0 0;border:1px solid #eaeaea;box-shadow:0 0 5px -1px #666;left:0;position:absolute;top:82px;width:100%;opacity:0;z-index:999999;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;visibility:hidden;padding:10px}.product_vmegamenu ul li:hover .vmegamenu{opacity:1;top:52px;visibility:visible}.product_vmegamenu ul li .vmegamenu span{float:left;padding:15px;width:20%}.product_vmegamenu ul li .vmegamenu span img{max-width:100%}.product_vmegamenu ul li .vmegamenu span a.vgema-title{border-bottom:1px solid #eaeaea;font-size:14px;background:#ededed;padding:10px;text-transform:capitalize;text-align:center;letter-spacing:normal}.product_vmegamenu ul li .vmegamenu span:hover a.vgema-title{background:#226cc5;color:#fff}.product_vmegamenu ul li .vmegamenu2{width:400px}.product_vmegamenu ul li .vmegamenu2 span{padding:15px;width:50%}.mainmenu{text-align:center}.mainmenu>nav>ul>li{margin-left:58px;display:inline-block}.mainmenu>nav>ul>li:first-child{padding-left:0}.mainmenu ul li a{color:#373a3c;font-size:17px;font-family:'Basis Grotesque Pro Bold';display:inline-block;line-height:36px;transition:all .3s;z-index:2}.mainmenu>nav>ul>li>a{position:relative}.mainmenu>nav>ul>li>a:before{width:133px;height:48px;left:50%;margin-left:-67px;background:url(../images/nav_bg.png) no-repeat center center;content:'';transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;bottom:-5px;z-index:-1;position:absolute;opacity:0}.mainmenu nav>ul>li:hover>a:before,.mainmenu nav>ul>li.active>a:before,.mainmenu nav>ul>li#active>a:before{opacity:1}.mainmenu nav>ul>li>a i{position:relative;display:none}.mainmenu nav>ul>li>a i:before,.mainmenu nav>ul>li>a i:after{content:'';display:block;width:6px;height:2px;background:#ccc;position:absolute;pointer-events:none;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1)}.mainmenu nav>ul>li>a i:before{right:-12px;top:8px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mainmenu nav>ul>li:hover>a i:before,.mainmenu nav>ul>li.active>a i:before,.mainmenu nav>ul>li#active>a i:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background-color:#666565}.mainmenu nav>ul>li>a i:after{right:-15px;top:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.mainmenu nav>ul>li:hover>a i:after,.mainmenu nav>ul>li.active>a i:after,.mainmenu nav>ul>li#active>a i:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color:#666565}.mainmenu>nav>ul>li>ul{box-shadow:0 5px 27px rgba(0,0,0,.09);left:auto;opacity:0;position:absolute;top:auto;transform:scaleY(0);transform-origin:0 0;transition:all .4s ease 0s;z-index:99999999;padding:5px;visibility:hidden;text-align:left;width:220px;background:#fff;transition:.3s ease;padding:5px 0}.mainmenu ul li:hover>ul{opacity:1;visibility:visible;transform:scaleY(1)}.mainmenu ul li>ul li{display:block;padding:0;background:0;position:relative}.mainmenu ul li>ul li>a{color:#333;padding:8px 15px;text-transform:capitalize;font-size:14px;font-style:normal;position:relative;z-index:1;overflow:hidden;display:block;background-repeat:no-repeat;background-position:90% center;font-family:'Basis Grotesque Pro Regular'}.mainmenu ul li>ul li>a:hover{text-decoration:none;color:#0caddd;background-position:right center;padding-left:17px}.mainmenu ul li>ul li>a:before{content:'';width:3px;background:#0caddd;height:100%;position:absolute;left:0;top:0;transform:scaleX(0);transform-origin:0 0;transition:all .4s ease 0s}
.mainmenu ul li>ul li>a:hover:before{opacity:1;visibility:visible;transform:scaleX(1)}.mainmenu ul li>ul li>a:after{content:'';left:15px;right:15px;background:rgba(255,255,255,0.05);position:absolute;bottom:0;height:1px}.mainmenu ul li>ul li.has-menu::after{content:"\f105";font-family:FontAwesome;font-size:14px;color:#0caddd;position:absolute;right:20px;top:50%;line-height:20px;margin-top:-10px}.mainmenu>nav>ul>li ul.vmegamenu02{box-shadow:0 5px 20px rgba(0,0,0,.05);left:299px;opacity:0;position:absolute;top:auto;transform:scaleX(0);transform-origin:0 0;transition:all .4s ease 0s;z-index:99999999;padding:5px 0 10px 0;visibility:hidden;text-align:left;width:240px;background:#fafafa;transition:.3s ease;margin-top:-45px}.mainmenu ul li:hover>ul.vmegamenu02{opacity:1;visibility:visible;transform:scaleX(1)}.mainmenu ul li>ul.vmegamenu02 li>a{padding:10px}.mainmenu ul li>ul.vmegamenu02 li>a:after{background:#e5e5e5;left:10px;right:10px}.mainmenu>nav>ul>li.product_vmegamenu>ul{width:100%;right:0;padding:10px 10px;border-top:1px solid rgba(255,255,255,0.1)}.mainmenu ul li.product_vmegamenu ul li.container{width:100%}.mainmenu ul li>ul li .nav_list li{padding:0 10px;float:left}.mainmenu .product_vmegamenu li{float:left;width:25%}.nav_list li:nth-child(4n+1){clear:both}.nav_list li .top{align-items:center;border-bottom:1px solid rgba(255,255,255,0.05);margin-top:10px;margin-bottom:6px}.nav_list li .top .title{margin-left:5px;font-size:14px;color:#333;padding:0;line-height:20px;height:40px;display:block;text-transform:capitalize;vertical-align:middle;border-bottom:1px solid #eee;font-family:'Basis Grotesque Pro Bold'}.nav_list li .top .title:hover{color:#0caddd;text-decoration:none}.nav_list li .top .image{display:inline-block;margin-top:10px;border:1px solid #eee;padding:4px}.nav_list li .top .image img{max-width:150px}.nav_list li p{margin:0;margin-bottom:5px}.nav_list li p a{font-size:14px;color:#999;line-height:20px;padding:0;display:inline-block;text-transform:capitalize;font-family:'Basis Grotesque Pro Regular'}.nav_list li p a:before{content:"\f105";color:#999;padding-right:5px;font-family:FontAwesome;transition:all .5s}.nav_list li p a:hover{color:#0caddd;text-decoration:none}.nav_list li p a:hover:before{color:#0caddd;padding-left:6px}.nav_list li .image{display:block;margin-botom:5px;overflow:hidden;padding:0;margin-bottom:10px}.nav_list li .image{max-width:100%;height:auto}.nav_list li .image img{transition:all .5s}.mainmenu ul li.product_vmegamenu>ul li.nav_img{padding-left:20px;padding-right:5px}.mainmenu ul li.product_vmegamenu>ul li.nav_img a{padding:0}@media only screen and (max-width:992px){header .wrapper{display:block}}header.small .toggle span,header.small .toggle span::before,header.small .toggle span::after{background:#fff}header.small .mainmenu-area{padding-top:0}#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{border:0 none;box-sizing:border-box;display:block;line-height:1;list-style:outside none none;margin:0;padding:0;position:relative}#cssmenu::after,#cssmenu>ul::after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}#cssmenu #menu-button{display:none}#cssmenu{line-height:1;margin:auto;width:auto;z-index:55;float:left;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}#cssmenu>ul>li{float:left;margin-left:70px}#cssmenu>ul>li:first-child{margin-right:0}#cssmenu>ul>li>a{color:#373a3c;font-size:17px;font-family:'Basis Grotesque Pro Bold';text-decoration:none;line-height:36px;position:relative}#cssmenu>ul>li>a:before{width:133px;height:48px;left:50%;margin-left:-67px;background:url(../images/nav_bg.png) no-repeat center center;content:'';transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;bottom:-5px;z-index:-1;position:absolute;opacity:0}#cssmenu>ul>li:hover>a:before,#cssmenu>ul>li.active>a:before{opacity:1}@media only screen and (min-width:768px){#cssmenu>ul>li{position:relative}}#cssmenu ul ul{left:-9999px;position:absolute;text-align:left}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{right:0}#cssmenu ul ul ul{margin-left:100%;top:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li{height:0;transition:height .2s ease 0s}#cssmenu ul li:hover>ul>li{height:auto}#cssmenu ul ul li a{color:#666;font-size:16px;padding:16px 10px;text-decoration:none;transition:color .2s ease 0s;width:230px}@media only screen and (max-width:940px){#cssmenu ul ul li a{font-size:12px}}#cssmenu ul ul li:hover>a,#cssmenu ul ul li a:hover{color:#0caddd}#cssmenu ul ul li.has-sub>a::after{border-bottom:2px solid #0caddd;border-right:2px solid #0caddd;content:"";height:6px;position:absolute;right:10px;top:18px;transform:rotate(-45deg);transition:border-color .2s ease 0s;width:6px;color:#0caddd}
#cssmenu.align-right ul ul li.has-sub>a::after{border-color:#0caddd -moz-use-text-color -moz-use-text-color #ddd;border-style:solid none none solid;border-width:1px 0 0 1px;left:10px;right:auto}#cssmenu ul ul li.has-sub:hover>a::after{border-color:#0caddd}@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:768px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:768px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:768px),only screen and (min-device-pixel-ratio:2) and (max-width:768px),only screen and (min-resolution:192dpi) and (max-width:768px),only screen and (min-resolution:2dppx) and (max-width:768px){#cssmenu{width:100%}.open{background:#fff none repeat scroll 0 0}#cssmenu ul{display:none;width:100%}#cssmenu>ul>li>a{padding:10px;color:#333}#cssmenu.align-center>ul,#cssmenu.align-right ul ul{text-align:left}#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover>ul>li{height:auto;width:100%}#cssmenu ul li a,#cssmenu ul ul li a{width:100%}#cssmenu>ul>li,#cssmenu.align-center>ul>li,#cssmenu.align-right>ul>li{border-bottom:1px solid #f5f5f5;display:block;float:none;margin-left:0}#cssmenu>ul>li ul li{background:0}#cssmenu ul ul li a{background:rgba(0,0,0,0) none repeat scroll 0 0;font-size:13px;border-top:1px solid #eee}#cssmenu ul ul li a img{max-width:none;width:40px!important}#cssmenu ul ul li{box-shadow:none}#cssmenu ul ul li:hover>a,#cssmenu ul ul li a:hover{color:#0caddd}#cssmenu ul ul ul li a{padding-left:15px;padding:12px 15px;color:#666}#cssmenu ul{text-align:left}#cssmenu ul ul ul li a::before{content:"";font-family:FontAwesome;padding-right:5px}#cssmenu ul ul,#cssmenu ul ul ul{left:0;margin:0;position:relative;right:auto;width:100%}#cssmenu>ul>li.has-sub>a::after,#cssmenu ul ul li.has-sub>a::after{display:none}#menu-line{display:none}#cssmenu #menu-button{color:#fff;cursor:pointer;display:inline-block;font-size:14px;text-transform:uppercase;background:#0188cc;height:40px;width:100%}#cssmenu #menu-button::after{background:#fff none repeat scroll 0 0;content:"";display:block;height:2px;position:absolute;right:20px;top:15px;width:15px}#cssmenu #menu-button::before{border-bottom:2px solid #fff;border-top:2px solid #fff;content:"";display:block;height:7px;position:absolute;right:20px;top:20px;width:15px}#cssmenu .submenu-button{cursor:pointer;display:block;height:42px;position:absolute;right:2px;top:0;width:62px;z-index:10}#cssmenu .submenu-button::after{background:#777 none repeat scroll 0 0;content:"";display:block;height:11px;left:31px;position:absolute;top:16px;width:1px;z-index:99}#cssmenu .submenu-button::before{background:#777 none repeat scroll 0 0;content:"";display:block;height:1px;left:50%;margin-left:-5px;position:absolute;top:50%;width:11px;z-index:99}#cssmenu .submenu-button.submenu-opened::after{display:none}#cssmenu ul ul,#cssmenu ul ul ul{background:#f8f8f8 none repeat scroll 0 0}#cssmenu ul ul li{background:rgba(0,0,0,0) none repeat scroll 0 0}#cssmenu ul ul{padding-top:0}#cssmenu>ul>li>a{border-radius:0}}@media only screen and (min-width:768px){#cssmenu>ul>li>ul{position:absolute;margin:30px 0 0 -0px;height:0;transition:all .5s ease 0s;opacity:0;top:auto}#cssmenu>ul>li:hover>ul{margin:0;height:auto;opacity:1}#cssmenu>ul>li>ul>li>ul{margin-left:95%;top:0;padding:0;transition:all .5s ease 0s;opacity:0}#cssmenu>ul>li>ul>li:hover>ul{transition:all .5s ease 0s;margin-left:100%;top:0;padding:0;opacity:1}#cssmenu ul ul,#cssmenu2 ul ul{left:-9999px;position:absolute;transform-origin:0 0;transition:-moz-transform .5s ease 0s,opacity .3s ease 0s}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul,#cssmenu2.align-right li:hover>ul{right:0}#cssmenu ul ul ul,#cssmenu2 ul ul ul{margin-left:100%;top:0}#cssmenu.align-right ul ul ul,#cssmenu2.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul li ul{box-shadow:1px 3px 4px 1px rgba(0,0,0,0.18);border-radius:6px;background:#fff}}@media only screen and (max-width:992px){#cssmenu{display:none}}:focus{outline:0}img{border:0;height:auto;max-width:100%}body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0}input{padding:0;vertical-align:middle;line-height:normal;border:0}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{line-height:0;display:taFble;content:""}.clearfix:after{clear:both}a:hover{text-decoration:none}a:focus{outline-style:none;-moz-outline-style:none;text-decoration:none}.clear{clear:both}ul li{list-style-position:inside}body{font-size:14px;font-family:'Basis Grotesque Pro Regular';color:#666;background:#fff;overflow-x:hidden;line-height:28px}a{color:#666}.h4,p{margin:0}a,img,a:hover{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.table-responsive td{padding-left:8px}.page ul{padding-left:16px}
.search_box{width:100%;float:right;max-width:300px;padding-top:6px;margin-top:16px}.attr-nav .search{text-align:center;background:url(../images/search_ico.png) no-repeat center center;display:inline-block;height:32px;width:32px;position:relative;border-radius:50%}.header_search-button{display:inline-block;position:relative;width:20px;height:20px;margin-top:0;vertical-align:bottom;cursor:pointer}.top-search{display:block;width:100%}.top-search em{font-size:18px;font-style:normal;color:#fff;font-family:'Basis Grotesque Pro Bold';margin:10px 0;text-transform:uppercase;display:none}.top-search .input-group-addon{position:absolute;right:8px;top:6px;width:24px;height:24px;background:rgba(0,0,0,0.5)}.top-search .input-group-addon i{display:flex;flex-direction:column;justify-content:center}.top-search .input-group-addon i:before,.top-search .input-group-addon i:after{content:'';display:inline-block;background:#fff;width:16px;height:2px;margin:2px 0}.top-search .input-group-addon i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px)}.top-search .input-group-addon i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px)}.top-search .form-control{box-shadow:none;border:0;border:0;background:#f8f8f8;border:1px solid #e5e5e5;color:#999;height:42px;line-height:42px;padding:0 50px 0 15px;text-align:left;border-radius:0;font-size:13px}.top-search input.form-control:focus{color:#333;font-style:inherit;background:#fff}.top-search input::-ms-input-placeholder{color:#808080}.top-search input::-webkit-input-placeholder{color:#808080}.top-search input::-moz-placeholder{color:#808080}.top-search input::-moz-placeholder{color:#808080}.top-search .input-group-addon.close-search{cursor:pointer}.top-search .input-group{width:100%;background:rgba(0,0,0,0.3);padding:10px;padding-right:40px}.btn_search1{background:#eee url(../images/search_ico.png) no-repeat center center;top:0;height:50px;position:absolute;right:0;width:60px;z-index:3;border-radius:0}.header_search{position:relative}.top-search .input-group-addon{background-color:transparent;border:0;color:#666;padding-left:0;padding-right:0}.top-search .input-group-addon.close-search{cursor:pointer;float:right;display:none}.attr-nav ul li{list-style:none}.search_box{margin:0;max-width:100%;padding:0;width:auto}.top-search .input-group{width:50%;margin:0 auto;text-align:left;float:right}.top-search{display:none;width:100%;position:absolute;left:0;z-index:9999999;top:70px}.top-search em,.top-search .input-group-addon.close-search{display:block}.top-search .form-control{height:50px;line-height:50px;background:#fff}.attr-nav{display:block;padding-top:0;margin-left:30px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;float:left;position:relative;z-index:666}.select{position:relative;float:right;z-index:9999999;padding-left:15px;background:rgba(255,255,255,0.1);padding:5px 10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding-right:15px}.select ul li{list-style:none}.select dt{height:26px;display:inline-block;line-height:26px;font-size:14px;text-transform:capitalize;cursor:pointer;width:100%;overflow:hidden;position:relative;z-index:99;text-align:right;font-weight:normal;padding:0;color:#444;margin-left:5px}.select dt img,.select dd ul li a img{display:inline-block;margin-right:6px;vertical-align:middle;overflow:hidden;border-radius:50%}.select dd ul li a img{width:16px}.select dt:after{font-family:FontAwesome;color:#444;width:100px;vertical-align:middle;content:"\f107";font-size:14px;transition:all .3s ease 0s;margin-left:6px}.select dt.cur:after{font-family:FontAwesome;color:#777;width:100px;vertical-align:middle;content:"\f106";font-size:14px}.select dd{position:absolute;right:0;top:34px;background:#fff;display:none;z-index:9999999;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px}.select dd ul{padding:10px 10px 5px 15px;width:240px;text-align:left}.select dd ul li{position:relative;width:50%;float:left}.select dd ul li a{line-height:22px;display:inline-block;color:#555;font-size:14px;text-transform:capitalize;padding:0 0 0 26px;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease 0s;opacity:0;-webkit-transform:translate3d(50px,0px,0);transform:translate3d(50px,0px,0)}.select dd ul li a{opacity:0}.select dd ul li img{height:auto;position:absolute;left:0;top:4px}.select dd ul li a:hover{color:#fe753f}.select dd.open ul li a{opacity:1;-webkit-transform:translate3d(0px,0px,0);transform:translate3d(0px,0px,0)}.select dd.open ul li:nth-child(1) a{-webkit-transition-delay:45ms;transition-delay:45ms}.select dd.open ul li:nth-child(2) a{-webkit-transition-delay:90ms;transition-delay:90ms}.select dd.open ul li:nth-child(3) a{-webkit-transition-delay:135ms;transition-delay:135ms}
.select dd.open ul li:nth-child(4) a{-webkit-transition-delay:180ms;transition-delay:180ms}.select dd.open ul li:nth-child(5) a{-webkit-transition-delay:225ms;transition-delay:225ms}.select dd.open ul li:nth-child(6) a{-webkit-transition-delay:270ms;transition-delay:270ms}.select dd.open ul li:nth-child(7) a{-webkit-transition-delay:315ms;transition-delay:315ms}.select dd.open ul li:nth-child(8) a{-webkit-transition-delay:360ms;transition-delay:360ms}.select dd.open ul li:nth-child(9) a{-webkit-transition-delay:405ms;transition-delay:405ms}.select dd.open ul li:nth-child(10) a{-webkit-transition-delay:450ms;transition-delay:450ms}.header_section{margin-top:10px}.header_section #logo{float:left;margin-top:8px;width:153px}.header_section .nav_section{float:right;margin-top:22px;position:relative}#logo{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}#logo img{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;width:153px}header{width:100%;z-index:9999999;padding:0;position:fixed}header.large{padding:0}header.small #logo{width:106px}header.small{left:0;top:0;padding:0;background:#fff;background-size:cover;position:fixed;box-shadow:0 0 20px 2px rgba(0,0,0,0.1)}header.small .top_section{height:0}header.small .header_section{padding-bottom:8px;margin-top:0}header.small .top-search{top:92px}@media only screen and (max-width:1440px){.header_section .container{padding:0 20px;margin-top:0}#cssmenu>ul>li{margin-left:40px}}@media only screen and (max-width:1230px){#cssmenu>ul>li{margin-left:20px}#cssmenu>ul>li>a{font-size:15px}.top_section .top_r .top_sns{display:none}.mainmenu>nav>ul>li{margin-left:10px}.mainmenu ul li a{font-size:15px}}@media only screen and (max-width:992px){.header_section #logo{width:auto}.select{background:#fff;margin-right:100px;border-radius:0;margin-top:13px;border:1px solid #eee}.attr-nav{position:absolute;right:60px;top:13px}.top_section .container,.header_section .container{width:100%}.height{padding-top:80px}.header_section #logo{margin:6px 0}#logo img{height:70px;width:auto}.attr-nav .search{width:40px;height:40px;border-left:1px solid rgba(255,255,255,0.2);margin-right:50px;background-color:#eee;border-radius:0;margin-right:0}.header_section .nav_section{margin-top:0}.top-search{top:80px}.top-search .input-group{width:100%}header.small .toggle{top:6px}header.small .header_section{padding-bottom:0}header.small #logo img{height:36px}header.small .select{display:none}header.small .attr-nav{top:6px}}@media only screen and (max-width:550px){.select{padding:0;border:0}.select dt{font-size:12px}#logo img{height:50px;margin-top:5px}.top_section .con{display:none}.top_section .top_r .language,.top_section .top_r{width:100%;text-align:center}.top_section .top_r .language a{margin-left:10px}.top_section .top_r .language a img{width:20px;margin-right:20px}}@media only screen and (max-width:320px){.select{margin-right:0;margin-top:0}header .attr-nav{top:32px}header .toggle{top:32px}}.bs-slider{overflow:hidden;position:relative}.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.40)}.bs-slider>.carousel-inner>.item>img,.bs-slider>.carousel-inner>.item>a>img{margin:auto;width:100%!important}.fade{opacity:1}.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.fade .item:first-child{top:auto;position:relative}.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.control-round .carousel-control{top:50%;z-index:555;color:#fff;display:block;cursor:pointer;overflow:hidden;text-shadow:none;position:absolute;background:transparent}.control-round:hover .carousel-control{opacity:1}.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{border:0 transparent}.control-round .carousel-control{margin:0 60px;width:70px;height:70px;-webkit-transition:width .3s,background-color .3s;transition:width .3s,background-color .3s;margin-top:-31px!important}.carousel-control .icon-wrap{position:absolute}.carousel-control.left .icon-wrap{left:0}.carousel-control.right .icon-wrap{right:0}.banner .indicators-line>.carousel-indicators{right:0;bottom:0;left:auto;width:100%;height:20px;font-size:0;overflow-x:auto;text-align:center;overflow-y:hidden;white-space:nowrap}.banner .indicators-line>.carousel-indicators li{padding:0;width:35px;height:7px;text-indent:0;overflow:hidden;text-align:left;position:relative;margin-right:5px;z-index:10;border-radius:30px;cursor:pointer;background:rgba(255,255,255,1);border:0}
.banner .indicators-line>.carousel-indicators li:last-child{margin-right:0}.banner .indicators-line>.carousel-indicators .active{margin:1px 5px 1px 1px;background-color:#d11b20;position:relative;-webkit-transition:box-shadow .3s ease;-moz-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;border:1px solid #d11b20}.banner .indicators-line>.banner .carousel-indicators .active:before{transform:scale(0.5);background-color:rgba(255,255,255,0.5);content:"";position:absolute;left:-1px;top:-1px;width:23px;height:23px;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.slide_style_left{text-align:left!important}.slide_style_right{text-align:right!important}.slide_style_center{text-align:center!important}.banner_text{padding:10px;position:absolute;bottom:50%;width:100%;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0%,50%);-moz-transform:translate(0%,50%);-ms-transform:translate(0%,50%);-o-transform:translate(0%,50%);transform:translate(0%,50%);padding:0 150px}.slide-text{margin:0;display:inline-block;max-width:630px}.slide-text .h4{padding:0;-webkit-animation-delay:.7s;animation-delay:.7s}.slide-text .h4 a{font-family:'PlayfairDisplay';font-size:80px;line-height:80px;color:#2fa8e1;display:inline-block;margin-bottom:45px}.slide-text p{font-size:30px;color:#000;line-height:50px;display:inline-block;margin-bottom:16px}.slide-text .more{line-height:60px;display:inline-block;padding:0 42px;border-radius:30px;background:#7bd3ee;font-size:14px;color:#fff;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;letter-spacing:2px;margin-top:20px}@media(max-width:1260px){.slide-text{width:500px}.slide-text .h4 a{font-size:40px;line-height:40px}.slide-text p{font-size:24px;line-height:30px}.slide-text .more{font-size:12px;line-height:40px;padding:0 30px}}@media(max-width:992px){.slide-text{width:500px}.slide-text .h4 a{font-size:30px;line-height:30px;margin-bottom:10px}.slide-text p{font-size:16px;line-height:20px}.control-round .carousel-control{margin:0}.banner_text{padding:0 80px}.slide-text .more{margin-top:10px}}@media(max-width:768px){.banner_text{padding:0 15px}.slide-text{width:100%;text-align:left}.slide-text .h4 a{font-size:20px;line-height:20px;margin-bottom:10px}.slide-text p{font-size:14px;line-height:20px;display:none}.slide-text .more{display:none}}@media(max-width:768px){.slide-text p{background:0;padding:0;font-family:'Basis Grotesque Pro Bold';font-size:14px}.slide-text h4 a{font-family:'Basis Grotesque Pro Bold';font-size:16px;line-height:20px}.slide-text{padding:8px}.control-round .carousel-control{display:none}}.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}.slick-slide img{display:block;margin:0 auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}.slick-slide img{display:block;margin:0 auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;margin-top:-10px;padding:0;border:0;outline:0}.slick-prev:focus,.slick-next:focus{outline:0}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-dots{position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%;z-index:999;left:0;margin-top:34px}.slick-dots li{position:relative;display:inline-block;height:5px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:5px;width:52px;outline:0;line-height:0;font-size:0;cursor:pointer;outline:0;background:#eee}.slick-dots li button:focus{outline:0}.slick-dots li.slick-active button{background:#0db26d}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;margin-top:-10px;padding:0;border:0;outline:0}.slick-prev:focus,.slick-next:focus{outline:0}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-dots{position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%;z-index:999;left:0;bottom:-10px}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{display:block;height:8px;width:8px;line-height:0;font-size:0;cursor:pointer;outline:0;background:#e5e5e5;border-radius:50%;border:2px solid #e5e5e5;margin:0;padding:0;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.slick-dots li button:focus{outline:0}.slick-dots li.slick-active button{background:#0caddd;border:2px solid #0caddd;width:16px;border-radius:30px}.i_title{margin-bottom:30px;text-align:center;position:relative}.i_title .h4{font-size:48px;color:#212121;font-family:"PlayfairDisplay";line-height:50px;margin-bottom:40px;display:inline-block}.i_title p{color:#444;font-size:20px;line-height:30px;max-height:60px;overflow:hidden;max-width:1100px;margin:auto}.title_l{text-align:left}.title_l .h4{padding-left:0}.title_l p{padding:0;margin:0;max-height:72px;overflow:hidden}@media only screen and (max-width:1260px){.i_title .h4{font-size:36px;margin-bottom:10px}.i_title p{font-size:14px;line-height:26px;height:52px}}@media only screen and (max-width:992px){.i_title .h4{font-size:30px;line-height:30px}}@media only screen and (max-width:400px){.i_title .h4{font-size:20px}}.light_box{position:relative;display:block}.light_box::after{content:"";bottom:0;left:0;position:absolute;right:0;top:0;-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;background:rgba(0,0,0,0.15)}.light_box::before{content:"";bottom:0;left:0;position:absolute;right:0;top:0;-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;background:rgba(0,0,0,0.15) url(../images/link_ico.png) no-repeat center center;z-index:1}.light_box::after{-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}.light_box::before{-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1)}.light_box:hover::before,.light_box:hover::after,li:hover .light_box::before,.honor_section .li:hover .light_box::before,.honor_section .li:hover .light_box::after,li:hover .light_box::before,li:hover .light_box::after{-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.more_h{position:relative;overflow:hidden}.more_h:before{content:' ';position:absolute;background:rgba(255,255,255,0.3);width:20px;height:60px;top:0;left:-45px;opacity:.3;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.more_h:after{content:"\f061";font:normal normal normal 12px/1 FontAwesome;color:#fff;position:absolute;right:0;line-height:20px;top:50%;margin-top:-10px;opacity:0;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.more_h:hover:after{right:15px;opacity:1}.more_h:hover{padding-right:40px!important}.more_tc{text-align:center}.more_1{line-height:36px;color:#333;padding:0 20px;background:#fff;font-family:"Basis Grotesque Pro Bold";font-size:14px;text-transform:capitalize;display:inline-block;position:relative;overflow:hidden;border:1px solid #e5e5e5}.more_1:hover{background:#0caddd;border:1px solid #0caddd;color:#fff}.img_h{position:relative;display:block;text-align:center;-webkit-transition:all .5s ease .1s;-moz-transition:all .5s ease .1s;-o-transition:all .5s ease .1s;transition:all .5s ease .1s}.img_h .img1{display:block;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.img_h .img2{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:#fff}li:hover .img_h .img2,.li:hover .img_h .img2{opacity:1}.line{position:relative;overflow:hidden;display:block}.line:before{display:inline-block;width:100%;height:100%;content:'';position:absolute;left:0;top:-100px;z-index:999;opacity:0;transition:.5s all}.line:hover:before{opacity:1;top:0}.line:after{width:calc(100%+20px);height:calc(100%+20px);position:absolute;left:-10px;top:-10px;content:'';border:1px solid rgba(255,255,255,0.3);transition:all ease-out .3s;z-index:55}.line:hover:after{width:calc(100% - 60px);height:calc(100% - 60px);left:30px;top:30px}.more_line *{transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.more_line{line-height:30px;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;font-size:14px;color:#0caddd;display:inline-block;margin-top:5px}.more_line i{font-size:14px;color:#0caddd}.more_line .line_l{display:inline-block;width:16px;height:1px;background:#0caddd;margin-top:15px;float:left;width:0}.more_line .line_text{float:left;margin:0 6px}.more_line .line_r{display:inline-block;width:10px;height:1px;background:#0caddd;margin-top:15px;float:left}.more_line i{float:left;line-height:30px}li:hover .more_line{margin-left:0}li:hover .more_line .line_l{width:16px;background:#0caddd}li:hover .more_line .line_r{width:0;background:#0caddd}li:hover .more_line .line_text,li:hover .more_line i{color:#0caddd}.partner_section{margin:60px 0}.partner_section .slick-dots{bottom:-30px}.partner_section .partner_title{text-align:center;position:relative;margin-bottom:35px}.partner_section .partner_title:before{position:absolute;left:0;top:50%;width:100%;background:#eee;height:1px;content:'';z-index:1}.partner_section .partner_title span{font-size:48px;color:#212121;display:inline-block;padding:0 50px;font-family:"PlayfairDisplay";line-height:50px;position:relative;z-index:2;background:#fff}.partner_section a{display:inline-block;margin:0 10px}.partner_section .li img{opacity:.5}.partner_section .li:hover img{opacity:1}@media only screen and (max-width:1260px){.partner_section .partner_title span{font-size:36px}}@media only screen and (max-width:992px){.partner_section .partner_title span{font-size:30px;line-height:30px}.partner_section{margin-top:20px}.partner_section .partner_title{margin-bottom:20px}}@media only screen and (max-width:500px){.partner_section .partner_title span{font-size:20px;line-height:30px}}.cate_section{padding:0 30px;padding-bottom:60px;background:#f7f7f7;padding-top:60px;position:relative}.cate_section .li{padding-bottom:230px;position:relative;margin:0 20px;margin-bottom:20px;transition:.5s all}.cate_section .li:hover{background:#fff}.cate_section .li .img{display:block}.cate_section .li .text{position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:0 8%;padding-bottom:30px}.cate_section .li .cate_line{width:34px;height:4px;background:#0caddd;display:inline-block}.cate_section .li .title{display:block;font-size:26px;color:#333;font-family:"Basis Grotesque Pro Bold";margin-top:20px}.cate_section .li p{line-height:30px;height:0;overflow:hidden;transition:.5s all;font-family:"Basis Grotesque Pro Bold";font-size:20px;color:#373a3c}.cate_section .li .more{line-height:60px;display:inline-block;padding:0 60px;border-radius:30px;background:#fff;font-size:14px;color:#0caddd;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;letter-spacing:2px;margin-top:30px}.cate_section .li .more i{margin-left:10px}.cate_section .li:hover p{height:60px;margin-top:20px}.cate_section .li:hover{background:#fff}.cate_section .li:hover .img{opacity:0}.cate_section .li:hover .more{background:#0caddd;color:#fff}
@media only screen and (max-width:1260px){.cate_section .li .title{font-size:20px}.cate_section .li .more{font-size:12px}.cate_section .li .more{line-height:40px;padding:0 20px}.cate_section{padding-bottom:0}.cate_section .slick-prev{width:34px;height:34px;position:absolute;left:-30px;top:50%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.cate_section .slick-prev::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:30px;content:"\f104";line-height:34px}.cate_section .slick-next{width:34px;height:34px;position:absolute;right:-30px;top:50%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.cate_section .slick-next::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:30px;content:"\f105";line-height:34px}.cate_section .slick-prev:hover,.cate_section .slick-next:hover{opacity:1}}.index_video{padding:80px 0 100px;text-align:center;background:url(../images/index_bg1.jpg) no-repeat 150px 60px,url(../images/index_bg2.jpg) no-repeat right 60px}.index_video .main{max-width:1200px;margin:0 auto;box-shadow:0 4px 19px 10px rgba(0,0,0,0.08)}@media only screen and (max-width:992px){.index_video{padding:40px 0}}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left;text-align:center}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.indicator-style.owl-theme .owl-controls .owl-buttons div{background:inherit;width:36px;height:36px;border:1px solid #eee;background:#f2f2f2;padding:0;position:absolute;right:5px;top:50%;margin-top:-30px;overflow:hidden;text-align:center;transition:all .5s;background-repeat:no-repeat;background-position:center center;border-radius:20px}.indicator-style.owl-theme .owl-controls .owl-buttons div i{display:none}.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-50px}.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev:before{content:"\f104";font-size:28px;color:#919191;line-height:34px;font-family:FontAwesome}.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-50px}.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next:before{content:"\f105";font-size:28px;color:#919191;line-height:34px;font-family:FontAwesome}.indicator-style.owl-theme .owl-controls .owl-buttons div:hover{background-color:#0caddd;border-color:#0caddd}.indicator-style.owl-theme .owl-controls .owl-buttons div:hover:before{color:#fff}@media only screen and (max-width:1300px){.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-10px}.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-10px}.indicator-style.owl-theme .owl-controls .owl-buttons div:hover{background:#0caddd;color:#fff}}.index_main{background:#e9f8ff;padding:80px 0}.about_content .left_image{width:50%;padding-right:40px;height:610px;overflow:hidden}.about_content .left_image a{display:block}.about_content .left_image img{max-width:100%;width:auto;position:relative;z-index:666}.about_content .left_image .img{box-shadow:0 4px 19px 10px rgba(0,0,0,0.08);position:relative;display:inline-block}.about_content .left_image .img:after{position:absolute;left:-10px;top:50px;width:100%;height:calc(100% - 100px);background:#d7e5ed;content:''}.about_content .features-tab{padding:0;float:right;position:relative;z-index:4;padding-right:22px;padding-top:30px}.about_content .nav-tabs{border:0;border:0;text-align:center;display:block}.about_content .nav-tabs li{display:inline-block;width:25%;float:left;text-align:center;float:left;position:relative;overflow:hidden;background:0}
.about_content .nav-tabs li a{border:0;padding:10px 0;margin:0;display:block;transition:all .5s;position:relative;z-index:4;border-radius:0}.about_content .nav-tabs li a .icon{display:inline-block;width:100px;height:100px;border-radius:50%;border:3px solid #ddebf2;transition:.5s all}.about_content .nav-tabs li a .icon img{filter:grayscale(100%);filter:gray;opacity:.5}.about_content .nav-tabs li a p{display:block;color:#333;font-size:20px;line-height:20px;text-transform:uppercase;vertical-align:middle;transition:all .5s;margin:0;line-height:30px;font-family:"Basis Grotesque Pro Bold";margin-top:25px}.about_content .nav-tabs>li>a:hover .icon,.about_content .nav-tabs li.active .icon{border:3px solid #0caddd}.about_content .nav-tabs>li>a:hover .icon,.about_content .nav-tabs li.active .icon img{filter:grayscale(0);filter:none;opacity:1}.about_content .nav-tabs>li.active>a>p,.about_content .nav-tabs>li>a:hover>p,.about_content .nav-tabs>li.active>a:focus>p{color:#0caddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus,.nav>li>a:hover,.nav>li>a:focus{background:0}.about_content .tab-content{position:relative;padding-left:20px;min-height:400px}.about_content .main_title{text-align:left;z-index:5;background-position:left top}.about_content .main_title em{margin-bottom:0;background:0;padding-top:0}.about_content .single-product{padding:5px 10px;text-align:left;position:relative;z-index:5}.about_content .single-product>.image{display:block;overflow:hidden;text-align:center}.about_content .single-product>.image img{max-width:100%;height:auto;transition:all .9s}.about_content .single-product:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.about_content .single-product>.title{display:block;margin-top:15px;font-size:14px;text-align:center;line-height:24px;overflow:hidden;max-height:48px;color:#333;font-family:"Basis Grotesque Pro Bold"}.about_content .single-product:hover>.title{color:#0caddd}.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-15px}.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-15px}.tab-content .i_title{text-align:left;margin-bottom:10px}.tab-content .i_title .h4:after{left:0;margin-left:0}.tab-content .com_title a{font-size:30px;color:#0caddd;line-height:30px;font-family:"Basis Grotesque Pro Bold";display:block;margin:10px 0}.about_content #about01 .single-product{padding:0}.about_content #about01 .about_title{margin:0;margin-bottom:20px;text-align:left;color:#333;font-size:17px;line-height:24px;display:block;font-family:"Basis Grotesque Pro Bold"}.about_content #about01 .text{color:#373a3c;font-size:18px;line-height:32px;overflow:hidden;max-height:128px;text-align:left;margin-bottom:10px}.about_content #about01 .text a{text-decoration:underline;color:#333}.about_content #about01 .text a:hover{color:#0caddd}.about_content #about01 .more{line-height:60px;display:inline-block;padding:0 42px;border-radius:30px;background:#0caddd;font-size:14px;color:#fff;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;letter-spacing:2px;margin-top:20px}.about_content #about01 .more i{margin-left:10px;transition:.5s all}.about_content #about01 .more:hover i{margin-left:15px}.about_more{display:flex;align-items:center;margin-top:30px}.about_more .circle_more{margin-top:0}.about_more:hover .circle_more i{animation:scroll_right_anim 1.5s infinite}.about_more:hover .circle_more:after{right:-5px}.about_more .about_more_icon{padding-left:10px;color:#1fad9d;font-size:14px;font-family:'montserratB';text-transform:uppercase}.about_more:hover .about_more_icon{color:#1fad9d;text-decoration:none}.team_content .li{padding:15px}.team_content .li .column{padding-bottom:50px;position:relative}.team_content .li .image{display:block;overflow:hidden}.team_content .li .image img{max-width:100%;height:auto;width:100%;transition:all .9s}.team_content .li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.team_content .li .wrap{padding:20px 30px;text-align:center;background:#fff;box-shadow:0 2px 13px 1px rgba(0,0,0,0.05);transition:all .5s;position:absolute;left:10px;right:10px;bottom:0;z-index:5;overflow:hidden}.team_content .li:hover .wrap{background:#0caddd;padding-bottom:80px}.team_content .li .title{color:#333;font-style:normal;font-size:20px;line-height:24px;font-family:"Basis Grotesque Pro Bold";display:block;margin-bottom:10px;transition:all .5s}.team_content .li:hover .title{color:#fff}.team_content .li .text{font-size:15px;line-height:20px;color:#808080;margin:0;transition:all .5s}.team_content .li:hover .text{color:#fff}.team_content .li .team_con{opacity:0;filter:alpha(opacity=0);padding-top:15px;padding-bottom:10px;transition:all .5s;border-top:1px solid rgba(255,255,255,0.1);position:absolute;left:10px;right:10px;bottom:-25%}
.team_content .li:hover .team_con{opacity:1;filter:alpha(opacity=100);bottom:0}.team_content .li .team_con p{color:#fff;font-size:15px;line-height:20px;margin:0;margin-bottom:3px}.team_content .li .team_con a{color:#fff;font-size:15px;line-height:20px}@media only screen and (max-width:1800px){.team_content .li .team_con p{font-size:12px}.team_content .li .team_con a{font-size:12px}.team_content .li .text{font-size:12px}.team_content .li:hover .wrap{padding-bottom:116px}}@media only screen and (max-width:1400px){.about_content .nav-tabs li a p{font-size:14px;margin-top:10px}.tab-content .com_title a{font-size:20px;margin:0}}@media(max-width:768px) and (min-width:480px){.about_content #about01 .owl-carousel .owl-wrapper,.about_content #about01 .owl-carousel .owl-item{width:100%!important}}@media only screen and (max-width:1200px){.index_main{padding:40px 0}.about_content .features-tab{width:100%;padding:0}.about_content .single-product{text-align:center}.tab-content .i_title{text-align:center}.about_content .left_image{height:auto;margin-bottom:30px;padding-right:15px;width:100%}}@media only screen and (max-width:992px){.about_content .left_image{position:inherit;top:auto;width:100%}.about_content .features-tab{width:100%}.about_content:before{width:100%}.tab-content .i_title{text-align:center;border-bottom:1px solid #eee}.i_title .h4:after{display:none}.about_content .nav-tabs li a .icon{width:60px;height:60px}.about_content #about01 .text{font-size:14px}.about_content #about01 .more{line-height:40px;padding:0 20px;font-size:12px}.about_content .tab-content{min-height:inherit}}@media only screen and (max-width:400px){.about_content .nav-tabs li{width:50%}}.left_image iframe{height:429px}@media only screen and (max-width:1440px){.left_image iframe{height:298px}}.numbers{padding:60px 0}.numbers .percent-blocks{margin:0 -10%}.numbers .numbers__body{text-align:center}.numbers .mun_main{padding:40px 0;position:relative;cursor:pointer}.numbers>.container>div{position:relative;z-index:100}.number-plus .numbers__num{position:relative}@media only screen and (max-width:1440px){.numbers>.container>div{margin:0}}.numbers__one{width:25%;float:left;position:relative}.numbers__one .h4{font-size:26px;color:#333;text-transform:uppercase;margin-top:26px}.numbers__one .img img{position:relative;z-index:555;display:inline-block;margin-bottom:20px}.numbers__one:hover .img img{filter:FlipH;transform:rotateY(180deg)}.numbers__num{color:#fff;font-size:70px;line-height:60px;display:inline-block;font-family:"PlayfairDisplay"}.numbers__one .num{color:#fff;font-size:16px;margin-top:20px;margin-bottom:20px}.numbers__one .num i{font-style:normal;font-size:70px;font-family:"PlayfairDisplay"}.number__desc{color:#bbb;font-size:20px;line-height:30px;margin-top:40px;height:44px;font-family:"Basis Grotesque Pro Bold";position:relative;color:#fff}@media only screen and (max-width:1200px){.numbers__num,.numbers__one h6{font-size:40px}.number__desc{font-size:12px}.numbers__one{margin-top:0}}@media only screen and (max-width:992px){.numbers__num,.numbers__one h6{font-size:30px}.number__desc{margin-top:0}}@media only screen and (max-width:768px){.numbers{display:none}}.video_section{background:url(../images/index_bg3.jpg) no-repeat center 80px;padding-bottom:55px;margin-top:0;position:relative;overflow:hidden;padding:120px 0}.video_section .main{overflow:hidden}.video_section .slick-list{overflow:inherit}.video_section .li{margin:0 45px}.video_section .slider{padding:0 27%}.video_section .slider .li{text-align:center;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;border:5px solid #fff;box-shadow:0 4px 19px rgba(0,0,0,0.1)}.video_section .slider .li{transform:scale(0.9);position:relative}.video_section .slider .li .icon{display:inline-block;position:absolute;left:50%;top:50%;width:94px;height:94px;border-radius:50%;border:4px solid #fff;background:rgba(0,162,236,0.8) url(../images/video_ico.png) no-repeat center center;margin-left:-47px;margin-top:-47px;opacity:0}.video_section .slider .li:hover img{transform:scale(1.1)}.video_section .slider .li .img{display:block;position:relative;background:#000;overflow:hidden}.video_section .slider .li .img img{width:100%}.video_section .li .title .icon{position:absolute;top:0;left:50%;margin-left:-33px;background:#fff url(../images/more_ico.png) no-repeat center 16px;width:66px;height:66px;margin-top:-30px;border-radius:50%}.video_section .slider .slick-center .li{transform:scale(1)}.video_section .slider .slick-center .li .icon{opacity:1}.video_section .slick-prev{width:34px;height:34px;position:absolute;left:25%;top:50%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.video_section .slick-prev::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:50px;content:"\f104";line-height:34px}
.video_section .slick-next{width:34px;height:34px;position:absolute;right:25%;top:50%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.video_section .slick-next::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:50px;content:"\f105";line-height:34px}.video_section .slick-prev:hover,.video_section .slick-next:hover{opacity:1}@media only screen and (max-width:1440px){.video_section .slider{padding-left:0;padding-right:0;margin:0}.video_section .slider{overflow:hidden}.video_section .slick-prev{left:5px}.video_section .slick-next{right:5px}}@media only screen and (max-width:992px){.video_section{padding:40px 0}.video_section .slider .li .icon{width:60px;height:60px;margin-left:-30px;margin-top:-30px}}.ser_section{background:#f9f9f9;padding:70px 0}.ser_section ul li{list-style:none;text-align:center}.ser_section ul li .title{font-size:26px;color:#0caddd;font-family:'Basis Grotesque Pro Bold';display:block;margin:30px 0 20px}.ser_section ul li p{font-size:20px;color:#444;line-height:30px;height:60px;overflow:hidden}@media only screen and (max-width:992px){.ser_section ul li{float:left;width:50%;margin-bottom:20px}.ser_section ul li:nth-child(3){clear:both}.ser_section ul li .title{font-size:18px;margin:0}.ser_section ul li p{font-size:14px;line-height:22px;height:44px}}@media only screen and (max-width:400px){.ser_section ul li{width:100%}}.hot_pro{margin:90px 0}.hot_pro .main{margin:0 -20px}.hot_pro .width{float:left;width:50%}.hot_pro .li{float:left;width:100%;padding:0 20px;margin-bottom:40px}.hot_pro .li2{float:left;width:50%;margin-bottom:40px}.hot_pro .li .overly{background:rgba(0,162,236,0.8);position:absolute;left:24px;top:24px;height:calc(100% - 48px);width:calc(100% - 48px);opacity:0;transition:.5s all}.hot_pro .li:hover .overly{opacity:1}.hot_pro .li .case{position:relative;padding:100% 0 0 0;overflow:hidden}.hot_pro .li .case .img{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.hot_pro .li .case .text{position:absolute;left:0;bottom:60%;-webkit-transform:translate(0%,50%);-moz-transform:translate(0%,50%);-ms-transform:translate(0%,50%);-o-transform:translate(0%,50%);transform:translate(0%,50%);text-align:center;padding:50px;width:100%;transition:.5s all;opacity:0;transition:.5s all}.hot_pro .li:hover .case .text{bottom:50%;opacity:1}.hot_pro .li .hot_line{width:34px;height:4px;display:inline-block;background:#fff}.hot_pro .li .title{font-family:'Basis Grotesque Pro Bold';font-size:36px;color:#fff;margin:30px 0;line-height:40px}.hot_pro .li2 .title{font-size:26px;line-height:30px}.hot_pro .li .more{font-size:14px;color:#fff;font-family:'Basis Grotesque Pro Bold';text-transform:uppercase}.hot_pro .li .more i{margin-left:8px}.hot_pro .li .a{display:block;left:0;top:0;width:100%;position:absolute;height:100%;z-index:999}@media only screen and (max-width:992px){.hot_pro{margin:40px 0}.hot_pro .li{padding:0 5px}.hot_pro .li{margin-bottom:10px}}@media only screen and (max-width:300px){.hot_pro .width{width:100%}}.con_section{background:#e9f8ff url(../images/index_bg.png) repeat;padding:80px 0 60px}.con_section .more{line-height:60px;display:inline-block;padding:0 42px;border-radius:30px;background:#0caddd;font-size:14px;color:#fff;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;letter-spacing:2px;margin-top:20px}.con_section .more i{margin-left:10px;transition:.5s all}.con_section .more:hover i{margin-left:15px}@media only screen and (max-width:992px){.con_section{padding:40px 0 0}.con_section .more{line-height:46px;padding:0 30px;font-size:14px}}#footer{color:#979797;font-size:14px;background-size:cover;position:relative;padding-top:40px;background:#2e2e2e}#footer ul li{list-style:none}#footer .modules a{color:#979797;font-size:14px}.footer_top ul li a{line-height:22px;color:#fff!important}#footer .modules a:hover{color:#0caddd;text-decoration:none}#footer .footer_con{float:left;width:29%;padding-right:5%}#footer .footer_con ul li{line-height:22px;padding:6px 0}#footer .footer_con ul .li1{background:url(../images/footer_add.png) no-repeat left 0;padding-left:50px}#footer .footer_con ul .li2{background:url(../images/footer_tel.png) no-repeat left 0;padding-left:50px}#footer .footer_con ul .li3{background:url(../images/footer_email.png) no-repeat left 0;padding-left:50px}#footer .footer_con ul .li4{background:url(../images/footer_whatsapp.png) no-repeat left 0;padding-left:50px}@media only screen and (max-width:992px){#footer .footer_con .con_email{padding-left:40px;background-size:30px auto;background-position:left top}#footer .footer_con .con_add{padding-left:40px;background-size:30px auto;background-position:left top}
#footer .footer_con .con_tel{padding-left:40px;background-size:30px auto;background-position:left top}}@media only screen and (max-width:768px){#footer .footer_con h4{font-size:14px}#footer .footer_con .con_add{padding-right:0}}#footer .footer_tags{float:left;width:19%;padding-right:4%}#footer .footer_follow{float:left;width:23%}#footer .footer_email{float:left;width:28%}#footer .footer_follow ul li{width:50%;float:left}#footer .footer_tags ul li a,.footer_follow ul li a{line-height:20px;padding:7px 0;display:inline-block;position:relative;padding-left:0;text-transform:capitalize}#footer .footer_email p{font-size:14px}#footer .footer_email .email{width:100%;margin-top:20px;position:relative;padding-right:100px}#footer .footer_email .email_main{height:56px;color:#999;float:left;line-height:56px;font-size:14px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;width:100%;border:0;background:#f7f7f7;padding-left:15px}#footer .footer_email .email_main:focus{color:#333}#footer .footer_email .email_btn{background:#0caddd;line-height:56px;padding:0 20px;height:56px;border:0;color:#fff;font-size:14px;text-transform:capitalize;font-family:'Basis Grotesque Pro Bold';position:absolute;right:0;top:0;border-left:7px solid #282828;font-family:'Basis Grotesque Pro Bold'}#footer .footer_sns{margin-top:20px}#footer .footer_sns a{display:inline-block;margin:0 2px;width:38px;height:38px;background:#434343;border-radius:50%}#footer .footer_sns a:hover{background:#0caddd}#footer .footer_links{width:100%;text-align:center;float:left;margin-top:10px}#footer .footer_links a{margin:0 4px}#footer .cop{float:left;line-height:26px;font-family:'Basis Grotesque Pro Bold';font-size:14px}#footer .footer_other{float:right}#footer .cop a{margin:0 4px;color:#777}#footer .cop a:hover{color:#0caddd;text-decoration:underline}.footer_bottom{font-size:14px;color:#777;text-align:center;line-height:22px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,0.1);margin-top:40px;padding-top:20px}.footer_bottom a{margin:0 4px;line-height:22px}.footer_bottom a{color:#777;font-size:14px}.footer_bottom a:hover{color:#0caddd;text-decoration:underline}.footer_bottom .ipv6{display:inline-block;margin-right:15px;text-decoration:underline}.footer_bottom .ipv6 img{margin-right:6px}.footer_bottom .links{display:inline-block;margin-right:60px}.footer_sns{margin-top:15px}.footer_sns a{margin-right:3px}@media only screen and (max-width:1230px){#footer .cop{width:100%}#footer .footer_other{width:100%}}@media only screen and (max-width:992px){#footer{padding-top:25px}#footer .footer_con .title_h4{display:block}#footer .footer_con{float:left;width:100%;padding-right:0;padding-bottom:20px;padding:0;margin:0;border:0}#footer .footer_tags{float:left;width:100%;padding:0}#footer .footer_email{width:100%}#footer .footer_message{float:left;width:100%;padding-right:0;padding:0;border:0;text-align:left}#footer .footer_follow .title_h4{display:block}#footer .footer_message .title_h4{background:0;padding-bottom:0}#footer .footer_follow{text-align:left;padding:0;border:0;margin-top:0;width:100%}#footer .footer_follow ul li a{font-size:14px;margin:0 10px}#footer .footer_message .title_h4{display:block}#footer .footer_follow{text-align:left}#footer .hot_pro{display:none}.footer_logo{margin-top:10px}}@media only screen and (max-width:992px){#footer{padding-top:30px}.footer_bottom{border-top:0;margin-top:0}}*:focus{outline:0}#footer .title_h4{font-size:20px;color:#fff;font-family:'Basis Grotesque Pro Bold';text-transform:capitalize;margin-bottom:30px;margin-top:20px}@media only screen and (max-width:992px){#footer .title_h4{position:relative;margin-top:0;background:0;font-size:15px;padding-bottom:0;padding:4px 10px;margin-bottom:15px;border-bottom:1px dashed rgba(255,255,255,0.15);padding-left:0;font-family:"Basis Grotesque Pro Bold"}#footer .title_h4:after{display:block;content:"\f078";font-family:"FontAwesome";position:absolute;right:15px;cursor:pointer;font-size:14px;top:3px;color:#999}#footer .title_h4.active:after{content:"\f077"}}.back_top{width:48px;height:48px;text-align:center;position:fixed;right:10px;bottom:80px;z-index:99999999;display:none;background:rgba(0,0,0,0.3);background-size:cover;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;border-radius:50%}.back_top:before{content:"\f106";font-family:'FontAwesome';color:#fff;font-size:22px;display:block;line-height:44px}.back_top:hover{text-decoration:none;box-shadow:0 0 10px 2px rgba(0,0,0,0,0.2);background-color:#0caddd}.back_top:hover:before{animation:scroll_up_anim 1.5s infinite}@keyframes scroll_up_anim{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}100%{transform:translateY(-3px)}}.back_top:link{text-decoration:none}.back_top:hover:before{color:#fff;text-decoration:none}
#online_qq_layer{z-index:99999999;position:fixed;right:20px;bottom:0}#floatShow{display:block}#floatHide{display:none}#online_qq_tab{position:relative;z-index:9}#online_qq_tab #floatShow{overflow:hidden;height:44px;padding:0 16px;float:right;line-height:50px;padding-left:50px;position:relative;color:#fff;font-size:14px;text-transform:capitalize;background:#0caddd;font-family:"Basis Grotesque Pro Bold";box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms);border:1px solid rgba(255,255,255,0.2)}#online_qq_tab #floatShow i{height:50px;width:50px;background:url(../images/online.png) no-repeat 10px center;position:absolute;left:5px;top:0;display:inline-block}#online_qq_tab #floatShow:hover{margin-right:0}#online_qq_tab #floatHide{overflow:hidden;width:30px;height:30px;font-size:14px;float:right;color:#808080;line-height:50px;text-align:center;position:absolute;left:-10px;top:-10px;background:#333;border-radius:50%;padding-top:5px;padding-left:2px}@media only screen and (max-width:768px){#online_qq_tab #floatHide{left:auto;right:20px}}#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center}#online_qq_tab #floatHide i:before,#online_qq_tab #floatHide i:after{content:'';display:inline-block;background:#fff;width:16px;height:2px;margin:2px 0}#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px)}#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px)}#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none}#onlineService{display:inline;width:400px;overflow:hidden;display:none;background:#ddebf2;font-size:14px;border-top:0;background:#ddd;padding:12px}#online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0}#online_qq_layer .inquiry .main_more input{height:40px;line-height:36px;font-size:14px;padding-left:20px;padding-right:20px;background:#333;color:#fff;font-family:"Basis Grotesque Pro Bold";text-transform:capitalize;border-radius:0}#onlineService .title{display:block;font-size:20px;background:#fff;font-style:normal;padding:18px 20px;line-height:24px;text-transform:capitalize;margin-bottom:0;font-family:"Basis Grotesque Pro Bold";color:#333}#onlineService .title b{color:#fff;font-family:"Basis Grotesque Pro Bold"}#onlineService .text{margin-bottom:10px;color:#808080;line-height:20px;font-size:14px}.i_message_inquiry .inquiry{padding:0 20px 15px;background:#fff}.i_message_inquiry .inquiry .form-control{border:1px solid #ddd;background:0;line-height:48px;height:48px;color:#808080;font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px}.i_message_inquiry .inquiry .form-control:focus{color:#333;background-color:#fafafa;border-color:#ccc}.i_message_inquiry .inquiry textarea.form-control{border-radius:0}.i_message_inquiry .inquiry .input-group{background:#fff;height:32px;margin-bottom:10px;width:100%;border:0}.i_message_inquiry .inquiry .input-group span{display:block;position:relative}.i_message_inquiry .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:5px;top:0;z-index:2;line-height:48px;z-index:111}.i_message_inquiry .inquiry .input-group span.ms_n input{background-image:url(../images/mes_n.png)}.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_p.png)}.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png)}.i_message_inquiry .inquiry .input-group span.ms_m .form-control{background-image:url(../images/mes_m.png);line-height:20px;font-size:14px;height:100px;padding-left:20px;width:100%;color:#777;border:1px solid #e5e5e5;margin-bottom:15px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;max-width:100%;max-height:120px}.i_message_inquiry .inquiry .input-group span.ms_p:before,.i_message_inquiry .inquiry .input-group span.ms_n:before{display:none}.service{position:fixed;width:48px;height:275px;right:0;top:214px;z-index:999999}.service ul li{width:48px;height:48px;float:left;position:relative;border-bottom:1px solid rgba(255,255,255,0.1);list-style:none}.service ul li:last-child{border-bottom:0}.service ul li .sidebox{position:absolute;width:48px;height:48px;top:0;right:0;transition:all .3s;background:#0caddd;color:#fff;overflow:hidden;line-height:48px;border-bottom:1px solid rgba(255,255,255,0.1)}.service ul li:last-child .sidebox{border-bottom:0}.service ul li .sidebox a{color:#fff;line-height:48px}.service ul li:hover .sidebox a{padding-left:20px}
.service ul li .sidetop{width:48px;height:48px;line-height:48px;display:inline-block;background:#000;transition:all .3s}.service ul li .sidetop:hover{background:#000;opacity:1;filter:Alpha(opacity=100)}.service ul li img{float:right}.service ul li.coad:hover .sidebox{height:110px}.service ul li.coad span{display:inline-block;position:absolute;left:30px;top:10px;width:90px;height:90px;opacity:0;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.service ul li.coad span img{max-width:90px}.service ul li.coad:hover span{opacity:1}@media only screen and (max-width:992px){.service{display:none}}.mobile_nav{position:fixed;left:0;bottom:0;width:100%;padding:5px 0;display:none;z-index:999999;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:#0caddd;border-top:1px solid #eee}.mobile_nav a{display:inline-block;width:25%;padding:0 10px;float:left;text-align:center}.mobile_nav a i{width:36px;height:36px;display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain}.mobile_nav a p{color:#fff;padding-top:5px;font-size:14px;text-transform:uppercase;line-height:12px;margin:0}.mobile_nav a:nth-child(3){float:right}.mobile_nav a:nth-child(4){float:right}@media only screen and (max-width:992px){#service{display:none}#onlineService01{width:150px}.onlineMenu .call-top{padding:8px 5px}.onlineMenu .call-top p{font-size:16px}.onlineMenu ul{padding:10px}.onlineMenu .call>p{padding-left:20px;font-size:14px}.onlineMenu .call>p a{font-size:14px}.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:12px}.back_top{right:10px;bottom:60px;width:40px;height:40px}.back_top:before{font-size:20px;line-height:36px}#online_qq_tab #floatShow{margin-bottom:0}}@media only screen and (max-width:1200px){#online_qq_tab #floatShow i{left:0}#online_qq_tab #floatShow{width:50px;padding-right:0}#online_qq_layer{right:10px}}@media only screen and (max-width:768px){#online_qq_layer{right:0}#onlineService{width:100%}#online_qq_layer{width:100%;bottom:0}#online_qq_tab{width:100%}#online_qq_tab #floatShow{background:#0caddd url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0;width:50px;height:50px;position:absolute;left:50%;bottom:10px;margin-left:-25px;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999}#online_qq_tab #floatShow i{display:none}#online_qq_tab #floatShow span{display:none}.mobile_nav{display:block}.mobile_nav a i{width:24px;height:24px}.mobile_nav a p{text-transform:capitalize}.footer-bottom{padding-bottom:60px}#onlineService .i_message_inquiry .main-more input{padding:8px 20px}.i_message_inquiry .inquiry{padding:15px 10px}#onlineService .title{padding:10px 15px}.footer_bottom{padding-bottom:70px}}@media only screen and (max-width:375px){.mobile_nav a p{text-transform:capitalize}}@media only screen and (min-width:768px){.banner_r .mbx_section{position:absolute;left:0;bottom:50%;width:100%;-webkit-transform:translate(0%,50%);-moz-transform:translate(0%,50%);-ms-transform:translate(0%,50%);-o-transform:translate(0%,50%);transform:translate(0%,50%)}}.n_main{font-size:14px;color:#666;line-height:30px;padding-bottom:60px}.n_banner{position:relative;overflow:hidden}@media only screen and (max-width:768px){.n_banner:before{display:none}}.n_banner img{width:100%}.n_left{float:left;width:24%}.n_right{float:right;width:76%;padding-left:50px}.main2 .n_left{float:right;width:24%}.main2 .n_right{float:left;width:76%;padding-right:50px}@media only screen and (max-width:992px){.n_left{width:100%;margin-top:20px}.n_right{width:100%;padding-left:0}.main2 .n_left{width:100%;margin-top:20px}.main2 .n_right{width:100%;padding-right:0}}.mbx_section{position:relative;text-align:center;padding:14px 0;margin-bottom:20px}.mbx_section .h4{color:#333;font-size:30px;text-transform:capitalize;line-height:40px}.mbx_section .mbx{font-size:14px;margin-top:8px}.mbx_section .mbx a{color:#777;font-size:14px;border-bottom:1px solid rgba(255,255,255,0)}.mbx_section .mbx a:hover{color:#0caddd;text-decoration:underline}.mbx_section .mbx a i{margin-right:4px;color:#0caddd}.mbx_section .mbx span{font-size:14px;color:#777;margin:0 10px}.mbx_section .mbx h2{color:#777;font-size:14px;display:inline-block}.mbx_section .icon i{font-size:17px;color:#fff;line-height:36px;width:36px;border-radius:5px;background:#0caddd;text-align:center;border-bottom:2px solid #33678b;position:absolute;left:0;bottom:0;line-height:36px}@media only screen and (max-width:768px){.mbx_section .h4{width:100%;text-align:center;font-size:22px}.mbx_section .mbx{width:100%;text-align:center;margin-top:0}.mbx_section h4{border-bottom:0}.mbx_section .icon i{display:none}.mbx_section h4{margin-top:10px;line-height:24px}}.n_title{position:relative;color:#444;font-size:36px;font-family:"PlayfairDisplay";text-transform:capitalize;line-height:40px}
.about_nav{margin-bottom:30px;text-align:center}.about_nav ul li{list-style:none;display:inline-block}.about_nav ul li a{display:block;line-height:40px;padding:6px 20px;color:#666;font-family:"Basis Grotesque Pro Bold";background:#f7f7f7;font-size:14px;text-transform:capitalize}.about_nav ul li a i{border:2px solid #0caddd;background:#0caddd;border-radius:50%;width:40px;height:40px;display:inline-block;background-size:20px;float:left;margin-right:20px}.about_nav ul li.active a,.about_nav ul li:hover a{background:#0caddd;color:#fff}.about_nav ul li.active a i,.about_nav ul li:hover a i{border:2px solid rgba(255,255,255,0.3)}@media only screen and (max-width:768px){.mbx_section{padding:5px 0}.n_title{font-size:26px;text-align:center;width:100%}.about_nav ul li{width:33.33%;margin-bottom:10px;float:left}.about_nav ul li a{font-size:13px}}@media only screen and (max-width:600px){.about_nav ul li{width:100%;margin-bottom:10px;float:left}.about_nav ul li a{border-radius:0!important}}.section_title{font-size:30px;color:#333;text-transform:uppercase;margin-bottom:10px}.section_h4{font-size:20px;color:#333;font-family:'Basis Grotesque Pro Bold';text-transform:uppercase;margin:10px 0 20px;padding-bottom:10px;border-bottom:1px solid #eee}.contact_info{position:relative;padding:40px 10px 80px;z-index:2;overflow:hidden}.contact_info:before{background:linear-gradient(180deg,rgba(0,0,0,0) 10%,#333 90%);position:absolute;left:0;bottom:0;width:100%;height:60%;content:'';z-index:-1;display:block;filter:alpha(opacity=06);-moz-opacity:.06;opacity:.06}.contact_info ul{list-style:none;padding:0;padding-top:30px}.contact_info ul li{padding:0 20px;position:relative;z-index:2;text-align:center}.contact_info ul li .column{box-shadow:0 5px 27px rgba(0,0,0,.09);transition:all .5s;padding:20px;padding-top:0;border-radius:0;position:relative;z-index:5;text-align:center;min-height:220px;background:#fff}.contact_info ul li .column:hover{border-color:#0caddd;box-shadow:0 2px 30px 1px rgba(0,0,0,0.05)}.contact_info ul li em{display:block;font-size:20px;font-style:normal;text-transform:capitalize;color:#333;font-family:'Basis Grotesque Pro Bold';margin-bottom:15px;line-height:24px;margin-top:-10px}.contact_info ul li .txt{font-size:14px;line-height:20px;color:#808080;padding:0;width:100%;text-transform:uppercase;margin-top:15px;display:block}.contact_info ul li .icon{width:80px;height:80px;position:relative;z-index:4;top:-40px;display:inline-flex;align-items:center;justify-content:center}.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1;border-radius:30%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-webkit-transition:all .5s;transition:all .5s;box-shadow:0 -3px 7px 0 rgba(0,0,0,0.07);background:#0caddd}.contact_info ul li:hover .icon:after{border-radius:50%}.contact_info ul li .icon:before{content:'';top:-5px;bottom:-5px;right:-5px;left:-5px;border-radius:50%;border:1px solid #0caddd;transition:all .5s;position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.contact_info ul li:hover .icon:before{left:-20px;right:-20px;bottom:-20px;top:-20px;opacity:.2;filter:alpha(opacity=20)}.contact_info ul li .icon span{display:inline-block;transition:all .5s;width:48px;height:48px;background-repeat:no-repeat;background-image:url(../images/icon.png)}.contact_info ul li:hover .icon span{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;transform:rotateY(180deg)}.contact_info ul li p{font-size:18px;line-height:24px;margin:0;margin-bottom:5px;color:#4d4d4d}.contact_info ul li p a:hover{color:#0caddd}.con_main{padding:80px 0;background:url(../images/index_bg1.jpg) no-repeat 150px 60px,url(../images/index_bg2.jpg) no-repeat right 60px}.contact_inq{position:relative;padding:30px;background:#fff url(../images/ico_letter.png) no-repeat 95% 30px;box-shadow:0 10px 38px 0 rgba(0,0,0,0.1)}.contact_inq .title_h{font-size:120px;color:#f6f6f6;font-family:'Basis Grotesque Pro Bold';position:absolute;left:20px;top:20px;content:'';white-space:nowrap;text-transform:uppercase;line-height:100px;z-index:-1}.contact_inq .title_1{position:relative;z-index:2}.contact_inq .title_1 h4{color:#333;font-size:36px;line-height:30px;font-family:'PlayfairDisplay';text-transform:capitalize;margin-bottom:15px;position:relative;z-index:2;position:relative}.contact_inq .p{font-size:18px;color:#444;line-height:24px;max-height:48px;overflow:hidden;margin:30px 0;padding-right:8%}.contact_inq .input_1{font-size:16px;line-height:50px;height:50px;padding-left:20px;width:100%;background:#f9f9f9;color:#999;margin-bottom:20px;border:1px solid #e5e5e5;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.contact_inq .input_1:focus{border:1px solid #0caddd;-webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);color:#333}
.contact_inq .input_2{line-height:30px;font-size:16px;height:100px;padding-left:20px;width:100%;background:#f9f9f9;color:#999;border:1px solid #e5e5e5;margin-bottom:15px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.contact_inq .input_2:focus{border:1px solid #0caddd;-webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);color:#333}.contact_inq .in_email{background:#fff url(../images/mes_e.png) no-repeat 95% center;padding-left:20px}.contact_inq .in_tel{background:#fff url(../images/mes_p.png) no-repeat 95% center;padding-left:20px}.contact_inq .in_message{background:#fff url(../images/mes_m.png) no-repeat 98% 10px;padding-left:20px}.contact_inq .btn_1{line-height:50px;height:50px;padding:0 26px;padding-right:50px;background:#0caddd url(../images/send_ico.png) no-repeat 80% center;font-size:14px;font-family:'Basis Grotesque Pro Bold';border:0;color:#fff;border-radius:0;text-transform:uppercase;margin-top:10px;position:relative;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.contact_inq .btn_1::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,0.15);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:scale(0.5,1);transform:scale(0.5,1)}.contact_inq .btn_1:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.contact_inq button{border:0}.contact .map img{width:100%}.con_sns{margin:20px 0}@media screen and (max-width:768px){.contact_m{padding:0}.con_map{margin-top:20px}.com_ul li .li h4{margin:5px 0}.contact_email{width:100%}.contact_email{margin-top:20px}.com_ul li .li{background:#fafafa}.con_main .con_info{padding-left:15px;margin-top:50px}.com_ul li .li .icon{display:none}.com_ul li .li{padding:10px;margin:0;background:0}.com_ul li{text-align:left}.contact{margin-top:0;margin-bottom:0}.con_main{padding:20px}.contact_inq{padding:30px}.contact_inq .title_h{display:none}.contact_inq .title_1 h4{font-size:24px;margin:8px 0}.contact .map{margin-top:30px}.com_ul li .li h4,.com_ul li .li h4 a{font-size:16px}.com_ul li .li span{font-size:14px}.com_ul li .li p{margin-bottom:0}.contact_info ul li .column{padding-bottom:50px}}.search_left{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px}.search_left h4{font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;background:#eee;line-height:40px;color:#333;padding-left:15px;font-size:16px}.search_left p{color:#808080;line-height:20px}.search3{width:100%;position:relative;margin-top:10px}.search_main3{height:42px;background:#fff;float:left;line-height:42px;font-size:14px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;padding-left:10px;width:100%;color:#999;border:1px solid #eee}.search_main3:focus{background:#fff;border:1px solid #0caddd;color:#333}.search_btn3{display:block;width:42px;height:42px;cursor:pointer;background:#0caddd url(../images/search_ico2.png) no-repeat center center;border:0;float:left;position:absolute;top:0;right:0;border-radius:0;background-size:16px auto}.nav_h4{line-height:30px;color:#fff;padding-left:10px;font-family:'PlayfairDisplay';font-size:24px;position:inherit;padding:10px 10px;margin-bottom:10px;border-bottom:2px solid #fff;background:#0caddd;text-transform:capitalize}.nav_h4::after{content:none}.nav_h4:before{content:"\f03a";color:#fff;float:right;font:normal normal normal 20px/1 FontAwesome;margin-right:6px;line-height:32px}@media only screen and (max-width:992px){.nav_h4{position:relative;color:#fff;background:#0caddd;font-family:"Basis Grotesque Pro Bold";padding:0 10px;font-size:16px;line-height:36px;text-transform:uppercase;border-radius:0!important;margin:0}.left_nav{border-radius:0!important}.nav_h4:before{content:none}.nav_h4:after{display:block;content:"\f107";font-family:"FontAwesome";position:absolute;right:15px;cursor:pointer;font-size:20px;top:0;color:#fff}}.toggle_content{width:100%}.hot_left{margin-top:30px}.hot_left ul{border-bottom:0;margin-top:10px}.hot_left ul li{list-style:none;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;margin-bottom:15px;position:relative}.hot_left ul li .li{position:relative;z-index:999;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;border:1px solid #eee;padding:8px}.hot_left ul li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);background:#fff}
.hot_left ul li .img{float:left;width:34%;display:inline-block;margin-right:15px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;overflow:hidden;position:relative}.hot_left ul li .h4 a{font-size:16px;color:#444;overflow:hidden;line-height:30px;max-height:60px;display:block;margin-top:15px}.hot_left ul li .more{font-size:16px;text-transform:capitalize;color:#0caddd;display:block;margin-top:0;font-family:"Basis Grotesque Pro Bold"}.hot_left ul li .more i{margin-left:4px}.hot_left ul li:hover .more{color:#0caddd}.hot_left ul li:hover .img img{transform:scale(1.1)}@media screen and (max-width:992px){.hot_left{display:none}}.left_h4{position:relative;line-height:30px;text-align:left;font-family:'PlayfairDisplay';color:#333;font-size:26px;text-transform:capitalize;padding:10px 0}.more_1{font-size:14px;color:#333;line-height:36px}.i_more{background:#fff;color:#333;display:inline-block;font-family:"Basis Grotesque Pro Bold";padding:0 24px;font-size:14px!important;line-height:44px;margin-top:20px;color:#666;text-transform:uppercase;border:1px solid #e5e5e5}.i_more:hover{background:#0caddd;color:#fff!important}.news .news_oth{margin-bottom:20px}.news .news_oth .p1{font-size:16px;font-family:"Basis Grotesque Pro Bold";color:#333;border-left:4px solid #0caddd;padding-left:10px}.news .news_oth .p2{font-size:14px}.news .news_oth .p2 span{color:#0caddd}.news .img{margin-right:30px;overflow:hidden;display:block;position:relative}.news .img{display:block;overflow:hidden;position:relative}.news .news_day{color:#808080;font-size:12px;display:inline-block;margin-top:10px}.news .news_day i{margin-right:6px;color:#999;font-size:14px}.news ul li{list-style:none;margin-bottom:20px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;padding-bottom:20px;background:#fff;width:100%}.news ul li .li{position:relative;padding:15px;border:1px solid #eee;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08)}.news ul li .h4 a{font-size:20px;color:#444;font-family:"Basis Grotesque Pro Bold";display:block;line-height:30px;line-height:26px;height:52px;margin:20px 0 10px;overflow:hidden}.news ul li p{font-size:14px;color:#999;max-height:44px;overflow:hidden;line-height:22px;margin-top:6px}.news ul li:hover .h4 a{color:#0caddd}.news ul li:hover img{transform:scale(1.1)}.news ul li .img{position:relative;float:left;width:30%;margin-right:30px}.news .more_1{margin-top:20px}@media only screen and (max-width:992px){.news ul li .h4 a{font-size:16px;line-height:24px;height:48px}}@media only screen and (max-width:550px){.more_1{display:none}}@media only screen and (max-width:768px){.news ul li .h4 a{overflow:hidden;line-height:24px;max-height:48px;font-size:14px;height:inherit}}@media only screen and (max-width:375px){.news .img{width:100%;float:none;display:block;margin-bottom:20px}}.page_p{margin:0 auto 0;width:100%;font-size:14px;margin-top:10px;border-top:1px solid #e5e5e5;padding-top:10px}.page_p a{display:inline-block;font-size:14px;line-height:34px;padding:0 10px;text-align:center;min-width:34px;margin-left:5px;color:#555;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;background:#eee;border:2px solid #eee;border-radius:30px}.page_p a i{line-height:34px}.page_p a:hover{background:#0caddd;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;color:#fff!important;border:2px solid #0caddd}.total{font-size:14px;line-height:24px;color:#777;margin-top:10px;float:right}.total span{color:#0caddd;margin:0 6px}.page_p>span{padding:0 10px;line-height:34px;background:#0caddd;border:2px solid #0caddd;color:#fff;display:inline-block;margin-left:5px;border-radius:30px}@media only screen and (max-width:500px){.page_p{text-align:center}.total{width:100%}}.cbp-vm-view-grid .page_more{display:none}.page_more i{display:none}.page_more a{display:inline-block;line-height:22px;border-radius:5px;border:2px solid #0caddd;color:#0caddd;text-align:center;padding:4px 30px;text-transform:uppercase;font-size:18px;margin-top:20px}.page_more a span{color:#0caddd;font-size:14px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.page_more a:hover{background:#0caddd}.page_more a:hover span{color:#fff}#pre_next{list-style:none;font-size:14px;margin-top:20px}#pre_next li{border-bottom:0;margin-bottom:0;background:#f6f6f6;border-left:none;position:relative;padding:5px 0;margin-bottom:2px;padding-left:6px}#pre_next li:last-child{padding-bottom:none;border-bottom:0}#pre_next .a{color:#333;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;text-align:center;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;font-size:16px;margin-right:4px;line-height:36px;padding:0}
#pre_next i{margin-right:10px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;font-size:14px;text-align:center;color:#0caddd;float:left;width:36px;height:36px;line-height:36px;border-radius:0}#pre_next a{color:#444;font-size:14px;line-height:30px;display:inline-block}#pre_next li:hover a{color:#0caddd}#pre_next li:hover i{color:#fff;background:#0caddd}#pro_page{list-style:none;margin-top:10px}#pro_page span{font-size:14px;text-transform:capitalize;color:#444}#pro_page li{padding:2px 0}@media(max-width:768px){.pre{float:none;width:100%}.next{float:none;width:100%}#pre_next a,#pre_next .a{line-height:20px}#pre_next i{display:none}#pre_next a{display:inline}#pre_next li{border-radius:5px}}@media only screen and (max-width:400px){#pre_next li{width:100%}#pre_next .next{text-align:left;border-left:none}#pre_next .next i{float:left;margin-left:0}}ul.mtree{opacity:0;margin-left:0}ul.mtree>li{list-style:none;margin-bottom:3px;position:relative}ul.mtree a{display:block;font-size:18px;color:#444;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;padding:10px 30px 10px 0;line-height:22px;padding-right:36px;border-bottom:1px dashed #ddd}ul.mtree li ul a{padding:8px 25px 8px 0}ul.mtree ul li:last-child a{border:0}ul.mtree li.mtree-node>a{font-size:18px}ul.mtree.transit li.mtree-open>span:before{content:"-";font-family:FontAwesome;padding-left:5px;float:right;font-size:36px;color:#0caddd;font-style:normal;padding:3px 15px;position:absolute;right:0;top:0}ul.mtree.transit li.mtree-closed>span:before{content:"+";font-family:FontAwesome;padding-left:5px;float:right;font-size:26px;color:#0caddd;font-style:normal;padding:6px 17px;position:absolute;right:0;top:0}ul.mtree .mtree-level-1 li.mtree-open>span:before{content:"-";font-family:FontAwesome;padding-left:5px;float:right;font-size:36px;color:#0caddd;font-style:normal;background:0;padding:2px 14px;position:absolute;right:2px;top:0}ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"+";font-family:FontAwesome;padding-left:5px;float:right;font-size:26px;color:#0caddd;font-style:normal;background:0;padding:4px 12px;position:absolute;right:2px;top:0}ul.mtree>li:hover>a{color:#0caddd}ul.mtree>li.mtree-node a ul a{font-size:14px}ul.mtree>li.mtree-open{color:#0caddd;padding-bottom:0}ul.mtree>li.mtree-open>a{color:#0caddd}ul.mtree>li.mtree-node:hover>a{color:#0caddd;text-decoration:none}ul.mtree ul{border-top:0}ul.mtree ul li{list-style:none;position:relative}ul.mtree ul li a{display:block;color:#777;font-size:14px}ul.mtree>li>ul>li>a{font-size:16px!important}ul.mtree ul li a:hover{color:#0caddd}ul.mtree li ul li.mtree-open a{color:#0caddd;text-decoration:none}ul.mtree .mtree-level-2{margin-top:0;border:0;margin-bottom:0;background:#fafafa;border-bottom:1px solid #eee}ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:14px}ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#0caddd;font-weight:normal}ul.mtree.jet ul{margin-left:0}ul.mtree.jet li{margin-bottom:1px}ul.mtree.jet li:last-child{margin-bottom:0}ul.mtree.jet li:first-child{margin-top:1px}ul.mtree.jet li.mtree-active a{background:#e5e5e5}ul.mtree.jet li.mtree-active li:last-child>a{border-radius:0 0 3px 3px}ul.mtree.jet li.mtree-active>a{background:#008cba;color:#FFF;border-radius:3px 3px 0 0}ul.mtree.jet li>a:hover{background:#ffc000;color:#FFF}ul.mtree.jet a{padding:5px 0 5px 1em}ul.mtree.jet li li>a{padding-left:2em}ul.mtree.jet li li li>a{padding-left:3em}ul.mtree.jet li li li li>a{padding-left:4em}ul.mtree.jet li li li li li>a{padding-left:5em}ul.mtree a:hover{text-decoration:none}ul.mtree>li.mtree-node ul i{margin-right:4px}.mtree-skin-selector{display:none!important}ul.mtree>li>a:before{display:none;content:"\f105";font-family:FontAwesome;margin-right:0;font-size:14px;line-height:30px;position:absolute;left:5px;top:0;padding:8px 0;opacity:1;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;color:#aaa}@media screen and (max-width:768px){ul.mtree a,ul.mtree li.mtree-node>a{font-size:14px}}.left-adv{margin-top:30px;width:100%;background-size:cover;background-repeat:no-repeat;text-align:center;box-shadow:0 10px 30px 5px rgba(0,0,0,0.05);border-radius:0;position:relative;overflow:hidden;overflow:hidden}.left-adv .ovrly{position:absolute;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;border-radius:0}.left-adv .main{position:relative;left:0;top:0;padding:40px 20px 40px 20px;z-index:2}.left-adv .icon{width:80px;height:80px;margin:0;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;position:relative;z-index:3;background:#0caddd;box-shadow:0 3px 15px 1px rgba(255,95,18,0.2)}
.left-adv .icon:before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;border-radius:50%;filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;background:#fff;z-index:-1}.left-adv .icon i{width:50px;height:50px;background:url(../images/cross_grid.png) no-repeat;display:inline-block}.left-adv .main .title{font-size:24px;line-height:24px;color:#fff;text-transform:capitalize;margin-top:30px;margin-bottom:15px;display:block;font-family:'PlayfairDisplay'}.left-adv .main .title:hover{text-decoration:none}.left-adv .main .text{font-size:14px;color:rgba(255,255,255,0.8);line-height:24px}.left-adv .main .main_more a{color:#fff;font-size:14px;line-height:40px;border-radius:0;display:inline-block;padding:0 20px;background:#0caddd;font-family:'Basis Grotesque Pro Bold';text-transform:uppercase;margin-top:10px}@media screen and (max-width:992px){.left-adv{display:none}}.tags_ul{margin-top:5px;padding:4px 0}.tags_ul span{font-size:14px;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;color:#333;margin-right:6px}.tags_ul a{display:inline-block;padding:0 14px;background:#f1f1f1;font-size:14px;color:#666;line-height:30px;margin:2px 0;text-transform:capitalize}.tags_ul i{margin-right:3px;font-size:14px;color:#ccc;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.tags_ul a:hover{color:#fff;background:#0caddd}.tags_ul a:hover i{color:#fff}@media screen and (max-width:768px){.tags_ul{width:100%}}.products_m{color:#666;font-size:16px;margin-bottom:10px;line-height:30px}.cbp-vm-switcher{width:100%}.cbp-vm-view-grid .tags_ul{display:none}.cbp-vm-view-grid .pro_more{margin-top:10px}.cbp-vm-options{margin-bottom:15px;text-align:left;padding:6px 0}.cbp-vm-options p{display:inline-block;font-family:"Basis Grotesque Pro Bold";float:left;vertical-align:middle;color:#0caddd;text-transform:capitalize;font-size:14px;margin-left:8px}.cbp-vm-options a{vertical-align:middle;height:44px;overflow:hidden;white-space:nowrap;color:#333;line-height:44px;text-align:center;width:44px;display:inline-block;background:#eee;vertical-align:middle;display:flex;align-items:center;justify-content:center;float:left;margin-right:10px}.cbp-vm-options a svg{width:16px;height:16px;color:#ccc;transition:.5s all}.cbp-vm-options a:hover svg,.cbp-vm-options a.cbp-vm-selected svg{color:#0caddd}.cbp-vm-switcher ul{list-style:none;padding:0}.cbp-vm-switcher ul:before,.cbp-vm-switcher ul:after{content:" ";display:table}.cbp-vm-switcher ul:after{clear:both}.cbp-vm-switcher ul li{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.cbp-vm-image{display:block;margin:0 auto;position:relative}.cbp-vm-image span{display:inline-block;width:100%;height:auto;border:1px solid #eee;overflow:hidden}.cbp-vm-image img{width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%}.cbp-vm-image .light_box::before{background:rgba(0,0,0,0.1) url(../images/pro_ico.png) no-repeat center center}.cbp-vm-switcher ul li h4 a{font-size:14px;display:block;color:#444;word-wrap:break-word;text-align:left}.cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:40px;line-height:20px;font-size:14px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;position:relative}.cbp-vm-switcher ul li .line2{width:40px;background:#0caddd;height:2px;margin:15px 0;transition:.5s all}.cbp-vm-switcher ul li:hover .line2{width:60px}.cbp-vm-switcher ul h4 a:hover{text-decoration:none;color:#0caddd}.cbp-vm-view-grid .prol_more{display:none}.cbp-vm-icon:before{font-family:'fontawesome';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.cbp-vm-view-grid ul li{width:33.33%;text-align:left;vertical-align:top;float:left}.cbp-vm-view-list li{text-align:left;white-space:normal;margin-bottom:30px}.cbp-vm-view-list li:nth-child(2n+1){background:#f9f9f9;padding:10px}.cbp-vm-view-list li .i_more{margin-top:10px;font-size:14px}.cbp-vm-view-list li:before,.cbp-vm-view-list li:after{content:" ";display:table}.cbp-vm-view-list li:after{clear:both}.cbp-vm-view-list .cbp-vm-image,.cbp-vm-view-list .cbp-vm-title,.cbp-vm-view-list .cbp-vm-details,.cbp-vm-view-list .cbp-vm-price,.cbp-vm-view-list .cbp-vm-add{display:inline-block;vertical-align:middle}.cbp-vm-view-list .line2{display:none}.cbp-vm-view-list .cbp-vm-image{width:22%;display:inline-block;vertical-align:middle;float:left;margin-right:3%;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:#fff}.cbp-vm-view-list .cbp-vm-image a{display:block;overflow:hidden}.cbp-vm-view-list ul li h4 a{display:inline-block;width:75%;text-align:left;font-size:16px;color:#333;float:left}
.cbp-vm-view-list ul li .cbp-vm-details{width:75%;overflow:hidden;white-space:normal;max-height:40px;line-height:20px;color:#999;margin:15px 0}@media screen and (max-width:940px){.cbp-vm-view-grid ul li{width:50%}.cbp-vm-switcher ul li h4 a{font-size:14px}}@media screen and (max-width:520px){.cbp-vm-view-list .prol_more{font-size:14px;padding:2px 20px 7px 20px}}@media screen and (max-width:300px){.cbp-vm-view-list ul li h4 a{width:100%}.cbp-vm-view-list ul li .cbp-vm-details{width:100%}.cbp-vm-view-list .cbp-vm-image{width:100%;margin-right:0}.cbp-vm-view-grid ul li{width:100%;margin-bottom:20px}.p_hot_2{width:100%}}.products li span{overflow:hidden}.cbp-vm-view-list ul li .cbp-vm-image{border:1px solid #eee;overflow:hidden}.cbp-vm-view-list ul li .h4 a{max-height:60px;font-family:"Basis Grotesque Pro Bold";line-height:30px;color:#444;font-size:20px;overflow:hidden;display:block;margin-top:20px}.cbp-vm-view-list ul li .h4 a:hover{color:#0caddd}.cbp-vm-view-list ul li:hover .cbp-vm-image{border-color:#eee}.cbp-vm-view-list ul li .pro_ico{display:none}@media screen and (max-width:768px){.cbp-vm-view-list ul li h4 a{line-height:24px;max-height:48px}}.cbp-vm-view-grid ul{list-style:none;padding:0;margin:0 -10px}.cbp-vm-view-grid ul li .li{position:relative;border:1px solid #fff}.cbp-vm-view-grid ul li{text-align:center;position:relative}.cbp-vm-view-grid ul li .i_more{display:none}.cbp-vm-view-grid ul li:hover .i_more{bottom:0;line-height:32px;background:rgba(255,255,255,0.2)}.cbp-vm-view-grid ul li .i_more a{line-height:34px;padding:0 24px;font-size:14px;display:inline-block;border:0;padding-left:36px;border-radius:0!important}.cbp-vm-view-grid ul li .i_more a i{float:none}.cbp-vm-view-grid ul li{margin-bottom:20px;padding:8px;background:#fff;border-radius:5px}.cbp-vm-view-grid ul li .h4 a{margin:5px 0 5px;line-height:26px;font-family:"Basis Grotesque Pro Bold";font-size:20px;height:52px;overflow:hidden;display:block;text-align:left;color:#333;z-index:999;position:relative}.cbp-vm-view-grid ul li .li{text-align:left;position:relative;border:1px solid #eee;padding:15px}.cbp-vm-view-grid ul li .li .cbp-vm-image{overflow:hidden;margin-bottom:10px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;position:relative;background:#fff;z-index:66}.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico a img{width:50px;height:auto}.cbp-vm-view-grid ul .li{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.cbp-vm-view-grid ul li .li:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);box-shadow:0 5px 20px rgba(0,0,0,0.1);border:1px solid #f5f5f5;z-index:999}.products ul li .li .img a{display:block}.products ul li .li:hover .img img{transform:scale(1.05)}.cbp-vm-view-grid ul li .li{overflow:hidden}.cbp-vm-view-grid ul li:hover .li{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}.cbp-vm-view-grid ul li:hover .icon{opacity:1;top:50%}.cbp-vm-view-grid ul li:hover .line img{opacity:.5}.cbp-vm-view-grid ul li .img a{display:block;overflow:inherit}.cbp-vm-view-grid ul li:hover .img img{transform:scale(1.1)}.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico{position:absolute;bottom:30%;width:100%;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0%,50%);-moz-transform:translate(0%,50%);-ms-transform:translate(0%,50%);-o-transform:translate(0%,50%);transform:translate(0%,50%);margin-top:100px;opacity:0}.cbp-vm-view-grid ul li .li:hover .cbp-vm-image .pro_ico{bottom:50%;opacity:1}.cbp-vm-view-grid ul li .li:hover .img img{opacity:.5}.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico a{background:#0caddd;color:#fff;font-size:12px;font-family:'Basis Grotesque Pro Bold';display:inline-block;line-height:40px;position:relative;border-radius:25px;overflow:inherit;padding-left:35px;padding-right:15px}.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico i{box-shadow:0 11px 29px 0 rgba(255,150,7,0.45);width:40px;height:40px;color:#0caddd;font-size:14px;font-weight:bold;line-height:40px;position:absolute;left:-10px;top:0;z-index:666;background:#fff;border-radius:25px}.page{position:relative;margin-bottom:30px}.page:before{position:absolute;left:0;bottom:-30px;content:'';width:100%;height:60px}@media only screen and (max-width:768px){.page{margin-bottom:0}.pro_detail{margin-top:30px}}.main_text{padding:0 20px}.sp-loading{text-align:center;max-width:100%;border:2px solid #fafafa;padding:2px;border-radius:0;font-size:14px;color:#888}.sp-loading img{max-width:100%;height:auto}.sp-wrap{display:none;line-height:0;font-size:0;position:relative;width:100%;background:#fff;padding:15px;border:1px solid #eee}.sp-thumbs{text-align:left;display:block;padding:10px 0}.sp-thumbs a{position:relative;border:1px solid #eee}.sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}
.sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1}.sp-thumbs a:after{transition:all .5s;transform:scaleX(0);content:"\f00c";font-family:FontAwesome;display:inline-block;font-size:16px;color:#0caddd;position:absolute;left:50%;top:50%;margin-left:-8px;z-index:2}.sp-thumbs a:hover:after{transform:scaleX(1);visibility:visible}.sp-thumbs img{min-height:56px;min-width:56px;max-width:56px}.sp-thumbs a:link,.sp-thumbs a:visited{width:60px;height:60px;overflow:hidden;display:inline-block;background-size:cover;background-position:center;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;border:1px solid #eee;margin-right:6px}@media screen and (max-width:768px){.sp-thumbs a:link,.sp-thumbs a:visited{width:60px;height:60px}}.sp-thumbs a:active,.sp-current{position:relative;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.17);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,0.17);box-shadow:0 5px 15px 0 rgba(0,0,0,0.17)}.sp-current{border:1px solid #0caddd!important}.sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible}.sp-large{position:relative;overflow:hidden;top:0;left:0;width:100%;background:#fff}.sp-large a img{max-width:100%;height:auto;width:100%}.sp-large a{display:block}.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none}.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;background:rgba(0,0,0,.9);z-index:999999;display:none;cursor:pointer}.sp-lightbox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff}#sp-prev,#sp-next{position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;padding:14px;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s}#sp-prev{left:14%}#sp-prev:before{content:'';border:7px solid transparent;border-right:15px solid #fff;position:absolute;top:16px;left:7px}#sp-next{right:14%}#sp-next:before{content:'';border:7px solid transparent;border-left:15px solid white;position:absolute;top:16px;left:18px}#sp-prev:hover,#sp-next:hover{background:#444}@media screen and (max-width:400px){.sp-wrap{margin:0 0 15px 0}#sp-prev,#sp-next{top:50px;margin-top:0}}.sp-current-big img{width:100%}.sp-large img{max-width:none}#content{position:relative;top:-60px}.pro_table .pro_main_title{font-size:26px;font-family:"Basis Grotesque Pro Bold";overflow:hidden;display:block;text-transform:capitalize;color:#333;line-height:36px}.pro_table .pro_main_text{color:#333;line-height:32px;border-bottom:1px dashed #ddd;padding-bottom:10px;font-size:16px}.pro_table ul{margin-top:15px;padding-left:0}.pro_table ul li{margin:4px 0;font-size:18px;color:#666;list-style:none}.pro_table ul li p{display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:0;color:#333;font-size:15px;font-family:"Basis Grotesque Pro Bold"}.main-more{text-align:left!important;margin-top:20px;font-family:"Basis Grotesque Pro Bold"}.pro_more a{background:#0caddd;text-transform:uppercase;line-height:60px;padding:0 40px;border-radius:0;display:inline-block;font-size:16px;color:#fff;font-family:"Basis Grotesque Pro Bold";margin-right:10px;border-radius:30px}.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}.pro_more div{display:inline-block}.pro_more .main-more a{background:#0caddd}.pro_more a i{margin-right:6px}#parentHorizontalTab02{margin:0;padding:0;text-align:left}#parentHorizontalTab02 ul.resp-tabs-list{margin:0;padding:0;font-family:"Basis Grotesque Pro Bold";color:#333;line-height:34px;text-transform:capitalize;font-size:24px;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px}#parentHorizontalTab02 .resp-tabs-list li{display:inline-block;list-style:none;cursor:pointer;color:#333!important;text-align:center;font-family:"PlayfairDisplay";background:#fff!important;padding:0;font-size:30px;text-transform:capitalize}#parentHorizontalTab02 .resp-tabs-container div table{max-width:100%}#parentHorizontalTab02 .resp-tabs-container{padding:30px 0 0;clear:left;background:0}#parentHorizontalTab02 em.resp-accordion{cursor:pointer;display:none;padding:3px 10px!important}#parentHorizontalTab02 .resp-tab-content{display:none}#parentHorizontalTab02 .resp-tabs-list li:hover{background:#333}#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active{color:#333;z-index:99;background-color:none!important}#parentHorizontalTab02 .resp-content-active,#parentHorizontalTab02 .resp-accordion-active{display:block}#parentHorizontalTab02 em.resp-accordion{font-size:16px;margin:0;background:#f8f8f8;color:#333;font-style:normal;margin-bottom:10px;font-family:"Basis Grotesque Pro Bold";text-transform:capitalize}
#parentHorizontalTab02 em.resp-tab-active{margin-bottom:0!important}#parentHorizontalTab02 em.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:blue}#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list{float:left;width:30%}#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px!important;margin:0 0 4px;cursor:pointer;float:none}#parentHorizontalTab02 .resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}#parentHorizontalTab02 .resp-vtabs .resp-tab-content{border:0;word-wrap:break-word}#parentHorizontalTab02 .resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important;border-top:1px solid;border:1px solid #5ab1d0!important;border-left:4px solid #5ab1d0!important;margin-bottom:4px!important;border-right:1px #FFF solid!important}#parentHorizontalTab02 .resp-arrow{width:0;height:0;float:right;margin-top:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #c1c1c1}#parentHorizontalTab02 em.resp-tab-active span.resp-arrow{border:0;position:relative}#parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after{content:"\f044";font-family:"FontAwesome";position:absolute;right:-6px;cursor:pointer;font-size:20px;top:-8px;color:#aaa}#parentHorizontalTab02 em.resp-tab-active{background:#e5e5e5!important;color:#555;margin-bottom:10px!important}#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion{display:block}#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content{border:1px solid #1268bf}#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #1268bf}#parentHorizontalTab02 .resp-jfit{width:100%;margin:0}#parentHorizontalTab02 .resp-tab-content-active{display:block}@media only screen and (max-width:768px){#main-btn{padding:2% 6%}#parentHorizontalTab02{padding:0}#parentHorizontalTab02 ul.resp-tabs-list{display:none}#parentHorizontalTab02 em.resp-accordion{display:block}#parentHorizontalTab02 .resp-vtabs .resp-tab-content{border:1px solid #c1c1c1;border:1px solid #0caddd;border-top:0;padding:8px 15px 8px 15px}#parentHorizontalTab02 .resp-vtabs .resp-tabs-container{border:0;float:none;width:100%;min-height:100px;clear:none}#parentHorizontalTab02 .resp-accordion-closed{display:none!important}#parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}#parentHorizontalTab02 .resp-tabs-container{padding-top:0;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}}@media screen and (max-width:768px){.pro_table .pro_main_title{font-size:20px}.pro_table .pro_main_text{font-size:14px;line-height:30px}.pro_table ul li{font-size:16px}}.pro_inq{box-shadow:0 10px 38px 0 rgba(0,0,0,0.1);padding:30px;position:relative;background:#fff url(../images/ico_letter.png) no-repeat 95% 20px;margin-top:40px}.pro_inq .title_1 h4{color:#333;font-size:30px;line-height:30px;font-family:"PlayfairDisplay";text-transform:capitalize;margin-bottom:15px;position:relative;z-index:2;position:relative}.pro_inq .p{font-size:18px;color:#444;text-align:left;line-height:30px;max-height:60px;overflow:hidden;margin:30px 0;padding-right:8%}.pro_inq .inquiry .form-control{border:1px solid #e5e5e5;background:0;line-height:48px;height:48px;color:#808080;font-size:16px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px;border-radius:0}.pro_inq .inquiry .form-control:focus{border:1px solid #0caddd;-webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);color:#333}.pro_inq .inquiry textarea.form-control{border-radius:0}.pro_inq .inquiry .input-group{background:#fff;height:32px;margin-bottom:20px;float:left;padding-left:15px;padding-right:15px;border:0}.pro_inq .inquiry .input-group span{display:block;position:relative}.pro_inq .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:5px;top:0;z-index:2;line-height:48px;z-index:111}.pro_inq .inquiry .input-group span.ms_n input{background-image:url(../images/mes_n.png)}.pro_inq .inquiry .input-group span.ms_p input{background-image:url(../images/mes_p.png)}.pro_inq .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png)}.pro_inq .inquiry .input-group span.ms_m .form-control{height:100px;padding-top:10px;line-height:20px;background-image:url(../images/mes_m.png);background-position:98% 12px;background-repeat:no-repeat;border-radius:0;max-height:100px}.pro_inq .inquiry .no span:before{display:none}.pro_inq .inquiry .main_more{border-width:1px;margin-top:0}.pro_inq .inquiry .main_more input{height:50px;line-height:50px;font-size:14px;padding-left:30px;padding-right:50px;background:#0caddd url(../images/send_ico.png) no-repeat 85% center;color:#fff;font-size:14px;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase;border-radius:0}
.pro_inq .subject_title{border:1px solid #ddd;background:#fafafa;line-height:46px;padding:0 10px;margin-bottom:20px;padding-left:15px;border-radius:0}.pro_inq .subject_title a{color:#0caddd;font-size:16px}.pro_inq .subject_title span{font-size:14px;font-family:"Basis Grotesque Pro Bold";color:#444;margin-right:10px}@media only screen and (max-width:768px){.pro_inq .title_h{display:none}.pro_inq .inquiry .input-group{width:100%}.cbp-vm-view-grid ul li .h4 a,.cbp-vm-view-list ul li .h4 a{font-size:16px;line-height:24px;height:48px}.cbp-vm-view-list .cbp-vm-image{width:37%}.cbp-vm-view-list ul li .cbp-vm-details{width:60%}}@media only screen and (max-width:768px){.cbp-vm-view-list .cbp-vm-image{width:100%;float:none}}.rel_pro{padding-top:65px;padding-bottom:90px;border-top:1px solid #eee}.rel_pro .i_title .h4:before{color:#ededed}.rel_pro .li{text-align:center;transition:.5s all}.rel_pro .li .img{background:#fff;overflow:hidden;display:block}.rel_pro .li .img img{width:100%}.rel_pro .li{background:#fff;margin:0 10px;border:1px solid #eee;padding:10px}.rel_pro .li:hover .img img{transform:scale(1.1)}.rel_pro .li .text .h4{color:#333;display:block;font-family:'Basis Grotesque Pro Bold';line-height:26px;height:52px;font-size:20px;overflow:hidden;margin-bottom:15px}.rel_pro .li .text p{font-size:14px;color:#999;overflow:hidden;line-height:22px;height:44px;display:block;margin-top:5px}.rel_pro .li .text .line2{width:34px;height:4px;background:#0caddd;margin:30px 0 10px;display:inline-block}.rel_pro .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}.rel_pro .slick-prev{width:34px;height:34px;position:absolute;left:-60px;top:40%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.rel_pro .slick-prev::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:30px;content:"\f104";line-height:34px}.rel_pro .slick-next{width:34px;height:34px;position:absolute;right:-60px;top:40%;vertical-align:middle;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;background:0;border-radius:50%;border:0;opacity:1}.rel_pro .slick-next::before{border-radius:0;color:#333;display:inline-block;font-family:"FontAwesome";font-size:30px;content:"\f105";line-height:34px}.rel_pro .slick-prev:hover,.rel_pro .slick-next:hover{opacity:1}@media only screen and (max-width:1440px){.rel_pro .slider{padding-left:40px;padding-right:40px}.rel_pro .slider{overflow:hidden}.rel_pro .slick-prev{left:-10px}.rel_pro .slick-next{right:-10px}}@media only screen and (max-width:768px){.rel_pro .index_tl{display:none}}@media only screen and (max-width:768px){.rel_pro .li .title{font-size:14px;padding-right:0}.rel_pro .li .icon{display:none}.rel_pro{margin-top:0}.rel_pro .li .text .h4{font-size:16px}}.blog_left{float:left;width:75%;padding-right:60px}.blog_right{float:left;width:25%}.blog_nav2{margin-top:30px;box-shadow:0 8px 16px 0 rgba(200,183,255,0.2);border-top:4px solid #0caddd;padding:15px}@media only screen and (max-width:768px){.blog_right .block{background:0;padding:0;border:0}}.blog_h4{line-height:30px;color:#333;font-family:"PlayfairDisplay";font-size:26px;position:inherit;text-transform:capitalize;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}@media only screen and (max-width:992px){.blog_left{float:left;width:100%;padding-right:0}.blog_right{float:left;width:100%}}.blog_right .hot_left{margin-bottom:30px;margin-top:30px}.blog_nav ul li{list-style:none;border-bottom:1px solid #eee}.blog_nav ul li a{font-size:16px;color:#444;line-height:22px;padding:8px 0;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog_nav ul li a i{color:#ccc;font-size:14px;margin-right:10px}.blog_nav ul li a:hover{color:#0caddd;padding-left:10px}.blog_nav ul li a:hover i{color:#0caddd}.hot_tags{margin-top:30px;box-shadow:0 8px 16px 0 rgba(200,183,255,0.2);border-top:4px solid #0caddd;padding:15px}@media only screen and (max-width:768px){.hot_tags{margin-top:0}}.hot_tags a{display:inline-block;color:#666;padding:0 12px;font-size:14px;background:#f7f7f7;margin:2px;line-height:36px}.hot_tags a:hover{background:#0caddd;color:#fff}.hot_tags .toggle_content{margin:0 -4px;margin-top:15px}.blog-info{display:inline-block}.blog-info span{display:block;color:#777;font-size:14px}.blog-info i{margin-right:3px;margin-right:5px;height:36px;line-height:36px;text-align:center;color:#0caddd;font-size:16px;border-radius:5px}.blog-info img{margin-right:6px}.blog_main h3{font-size:22px;color:#333;font-family:"Basis Grotesque Pro Bold";border-bottom:1px solid #eee;padding-bottom:10px}
@media screen and (max-width:768px){.blog_main h3{font-size:18px}}.blog_main .blog_tags{margin-top:20px}.blog_main .blog_tags span{font-size:14px;text-transform:uppercase}.blog_main .blog_tags a{display:inline-block;color:#777;padding:0 10px;background:#f8f8f8;border:1px solid #eee}.blog_main .blog_tags a i{margin-right:4px;font-size:14px;color:#999}.blog_nav ul li{list-style:none}.blog_p{margin-top:10px}.blog_list{list-style:none}.blog_list li{position:relative;list-style:none;padding:20px;border-radius:0;transition:.5s all;margin-bottom:30px;border:1px solid #eee;background:#fff}.blog_list li .tags_ul a{background:#eee}.blog_list li .tags_ul a:hover{background:#0caddd}.blog_list li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}.blog_list li .date{color:#808080;margin-top:0;display:block;font-size:14px}.blog_list li .date i{color:#0caddd;margin-right:4px}.blog_list li .image{display:block;overflow:hidden;margin-bottom:20px}.blog_list li .img{float:left;width:30%;margin-right:30px}.blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}.blog_list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));transform:scale(var(--scale-multiplier,1.05))}.blog_list li .title{color:#333;display:block;font-size:20px;line-height:30px;margin-top:10px;font-family:"Basis Grotesque Pro Bold"}@media only screen and (max-width:768px){.blog_list li .title{font-size:18px}}.blog_list li .title:hover{color:#0caddd;text-decoration:none}.blog_list li .i_more{margin-top:20px;font-size:14px}.blog_list li .text{color:#808080;line-height:24px;overflow:hidden;max-height:72px;font-size:14px;margin:10px 0}.blog_list li .blog_tag{margin-top:15px;margin-bottom:15px}.blog_list li .blog_tag p{display:inline-block;font-family:"Basis Grotesque Pro Bold";font-size:14px;color:#333;text-transform:uppercase}.blog_list li .blog_tag i{color:#ccc;margin-right:8px;font-size:14px}.blog_list li .blog_tag a{background:#fff;color:#666;line-height:26px;padding:0 14px;display:inline-block;margin:0 4px;border:1px solid #eee}.blog_list li .blog_tag a:hover{background:#0caddd;color:#fff}@media only screen and (max-width:992px){.blog_list li .right{padding-left:65px;width:100%}}@media only screen and (max-width:768px){.blog_list li .date{left:0}.blog_list{border:0}.blog_list li .right{padding-left:80px}.left-blog{margin-bottom:0}.blog_list li .main-more{padding:6px 20px}.blog_tag li{margin:5px 3px}}@media only screen and (max-width:480px){.blog_list li .date{position:inherit;width:100%}.blog_list li .date span{height:auto;width:auto;padding:0 20px;border-radius:25px}.blog_list li .date>span p{display:inline-block;padding-left:5px}.blog_list li .right{padding:0;padding-top:10px}}@media only screen and (max-width:500px){.blog_li .lileft{display:none}}.blogin{font-size:14px;color:#aaa;margin:4px 0}.blogin span{color:#fff;margin:0 6px}.blogin span i{font-size:14px}.blog .blog_tags{width:100%;margin-top:10px}.sitemap{width:100%}.stp-listA>li{text-transform:capitalize;margin-bottom:15px;list-style:none;padding:14px 20px;background:#f5f5f5}.stp-top{width:100%}.stp-top a{font-size:18px;display:block;color:#333;font-family:"Basis Grotesque Pro Bold";text-transform:uppercase}.stp-top a:hover{text-decoration:none;color:#0caddd}.stp-top a i{padding-left:8px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.stp-top a:hover i{padding-left:12px;color:#0caddd}.stp-listB{display:block;padding:10px 0;border-top:1px solid #eee;list-style:none;margin-top:5px}.stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden}.stp-listB>li>a{font-size:15px;line-height:22px;display:block;color:#333}.stp-listB>li>a:hover{color:#0caddd}.stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none}.stp-listB li .stp-listC li{width:100%;margin-bottom:10px}.stp-listB li .stp-listC li a{color:#333;font-size:14px}.stp-listB li .stp-listC li a:hover{color:#0caddd;text-decoration:underline}.stp-listB li .stp-listC i{margin-right:6px}@media only screen and (max-width:768px){.stp-listB>li{width:50%;padding:8px 0}}@media only screen and (max-width:400px){.stp-listB li{width:100%;margin-right:0;margin-bottom:2%}}@media only screen and (max-width:992px){.blog_nav{margin-bottom:0;padding:0;box-shadow:none;border:0}.hot_tags{padding:0;box-shadow:none;border:0;margin:0}.blog_nav2{margin-top:10px;margin-bottom:10px}.left_nav{padding:0;border:0;color:#fff}.contact_right{width:100%}.blog_h4{position:relative;margin-bottom:0;text-align:left!important;font-family:"Basis Grotesque Pro Bold";background:#0caddd!important;padding:0 10px;line-height:36px;color:#fff!important;font-size:16px!important;border-bottom:0;border-radius:0;text-transform:uppercase}
.blog_h4:after{display:block;content:"\f107";font-family:"FontAwesome";position:absolute;right:15px;cursor:pointer;font-size:20px;top:0;color:#fff}.blog_h4.active:after{content:"\f106"}.news_left{margin-top:0}.blog_right .hot_left{margin:0}}.mobile-menu-area .container .row{margin:0}.download li{margin-bottom:20px;list-style:none}.download li .li{padding:15px;background:#fff;border:2px solid #eee;background:#f7f7f7;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}.download li .title{font-size:14px;color:#333;display:block;font-family:"Basis Grotesque Pro Bold";overflow:hidden;line-height:20px;height:40px;overflow:hidden}.download li:nth-child(3n+1){clear:both}.download li .icon{float:left;margin-right:20px}.download li .more{font-size:12px;color:#666;text-transform:capitalize;font-family:"Basis Grotesque Pro Bold";margin-top:10px;display:inline-block}.download li .more i{margin-right:5px}.download li:hover .more{color:#0caddd;text-decoration:underline}.download li:hover .li{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);background:#fff}.n_main .case_section{margin-top:0}.case_ul ul li{list-style:none;margin-top:30px}.case_ul .li{position:relative;overflow:hidden}.case_ul .li .text{position:absolute;left:0;bottom:-150%;-webkit-transform:translate(0%,50%);-moz-transform:translate(0%,50%);-ms-transform:translate(0%,50%);-o-transform:translate(0%,50%);transform:translate(0%,50%);text-align:left;padding:0 25px;width:100%}.case_ul .li .text .icon{display:block;margin-bottom:200px;text-align:left}.case_ul .li .text .title{line-height:40px;display:block;font-family:"Basis Grotesque Pro Bold";color:#fff;font-size:20px;line-height:24px;margin-bottom:20px}.case_ul .li .text p{line-height:24px;max-height:78px;overflow:hidden;font-size:13px;color:rgba(255,255,255,0.7);margin-top:10px}.case_ul .li .text i{font-size:22px;background:#0caddd;display:inline-block;line-height:40px;height:40px;width:40px;border-radius:50%;color:#fff;margin-top:30px;text-align:center}.case_ul .li .case:hover .text .icon{margin-bottom:35px}.case_ul .li .case:hover .text{bottom:50%}.case_ul .li .case:hover .img{background:#000}.case_ul .li .case:hover .img img{opacity:.5;transform:scale(1.1)}.page_faq_l{list-style:none;margin-bottom:30px}.page_faq_l li.question{position:relative}.page_faq_l li.question .column{background:#f5f5f5;overflow:hidden;border-radius:5px;padding:5px}.page_faq_l li.question .column>i{display:inline-block;width:32px;height:32px;margin-right:10px;float:left;border-radius:5px;position:relative;text-align:center;margin-top:1px;font-style:normal;background:#0caddd}.page_faq_l li.question .column>i:before,.page_faq_l li.question .column>i:after{content:"";width:10px;height:2px;background:#fff;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-1px;transition:all .5s}.page_faq_l li.question .column>i:after{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.page_faq_l li.question .column>h4{margin:0;display:inline-block;max-width:80%;line-height:24px;margin-top:5px;float:left;color:#333;font-size:14px}.page_faq_l li.answer{color:#808080;font-size:14px;line-height:24px;overflow:hidden;padding:15px;display:none}.page_faq_l li.answer a{text-decoration:underline}.page_faq_l li.answer a:hover{color:#1c7f7b}.page_faq_l div.clearfix{height:20px;display:block}.page_faq_l li .column.rotate{background:#0caddd;box-shadow:0 0 5px 1px rgba(28,127,123,0.2)}.page_faq_l li .column.rotate>h4{color:#fff}.page_faq_l li .column.rotate>i{background:#fff}.page_faq_l li .column.rotate>i:before{background:#0caddd}.page_faq_l li .column.rotate>i:after{background:#0caddd;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media only screen and (max-width:768px){.page_faq_l li.question .column>h4{font-size:15px;margin-top:4px;line-height:20px}.page_faq_l li.question .column>i{width:28px;height:28px}.page_faq_l li.question .column>i:before{line-height:28px}}@media only screen and (max-width:480px){.page_faq_l li.question{background-image:none;padding:0}.page_faq_l li.question .column,.page_faq_l li.question .column>i{border-radius:2px}.page_faq_l li.answer{padding:10px 0}.page_faq_l li.question .column>h4{max-width:82%}}.projects ul li{list-style:none;margin-bottom:30px}.projects ul li .img{overflow:hidden;position:relative}.projects ul li .img:after{position:absolute;left:-50px;bottom:-2px;background:#fff;content:'';transform:skew(30deg);height:10px;width:94%;z-index:99999}.projects ul li .img img{width:100%}.projects ul li .title{line-height:22px;height:44px;font-family:"Basis Grotesque Pro Bold";color:#333;font-size:16px;margin:10px 0 0;display:block}
.projects ul li .title:hover{color:#e60614}.projects ul li p{line-height:20px;height:40px;overflow:hidden;color:#999;font-size:12px;margin-bottom:16px}.projects ul li:hover .h4 a{bottom:0;background:rgba(0,0,0,0.5)}.projects ul li:hover img{transform:scale(1.1)}.video_l{list-style:none}.video_l li{padding:0 10px;margin-bottom:30px;text-align:center}.video_l li:nth-child(4n+1){clear:both}.video_l li .image{display:block;overflow:hidden;position:relative}.video_l li .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20}.video_l li .image img{max-width:100%;height:auto;width:100%;transition:all .9s}.video_l li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.video_l li .image .ovrly{display:block;width:100%;height:100%;background:#000;position:absolute;left:0;top:0;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;transition:all .5s}.video_l li:hover .ovrly{filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4}.video_l li .icon{position:absolute;display:inline-block;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:50%;background:#0caddd;transition:all .9s;z-index:10;text-align:center;-webkit-transform:scale(var(--scale-multiplier,1));-ms-transform:scale(var(--scale-multiplier,1));transform:scale(var(--scale-multiplier,1))}.video_l li .icon:after{content:'';background:#0caddd;position:absolute;left:-20px;top:-20px;right:-20px;bottom:-20px;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;transition:all .9s;border-radius:50%;-webkit-transform:scale(var(--scale-multiplier,0.9));-ms-transform:scale(var(--scale-multiplier,0.9));transform:scale(var(--scale-multiplier,0.9))}.video_l li:hover .icon{-webkit-transform:scale(var(--scale-multiplier,0.9));-ms-transform:scale(var(--scale-multiplier,0.9));transform:scale(var(--scale-multiplier,0.9))}.video_l li:hover .icon:after{-webkit-transform:scale(var(--scale-multiplier,1.2));-ms-transform:scale(var(--scale-multiplier,1.2));transform:scale(var(--scale-multiplier,1.2))}.video_l li .icon i{color:#fff;line-height:50px;font-size:16px}.video_l li .title{display:block;font-size:20px;line-height:24px;max-height:48px;overflow:hidden;margin-top:20px;margin-bottom:10px;color:#333}.video_l li:hover .title{color:#0caddd;text-decoration:none}.video_l li .text{color:#808080;font-size:14px;line-height:20px;overflow:hidden;height:40px}@media only screen and (max-width:768px){.video_l li{padding:0 5px}.video_l li:nth-child(2n+1){clear:both}.video_l li:nth-child(4n+1){clear:inherit}.video_l li .icon{border-width:3px;width:40px;height:40px;margin-top:-20px}.video_l li .icon i{line-height:40px}}@media only screen and (max-width:480px){.video_l li{padding:0;width:100%}}.project_list{list-style:none}.project_list li{margin-bottom:50px}.project_list li:nth-child(3n+1){clear:both}.project_list li .column{background:#f7f7f7}.project_list li .image{display:block;overflow:hidden;position:relative}.project_list li .image>a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.project_list li .image img{width:100%;transition:all .9s}.project_list li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.project_list li .title{display:block;font-size:14px;line-height:24px;font-family:"Basis Grotesque Pro Bold";max-height:48px;overflow:hidden;margin-top:20px;color:#333}.project_list li:hover .title{color:#0caddd;text-decoration:none}.project_list li .text{height:20px;line-height:20px;color:#808080;font-size:14px;overflow:hidden;max-height:20px;margin-bottom:20px}@media only screen and (max-width:768px){.project_list li{padding:0 5px}.project_list li:nth-child(2n+1){clear:both}.project_list li:nth-child(3n+1){clear:inherit}}@media only screen and (max-width:480px){.project_list li{padding:0;width:100%;margin-bottom:10px}.project_list li .title{height:auto;max-height:48px;font-size:16px;margin-top:15px}.project_list li .text{font-size:14px;background-size:12px}}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:99999999;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2%+6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.tz-gallery{padding:0}.tz-gallery .lightbox{display:block}.tz-gallery .thumbnail{padding:0;margin-bottom:10px;border:0}.tz-gallery img{border-radius:2px}.tz-gallery .caption{padding:10px 15px;text-align:center;font-family:"Basis Grotesque Pro Bold"}.tz-gallery .caption h3{font-size:14px;margin:0;height:40px;line-height:20px;overflow:hidden}.tz-gallery .caption p{font-size:12px;color:#7b7d7d;margin:0}.baguetteBox-button{background-color:transparent!important}@media only screen and (max-width:768px){.tz-gallery>div{padding:0 10px}.tz-gallery .thumbnail{margin-bottom:20px}}.honor_list{margin:0 -5px}.honor_list .li{padding:0 5px}@media only screen and (max-width:400px){.honor_list .li{float:left;width:100%}}.quarry .img{width:100%;margin-right:20px;overflow:hidden;display:block;border-radius:5px;border-bottom-left-radius:50% 30%;border-bottom-right-radius:50% 30%}.quarry .img img{width:100%}.quarry ul li{list-style:none;margin-bottom:30px}.quarry ul li .li{background:#f7f7f7;text-align:center}.quarry ul li .text{padding:20px;padding-top:0;margin-top:10px;padding-bottom:30px}.quarry ul li .title{font-size:16px;color:#333;margin-top:20px;display:block;line-height:24px;font-family:"Basis Grotesque Pro Bold";overflow:hidden;height:24px;overflow:hidden;margin-bottom:8px}.quarry ul li p{font-size:14px;color:#999;max-height:44px;overflow:hidden;line-height:22px}.quarry ul li .title:hover a{color:#0caddd}.quarry ul li:hover img{transform:scale(1.1)}@media only screen and (max-width:1080px){.quarry ul li{float:left;width:33.33%}}@media only screen and (max-width:768px){.quarry ul li{float:left;width:50%}}@media only screen and (max-width:400px){.quarry ul li{float:left;width:100%}}.projects_more{background:#0caddd;text-align:center;margin-top:30px;font-family:'PlayfairDisplay';font-size:30px;padding:20px 0;color:#fff}.projects02{margin-top:40px}.projects02 ul{-moz-column-count:4;-webkit-column-count:4;column-count:4}.projects02 ul li{list-style:none;margin-bottom:10px}@media only screen and (max-width:768px){.projects02 ul{-moz-column-count:3;-webkit-column-count:3;column-count:3}}@media only screen and (max-width:500px){.projects02 ul{-moz-column-count:2;-webkit-column-count:2;column-count:2}}.js .loading::before,.js .loading::after{content:'';position:fixed;z-index:1000}.loading::before{top:0;left:0;width:100%;height:100%;background:#2c2d31}
.loading::after{top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:8px solid #383a41;border-bottom-color:#565963;border-radius:50%;animation:animLoader .8s linear infinite forwards}@keyframes animLoader{to{transform:rotate(360deg)}}.content--side{position:relative;z-index:100;width:15vw;min-width:130px;max-height:100vh;padding:0 1em;order:2}.content--center{flex:1;max-width:calc(100vw - 260px);order:3}.content--right{order:4}.content--related{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:8em 1em 3em;text-align:center;order:5}.media-related{width:100%}.media-item{padding:1em}.media-item__img{max-width:100%;opacity:.7;transition:opacity .3s}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1}.media-item__title{font-size:1em;max-width:220px;padding:.5em;margin:0 auto}.codrops-header{position:relative;z-index:100;display:flex;align-items:center;width:100%;padding:3em 1em 4em;order:1}.codrops-header__title{font-size:1em;font-weight:normal;flex:1;margin:0 7em 0 0;text-align:center;text-transform:lowercase}.codrops-header__title::before,.codrops-header__title::after{font-size:22px;font-weight:bold;display:inline-block;padding:0 .25em;color:#42454c}.codrops-header__title::after{content:'\2309';vertical-align:sub}.codrops-header__title::before{content:'\230A'}.github-corner{position:absolute;top:0;right:0}.github-corner__svg{fill:#82888a;color:#2c2d31;position:absolute;top:0;border:0;right:0}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}.grid{position:relative;z-index:2;display:block;margin:0 auto}.grid--hidden{position:fixed!important;z-index:1;top:0;left:0;width:100%;pointer-events:none;opacity:0}.js .grid--loading::before,.js .grid--loading::after{content:'';z-index:1000}.js .grid--loading::before{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c2d31}.js .grid--loading::after{position:absolute;top:calc(25vh - 20px);left:50%;width:40px;height:40px;margin:0 0 0 -20px;border:8px solid #383a41;border-bottom-color:#565963;border-radius:50%;animation:animLoader .8s linear forwards infinite}.grid__sizer{margin-bottom:0!important}.grid__link,.grid__img{display:block}.grid__img{width:100%}.grid__deco{position:absolute;top:0;left:0;pointer-events:none}.grid__deco path{fill:none;stroke:#fff;stroke-width:2px}.grid__reveal{position:absolute;z-index:50;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;background-color:#2c2d31}.grid .grid__item,.grid .grid__sizer{width:calc(50% - 20px);margin:0 10px 20px}@media screen and (min-width:60em){.grid .grid__item,.grid .grid__sizer{width:calc((100% / 3) - 20px);margin:0 10px 20px}}@media screen and (min-width:70em){.grid .grid__item,.grid .grid__sizer{width:calc(25% - 30px);margin:0 15px 30px}.grid--type-b .grid__item,.grid--type-b .grid__sizer{width:calc(20% - 20px);margin:0 10px 20px}.grid--type-c .grid__item,.grid--type-c .grid__sizer{width:calc(25% - 16px);margin:0 8px 16px}}@media screen and (max-width:50em){main{display:block}.codrops-header{padding:1em;flex-wrap:wrap}.codrops-links{margin:0}.codrops-header__title{width:100%;text-align:left;flex:none;margin:1em 0}.content--side{width:100%}.content--right{order:3}.content--center{max-width:100vw}.control{margin:0 0 1em;text-align:left}.control__item,.control__btn{display:inline-block}.control__btn{width:auto}}.page_faq_l{list-style:none;margin-bottom:30px}.page_faq_l li.question{position:relative}.page_faq_l li.question .column{background:#f5f5f5;overflow:hidden;border-radius:30px;padding:15px}.page_faq_l li.question .column>i{display:inline-block;width:32px;height:32px;margin-right:10px;float:left;border-radius:50%;position:relative;text-align:center;margin-top:1px;font-style:normal;background:#0caddd}.page_faq_l li.question .column>i:before,.page_faq_l li.question .column>i:after{content:"";width:10px;height:2px;background:#fff;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-1px;transition:all .5s}.page_faq_l li.question .column>i:after{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.page_faq_l li.question .column>h4{margin:0;display:inline-block;max-width:80%;line-height:24px;margin-top:5px;float:left;color:#333;font-size:16px;font-family:"Basis Grotesque Pro Bold"}.page_faq_l li.answer{color:#808080;font-size:16px;line-height:24px;overflow:hidden;padding:15px;display:none}.page_faq_l li.answer a{text-decoration:underline}.page_faq_l li.answer a:hover{color:#1c7f7b}.page_faq_l div.clearfix{height:20px;display:block}.page_faq_l li .column.rotate{background:#0caddd;box-shadow:0 0 5px 1px rgba(28,127,123,0.2)}
.page_faq_l li .column.rotate>h4{color:#fff}.page_faq_l li .column.rotate>i{background:#fff}.page_faq_l li .column.rotate>i:before{background:#0caddd}.page_faq_l li .column.rotate>i:after{background:#0caddd;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media only screen and (max-width:992px){.page_faq_l li.question .column>h4{font-size:14px}.page_faq_l li.answer{font-size:14px}.page_faq_l li.question .column{padding:10px}}@media only screen and (max-width:768px){.page_faq_l li.question .column>h4{font-size:15px;margin-top:4px;line-height:20px}.page_faq_l li.question .column>i{width:28px;height:28px}.page_faq_l li.question .column>i:before{line-height:28px}}@media only screen and (max-width:480px){.page_faq_l li.question{background-image:none;padding:0}.page_faq_l li.question .column,.page_faq_l li.question .column>i{border-radius:2px}.page_faq_l li.answer{padding:10px 0}.page_faq_l li.question .column>h4{max-width:82%}}.index_video .container{padding:0}.index_video iframe{width:1199px;height:669px}@media only screen and (max-width:1300px){.index_video iframe{width:600px!important;height:335px!important}.index_video .main{max-width:600px}}@media only screen and (max-width:600px){.index_video iframe{width:100%!important;height:335px!important}.index_video .container{padding:0 15px}}function echo(stringA,stringB){var hello="你好";alert("hello world")}