/*reset*/ :focus{outline:0;} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;} em{font-style:normal;} img{border:none;} /*li,ul,ol{list-style:none;}*/ a{text-decoration:none;color:#4d4d4d;} input{padding:0px;vertical-align: middle;line-height: normal;border:none;} body{overflow-x:hidden;} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;} a:focus {outline: none;} /*share*/ body{font-size:12px;font-family: 'lato', sans-serif;color:#4d4d4d;} .bold{font-family:'latoB';} .fontRed{color:red;} .clearfix:before, .clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} @media only screen and (max-width: 768px) { .row{margin:0;} } *:link,*:visited,*:hover,*:active,*:focus{ transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear; -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;} @font-face { font-family: 'lato'; src:url(../font/lato.eot); src: url(../font/lato.eot?#iefix) format('embedded-opentype'), url(../font/lato.svg#lato) format('svg'), url(../font/lato.woff) format('woff'), url(../font/lato.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoB'; src:url(../font/latoB.eot); src: url(../font/latoB.eot?#iefix) format('embedded-opentype'), url(../font/latoB.svg#latoB) format('svg'), url(../font/latoB.woff) format('woff'), url(../font/latoB.ttf) format('truetype'); font-weight: normal; font-style: normal; } /*index*/ .header{background:#fff url(../images/head_bg.jpg) no-repeat right top;position:relative;z-index:99999999;} .header .top{text-align:right;padding-right:150px;} .hcon{margin-right:30px;display:inline-block;font-size:14px;text-transform:uppercase;font-family:'latoB'; vertical-align:middle;color:#333333;padding-left:30px;background:url(../images/icon_tel.png) no-repeat left 6px;} .hcon em{display:inline-block;color:#f9a51b;font-family:'lato';} .h_sns{list-style:none;display:inline-block; vertical-align:middle;} .h_sns li{display:inline-block;margin:0 2px;} .h_sns li a{width:28px;height:28px;background:#00aeef;display:inline-block;border-radius:50%;text-align:center;padding:6px 0;transition:all .5s;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} .h_sns li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .header > .container{position:relative;padding:20px 10px;} #logo{display:inline-block;float:left;vertical-align:middle;} #logo h1{display:inline-block;margin:0;padding:0;} #logo img{max-width:193px;width:auto;height:auto;transition:all .5s;} .header .right{float:right;width:80%;} /* Top Search*/ .search_box{z-index:99999999;background:#f6f6f6;position:absolute;right:0;top:0;width:110px;text-align:center;height:100%;} .search i{width:40px; height:40px; text-align:center;background: url(../images/search.png) no-repeat center center;display:inline-block;} .top-search { display: block; width:100%;position:absolute;right:0;top:133px;display: none;z-index:9999999;background:#f7f7f7;border-radius:0 0 5px 5px;} .top-search h4{font-size:20px;text-align:center; color:#333; margin:15px 0;text-transform:capitalize;display:none;font-family:'latoB';} .top-search .input-group-addon i {float: right;position:absolute; right:0px; top:0px; width:40px; height:40px; line-height:32px;font-size:18px;} .top-search .input-group-addon i:hover{color:#f9a51b;} .top-search .form-control {box-shadow:none;border:none;background:#fff;border-radius:0;color: #808080;height: 40px;line-height: 40px;padding: 0 45px 0 15px;text-align: left;font-size:12px;} .top-search input.form-control:focus{color:#333;font-style:inherit;} .top-search .input-group-addon.close-search {cursor: pointer;} .top-search .input-group{ width:100%;padding:30px 15px 15px;} .btn_search1 {background:#fff url(../images/search.png) no-repeat center center;bottom: 0px;height:40px; position: absolute;right:0;width:40px;z-index: 3;} .header_search {position: relative;} .top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;} .top-search .input-group-addon.close-search{cursor: pointer; float:right;display:none;} .attr-nav{padding-top:30px;z-index:9999999;display:inline-block;} .attr-nav ul li{ list-style:none;} .attr-nav p{color:#808080;text-transform:uppercase;padding-top:2px;font-size:12px;} .attr-nav a p:hover,.attr-nav a:link{text-decoration:none;} .top-search .input-group { max-width:100%; margin:0 auto;} .top-search h4,.top-search .input-group-addon.close-search{display:block;} /* Sizes for the bigger menu */ header{width: 100%;z-index: 999999;padding: 0;} header.large{height:;top:0;background:transparent;} header.large .nav_content{background:rgba(0,0,0,0.2);} header.small{height: ;left:0;background:#fff;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.05);} .height{padding-top:133px;} @media only screen and (min-width: 992px) { header{position: fixed;} } @media only screen and (max-width: 1200px) { #logo img,header.small #logo img{max-width:180px;} .header .top{padding-right:130px;} .search_box{width:100px;} .top-search{top:126px;} } @media only screen and (max-width: 992px) { header.large .header,.header{padding:15px 0;z-index:6;position:relative;} .header .container{width:100%;padding:0 10px;} .header .row{margin:0;} .header #logo,header.small #logo{position:relative;z-index:9999999;margin-right:10px;float:left;} .header #logo img,header.small #logo img{max-width:140px;} .height{padding:0;} header.small .attr-nav,.attr-nav{position:absolute;right:10px;top:28px;z-index:9999999;} .attr-nav{padding-top:0;position:absolute;right:10px;top:10px;z-index:9999999;display:inline-block;border-radius:50%;} .attr-nav p{display:none;} .search_box{position:absolute;left:0;top:0;width:100%;z-index:99999999;margin:0;max-width:100%;border:none;background:none;height:auto;} .top-search .input-group {padding:15px 25px; max-width:750px; margin:0 auto;} .top-search,header.small .top-search { display: none; width:100%; position:relative;z-index:9999999;background:#fff url(../images/sub_bg_l.jpg) no-repeat left center;padding-top:0;top:0;border-top:1px solid #e5e5e5;margin-top:10px;} .top-search h4,.top-search .input-group-addon.close-search{display:block;font-size:18px;} .search i{height:39px;} .top-search .form-control{background:#fff;border:1px solid #e5e5e5;} .hcon,.h_sns{display:none;} .header .logo .war img,header.small .header .logo .war img{max-width:60px;} .btn_search1{right:1px;height:38px;top:1px;} } @media only screen and (max-width: 480px) { .header{padding:15px 0;} .top-search{top:0;border-radius:0;border:none;background:#f7f7f7;margin-bottom:-15px;} .top-search h4, .top-search .input-group-addon.close-search{font-size:16px;} .header #logo,header.small #logo{margin-right:0;} .header #logo img,header.small #logo img{max-width:120px;} .attr-nav{right:10px;top:9px;} } #myCarousel{position:relative;z-index:5;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width:60px;height:60px;line-height:80px;} .carousel-control.left,.carousel-control.right{background:none;} .glyphicon-chevron-left:before{content:"";background:url(../images/s_prev.png) no-repeat center center;width:60px;height:60px;display:inline-block;} .glyphicon-chevron-right:before{content:"";background:url(../images/s_next.png) no-repeat center center;width:60px;height:60px;display:inline-block;} .carousel-indicators li{background:#00aeef;width:12px;height:12px;border-radius:50%;border:none;} .carousel-indicators .active{width:12px;height:12px;margin:1px;background:#f9a51b;} @media only screen and (min-width: 768px) { .carousel-control{width:5%;} #myCarousel .carousel-control .icon-prev,#myCarousel .carousel-control .glyphicon-chevron-left{left:-100%;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} #myCarousel:hover .carousel-control .icon-prev,#myCarousel:hover .carousel-control .glyphicon-chevron-left{left:20%;} #myCarousel .carousel-control .icon-next,#myCarousel .carousel-control .glyphicon-chevron-right{right:-100%;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} #myCarousel:hover .carousel-control .icon-next,#myCarousel:hover .carousel-control .glyphicon-chevron-right{right:20%;} .carousel-indicators{bottom:20px;} } @media only screen and (max-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width:30px;top:45%;height:30px;} .glyphicon-chevron-left:before{background-size:30px;width:30px;height:30px;} .glyphicon-chevron-right:before{background-size:30px;width:30px;height:30px;} .carousel-control{width:10%;} } @media only screen and (max-width: 480px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width:20px;} .carousel-indicators{bottom:0;margin-bottom:0;} } .main_title{margin-bottom:40px;text-align:center;position:relative;} .main_title>em{display:block;color:#333333;text-transform:uppercase;font-size:28px;position:relative;line-height:32px;font-family:'latoB';} .main_more{margin-top:40px;display:inline-block;position:relative;background:#00aeef;font-size:12px;text-transform:uppercase;color:#fff;padding:10px 20px;letter-spacing:1px;font-family:'latoB';} .main_more:hover{background:#f9a51b;color:#fff;text-decoration:none;} @media only screen and (max-width: 768px) { .main_title{margin-bottom:25px;} .main_title>em{font-size:20px;line-height:24px;} .main_title .line{width:40px;margin-bottom:10px;} .main_title .text{max-width:100%;font-size:12px;margin-top:15px;} .main_more{margin-top:20px;padding:10px 20px;font-family:'poppins';} } /*******Slider********/ /* Slider */ .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: none; } .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; } /* Arrows */ .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: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { position: absolute; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; margin-top:34px;} .slick-dots li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width:52px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#eeeeee;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#0db26d;} /* Arrows */ .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: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999;display:none !important;} .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px;border-radius:50%; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width: 10px;border-radius:50%; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; border:1px solid #b2b2b2;padding:0;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{border:1px solid #eb5515;background:transparent;} .slick-prev{width:15px;height:24px;position:absolute; left:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;background:url(../images/prev.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .slick-next{width:15px;height:24px;position:absolute; right:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;background:url(../images/next.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .slick-next:hover,.slick-prev:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} @media only screen and (max-width: 840px) { .slick-prev{left:0;} .slick-next{right:0;} } @media only screen and (max-width: 768px) { .slick-prev{left:0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} .slick-next{right:0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} } @media only screen and (max-width: 480px) { .slick-prev{left:-5px;} .slick-next{right:-5px;} } .pro_content{padding:60px 0;background:#fff;z-index:5;position:relative;text-align:center;} .pro_content .slick-slider .slick-list{border-right:1px solid #f2f2f2;} .pro_content .slider .li{padding:0;} .pro_content .slider .li .box{border:1px solid #f2f2f2;border-right:none;padding:30px;position:relative;overflow:hidden;} .pro_content .slider .li .box:before{ content:""; width:100%; height:3px; position:absolute; left:-100%; top:0; display:block; background:#00aeef; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .pro_content .slider .li:hover .box:before{-webkit-transform:translateY(1); -ms-transform:translateY(1); transform:translateY(1);left:0;} .pro_content .slider .li img{max-width:100%;height:auto;width:100%;transition:all .5s;} .pro_content .slider .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));} .pro_content .slider .li .box > .title{color:#333333;font-size:16px;line-height:24px;overflow:hidden;height:48px;display:block;margin-top:10px;} .pro_content .slider .li .box .main{position:absolute;width:auto;left:10px;bottom:-60%;right:10px;background:#f7f7f7;padding:20px;transition:all .5s;} .pro_content .slider .li:hover .box .main{bottom:0;} .pro_content .slider .li .box .main .title{color:#333333;font-size:16px;line-height:24px;overflow:hidden;height:48px;overflow:hidden;display:block;margin-bottom:15px;font-family:'latoB';} .pro_content .slider .li .box .main .title:hover{color:#00aeef;text-decoration:none;} .pro_content .slider .li .box .main .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#808080;font-size:14px;} .pro_content .slider .li .box .main .more{display:inline-block;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:'latoB';color:#f9a51b;} @media only screen and (max-width: 1580px) { .pro_content .slick-prev{left:0;} .pro_content .slick-next{right:0;} } @media only screen and (max-width: 768px) { .pro_content{padding:40px 0;} .pro_content .slick-prev{left:-10px;} .pro_content .slick-next{right:-10px;} } @media only screen and (max-width: 480px) { .pro_content .slick-slider .slick-list{border:none;} .pro_content .slider .li .box{border:1px solid #f2f2f2;} } .parallux {height:1000px;z-index: -1;position:absolute;left:0;top:auto;bottom:0;} .parallux .parallux-bg .parallux-inner.bg-header {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .parallux.not-full {overflow: hidden;background:#fff;} .parallux.not-full .parallux-bg {height: 100%;bottom: initial;background:#fff; } .parallux.no-parallax {overflow: hidden; } .parallux.no-parallax .parallux-bg, .parallux.no-parallax .parallux-inner {background-attachment: initial; } .parallux.bg-fixed .parallux-inner {background-attachment: fixed; } .parallux .parallux-bg { top: 0; left: 0; right: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; position: fixed; } .parallux .parallux-bg .parallux-inner { top: 0px; left: 0px; position: relative; min-width: 100%; min-height: 100%; height: auto; background-color: white; background-repeat: no-repeat; background-size: cover; background-image: url(); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .parallux .parallux-bg .parallux-inner img { max-width: 100%; max-height: 100%; display: none; } .about_content{position:relative;overflow:hidden;} .about_content .svg-top{width:100%;display:block;position:absolute;left:0;top:-1px;} .about_content .svg-bottom{ width:100%; display:block; position:absolute; left:auto; bottom:-1px; -moz-transform:scale(1, -1); -webkit-transform:scale(1, -1); -o-transform:scale(1, -1); transform:scale(1, -1); filter:FlipV; -ms-filter:"FlipV"; } .about_content .about_box{position:relative;z-index:5;padding:70px 0;} .about_content .about_box .container{border-radius:5px;background:#fff;background:rgba(255,255,255,0.9);padding:60px 20px 40px 20px;text-align:center;max-width:1170px;} .about_content .about_box .main_title > em{font-size:32px;} .about_content .about_box .text{margin:auto;color:#666666;font-size:14px;line-height:28px;overflow:hidden;max-height:168px;max-width:70%;} /* Numbers */ .numbers{border-top:1px solid #d8d8d9;padding-top:50px;margin-top:40px;} .numbers > .container > div{position: relative;z-index:100;} .numbers_box{padding:0 30px;text-align:left;border-right:1px dashed #e9e9e8;} .numbers_box:last-child{border-right:none;} .numbers_box .number_image{width:78px;height:78px;float:left;display:inline-block;background-repeat:no-repeat; background-position:center center;background-size:60px;} .numbers__num{color:#f9a51b;font-size:36px;line-height:42px;margin-bottom:10px;font-family:"latoB";} .numbers__one .numbers__num:after{content:"+";color:#f9a51b;font-size:36px;line-height:42px;font-family:"latoB";} .number__desc{color:#999999;font-size:13px;line-height:18px;} .numbers_box.numbers__one .number_image{background-image:url(../images/ser01.png);} .numbers_box.numbers__two .number_image{background-image:url(../images/ser02.png);} .numbers_box.numbers__three .number_image{background-image:url(../images/ser03.png);} .numbers_box .right{float:left;width:64%;padding-left:20px;} @media only screen and (max-width: 1200px) { .about_content .about_box .container{padding:40px 30px;} .about_content .about_box .text{max-width:100%;} .numbers_box{padding:0 30px;} .numbers_box .right{width:68%;} } @media (max-width: 991px) and (min-width: 767px) { .numbers_box{text-align:center;} .numbers_box .number_image{float:none;} .numbers_box .right{float:none;width:100%;padding-left:0;padding-top:20px;} .numbers__num{margin-bottom:5px;font-size:32px;line-height:32px;} .numbers__one .numbers__num:after{font-size:32px;line-height:32px;} .number__desc{font-size:12px;line-height:18px;} } @media only screen and (max-width: 768px) { .about_content .svg-top,.about_content .svg-bottom{display:none;} .about_content .about_box{padding:0;} .numbers{padding-top:20px;} .numbers_box{margin-bottom:20px;padding:0;border-bottom:1px dashed #e9e9e8;border-right:none;padding-bottom:20px;} .numbers_box .number_image{margin-bottom:0;} .numbers__two .numbers__num:after{font-size:16px;line-height:16px;} .about_content .box{padding:40px;} .about_content .box .text{font-size:12px;} .about_content .box .title{font-size:18px;} .numbers__num,.numbers__one .numbers__num:after,.numbers__two .numbers__num:after,.numbers__three .numbers__num:after{font-size:28px;} } @media only screen and (max-width: 480px) { .about_content .about_box .container{padding:40px 15px;} .about_content .about_box .main_title > em{font-size:24px;} .about_content .box{padding-bottom:30px;} .numbers{padding:50px 0 0 0;margin-top:40px;} .number__desc{font-size:12px;line-height:18px;height:36px;} .numbers__num{font-size:24px;line-height:24px;} .numbers__one .numbers__num:after{font-size:24px;line-height:24px;} } .cat_content{padding:50px 0;background:#fff;position:relative;z-index:5;text-align:center;} .cat_content .top_text{font-size:14px;max-width:60%;margin:auto;line-height:28px;overflow:hidden;max-height:140px;color:#808080;} .cat_content .list{list-style:none;padding-top:40px;} .cat_content .list li{padding:0 5px;} .cat_content .list li:nth-child(3n+2){animation-delay:0.1s;} .cat_content .list li:nth-child(3n+3){animation-delay:0.2s;} .cat_content .list li .image{position:relative;overflow:hidden;} .cat_content .list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .cat_content .list li .image img{max-width:100%;height:auto;width:100%;transition:all .5s;} .cat_content .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));} .cat_content .list li .image .main{background:#ffffff;background:rgba(255,255,255,0.9);padding:50px;position:absolute;left:0;top:0;bottom:0;right:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;} .cat_content .list li:hover .image .main{left:20px;top:20px;bottom:20px;right:20px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .cat_content .list li .main .title{display:block;font-size:18px;line-height:24px;text-transform:uppercase;color:#333333;font-family:'latoB';margin-bottom:20px;transition:all .5s;position:relative;z-index:6;} .cat_content .list li .main .title:hover{color:#f9a51b;text-decoration:none;} .cat_content .list li .main .icon{width:80px;height:80px;display:inline-block;border-radius:50%;background:#f9a51b;margin-bottom:20px;} .cat_content .list li .main .icon .img{max-width:100%;width:auto;height:auto;} .cat_content .list li .main .text{font-size:14px;line-height:20px;overflow:hidden;height:60px;color:#808080;} .cat_content .list li .main .more{display:inline-block;color:#f9a51b;font-size:12px;letter-spacing:1px;text-transform:uppercase;border:2px solid #f9a51b;padding:5px 15px;margin-top:20px;transition:all .5s;position:relative;z-index:6;} .cat_content .list li .main .more:hover{color:#fff;background:#f9a51b;text-decoration:none;} .cat_content .list li > .title{display:block;margin-top:10px;font-size:18px;line-height:24px;text-transform:capitalize;color:#333333;font-family:'latoB';} .cat_content .list li:hover > .title{color:#f9a51b;text-decoration:none;} @media only screen and (max-width: 992px) { .cat_content{padding:40px 15px;} .cat_content .top_text{max-width:100%;} .cat_content .list li .image .main{padding:30px 10px;} .cat_content .list li:hover .image .main{left:5px;top:5px;right:5px;bottom:5px;} .cat_content .list li > .title,.cat_content .list li .main .title{font-size:16px;} .cat_content .list li .main .icon{width:60px;height:60px;margin-bottom:10px;} .cat_content .list li .main .text{height:40px;} .cat_content .list li .main .more{margin-top:10px;} } @media only screen and (max-width: 768px) { .cat_content .list li{padding:0;margin-bottom:20px;} } @media only screen and (max-width: 480px) { .cat_content .list li .main .text{display:none;} } .com_content{background:url(../images/send_bg.jpg) no-repeat center center;background-size:cover;padding:70px 0;position:relative;z-index:5;} .com_content .left{padding:0 60px 0 30px;} .com_content .left .main_title > em{font-size:24px;text-align:left;} .com_content .left .text{color:#808080;font-size:14px;line-height:20px;margin-bottom:40px;} .com_content .list{list-style:none;} .com_content .list li{margin-bottom:20px;} .com_content .list li span{display:block;position:relative;} .com_content .list li span:before{content:'*';color:red;position:absolute;right:10px;top:5px;font-size:14px;} .com_content .list li span.ms_p:before{display:none;} .com_content .meInput{color:#999999;max-width:100%;height:50px;line-height:50px;font-size:14px;padding:0 15px;padding-left:40px;width:100%;max-width:100%;background-color:#fff;font-family: 'lato';background-repeat:no-repeat;border:1px solid #d9d9d9;} .com_content .meInput:focus{color:#333;} .com_content .meText{width:100%;max-width:100%;height:100px;max-height:100px;padding:15px 15px 15px 40px;font-size:14px;color:#999999;font-family: 'lato';background-color:#fff;border:1px solid #d9d9d9;background-repeat:no-repeat;} .com_content .meText:focus{color:#333;} .com_content .list li span.ms_p input{background-image:url(../images/mes_p.png);background-position:10px 16px;} .com_content .list li span.ms_e input{background-image:url(../images/mes_e.png);background-position:10px 16px;} .com_content .list li span.ms_m .meText{background-image:url(../images/mes_m.png);background-position:10px 16px;} .com_content input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */ .com_content input::-webkit-input-placeholder{color:#999999;}/* WebKit browsers */ .com_content input::-moz-placeholder{color:#999999;}/* Mozilla Firefox 4 to 18 */ .com_content input:-moz-placeholder{color:#999999;}/* Mozilla Firefox 19+ */ .com_content .meText:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */ .com_content .meText::-webkit-input-placeholder{color:#999999;}/* WebKit browsers */ .com_content .meText::-moz-placeholder{color:#999999;}/* Mozilla Firefox 4 to 18 */ .com_content .meText:-moz-placeholder{color:#999999;}/* Mozilla Firefox 19+ */ .com_content .main_more{margin-top:10px;} .com_content .map{margin-top:0;border:none;padding:0;} .com_content .map img{max-width:100%;height:auto;} .com_content .map iframe{max-width:100%;height:450px;} .com_content .map .main{position:absolute;left:20px;top:20px;max-width:400px;width:100%;background:#fff;border-radius:5px;padding:20px;box-shadow:0 0 15px 2px rgba(0,0,0,0.02); animation-delay:0.5s;} .com_content .map .main .title{display:block;color:#333333;font-size:18px;text-transform:uppercase;font-family:'latoB';margin-bottom:15px;} .com_content .map .main > p{color:#666666;font-size:14px;line-height:18px;padding-left:30px;margin-bottom:10px;} .com_content .map .main > p a{color:#666;font-size:14px;} .com_content .map .main > p a:hover{color:#f9a51b;} .com_content .map .main > p.fcon_a{background:url(../images/fot_a.png) no-repeat left 1px;} .com_content .map .main > p.fcon_e{background:url(../images/fot_e.png) no-repeat left 3px;} .com_content .map .main > p.fcon_p{background:url(../images/fot_p.png) no-repeat 2px 1px;} @media only screen and (max-width: 992px) { .com_content{padding:40px 0;} .com_content .left{width:100%;padding:0;padding-bottom:30px;} .com_content .left .text{margin-bottom:20px;} .com_content .map{width:100%;} } @media only screen and (max-width: 768px) { .com_content .left .main_title > em,.com_content .map .main .title{font-size:20px;} .com_content .list li{padding:0;margin-bottom:10px;} .com_content .map iframe{height:360px;} .com_content .map .main{width:100%;max-width:100%;position:inherit;left:auto;top:auto;background:none;box-shadow:none;padding:0;padding-top:30px;} .com_content .map .main > p{padding-top:2px;padding-bottom:2px;} } /*footer*/ .footer{background:#009dd7;padding-top:60px;position:relative;z-index:5;} .footer .fot_title{display:block;margin-bottom:25px;text-transform:uppercase;position:relative;} .footer .fot_title em{font-size:16px;display:block;position:relative;z-index:5;color:#ffffff;text-transform:uppercase;font-family:'latoB';} .footer ul{list-style:none;} .icon-minus-sign:before {content:"-";font-family:'FontAwesome';} .icon-plus-sign:before {content: "+";font-family:'FontAwesome';} .fot_title .column_icon_toggle {display: none;} .fot_nav{float:left;width:15%;padding-right:50px;} .fot_nav li{margin-bottom:10px;} .fot_nav li a{color:#fff;font-size:13px;line-height:18px;text-transform:capitalize;} .fot_pro{float:left;width:28%;padding-right:50px;} .fot_pro li{margin-bottom:10px;} .fot_pro li a{color:#fff;font-size:13px;line-height:18px;text-transform:capitalize;} .fot_tags{padding-right:50px;float:left;width:34%;} .fot_tags li{margin-right:10px;margin-bottom:10px;display:inline-block;} .fot_tags li a{color:#fff;font-size:13px;line-height:18px;text-transform:capitalize;border:2px solid #33b1df;border-radius:18px;padding:8px 10px;display:inline-block;} .fot_tags li a:hover{background:#fff;color:#009dd7;text-decoration:none;} .fot_mes{float:left;width:22%;} .fot_mes .text{color:#ffffff;font-size:13px;line-height:20px;margin-bottom:20px;} .fot_mes .letter-input{position:relative;background:url(../images/fot_email.png) no-repeat left center;} .fot_mes .letter-input .fot_input{border-bottom:1px solid #1aa7db;background:transparent;width:100%;height:50px;line-height:50px;font-size:13px;border-radius:25px;font-family:'lato';color:#fff;padding-left:30px;padding-right:60px;} .fot_mes .letter-input .send{background:url(../images/icon_plane.png) no-repeat center center;width:50px;height:50px;position:absolute;right:0;top:0;} .letter-input .fot_input:focus{color:#fff;} .letter-input .fot_input:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ .letter-input .fot_input::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */ .letter-input .fot_input::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ .letter-input .fot_input:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ .fot_mes .f_sns{padding-top:25px;} .fot_mes .f_sns p{display:block;color:#ffffff;text-transform:uppercase;font-family:'latoB';margin-bottom:10px;font-size:14px;} .fot_mes .f_sns a{display:inline-block;margin:5px;border:1px solid #4bbae3;width:32px;height:32px;border-radius:50%;text-align:center;padding:8px 0;} .fot_mes .f_sns a:hover{border:1px solid #fff;} .foot_bot{padding:15px 0;text-align:center;border-top:1px solid #33b1df;text-align:center;margin-top:40px;} .copy{color:#a3d2ec;font-size:13px;display:block;} .copy p{display:inline-block;} .copy a{color:#a3d2ec;font-size:13px;display:inline-block;} .copy a:hover{color:#fff;} .friendly{display:inline-block;margin-top:5px;} .friendly p{display:inline-block;text-transform:capitalize;color:#a3d2ec;font-size:13px;} .friendly a{color:#a3d2ec;font-size:13px;display:inline-block;margin:0 5px; } .friendly a:hover{color:#fff;} @media only screen and (max-width: 1200px) { .fot_nav,.fot_tag,.fot_news{padding-right:30px;} .foot_bot .copy{float:none;padding-top:0;padding-bottom:10px;} .foot_bot .image{float:none;} } @media only screen and (max-width: 992px) { .footer{padding-top:30px;} .footer .fot_about,.footer .fot_tags,.footer .fot_con,.footer .fot_pro,.footer .fot_sub,.footer .fot_nav,.footer .fot_news,.footer .fot_mes{width:100%;padding:0;} .footer .fot_title em{margin-bottom:0;font-size:16px;padding-bottom:5px;background:none;font-family:'poppins';} .footer .fot_title span{display:block;width:100%;height:1px;background:#33b1df;} .footer .fot_title{display:block;padding-bottom:10px;cursor:pointer;margin-bottom:10px;font-size:16px;} .footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:0;font-style:normal;cursor:pointer;font-size:18px;font-weight:normal;color:#fff;} .footer .toggle_content{padding-bottom:30px;padding-top:0;} .foot_bot{border:none;margin-top:0;padding:10px 0;} } @media only screen and (max-width: 768px) { .foot_top{border:none;padding-bottom:0;} .foot_top .container:before{top:-30px;} .foot_top .list li{padding:20px 20px 20px 60px;border-right:none;border-bottom:1px solid #4a4a4a;text-align:left;} .footer{padding-bottom:10px;} } @media only screen and (max-width: 560px) { .foot_bot .f_sns p{display:block;line-height:14px;padding-bottom:10px;} .foot_bot .f_sns a{margin:0 6px;} } /*back-top*/ .back_top{width:48px;height:48px;text-align:center; position:fixed; right:10px;bottom:60px; z-index:9999; display:none; background:#f9a51b;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:50%;} .back_top:before{content:"TOP";font-family:FontAwesome;color:#fff;font-size:14px;line-height:50px;font-family:'latoB';} .back_top:hover{bottom:65px;text-decoration:none;background:#00aeef;box-shadow:0 0 20px 5px rgba(255,255,255,0.2);} .back_top:link{text-decoration:none;} .back_top:hover:before{color:#fff;text-decoration:none;} @media only screen and (max-width: 768px) { .back_top{right:0;bottom:70px;width:40px;height:40px;} .back_top:before{font-size:16px;line-height:40px;} } #online_qq_layer{z-index:9999999;position:fixed;right:0;bottom:0; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{overflow:hidden;background:url(../images/online.png) no-repeat center center;height:72px; width:217px;float:right; line-height:40px;margin-right:-10px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} #online_qq_tab #floatShow i{height:40px;width:68px;float:right;display:inline-block;} #online_qq_tab #floatShow:hover{margin-right:0;} #online_qq_tab #floatHide{overflow:hidden;background:#00aeef;text-transform:uppercase; width:100%; height:40px;font-size:16px; color:#fff; line-height:40px; padding-left:10px; width:300px;text-align:left;font-family:'lato';} #online_qq_tab #floatHide i{font-size:12px; max-height:32px; float:right; padding-top:10px;padding-right:10px;} #online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;} #onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:2px solid #00aeef;border-top:none;} #online_qq_layer .inquiry .main_more{margin-top:0;padding:8px 20px;} #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;} .i_message_inquiry { padding:10px 10px 20px 10px;} .i_message_inquiry .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:30px; color:#999; font-size:12px;width:100%;border:1px solid #ddd;padding-left:36px;} .i_message_inquiry .inquiry .form-control:focus{border:1px solid #ccc;color:#333;box-shadow:none;} .i_message_inquiry .inquiry .input-group{ background:#fff; height:32px; margin-bottom:10px;width:100%;border:none;} .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:5px;} .i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_p.png);background-position:10px 8px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:8px 9px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_m .form-control{background-image:url(../images/mes_m.png);background-position:8px 10px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_p:before{display:none;} /*service*/ .online_section{position:fixed;z-index:99999999;top:200px;right:-200px;transition:all .3s ease;} .online_section ul li{border-radius:5px;list-style:none;width:240px;height:40px;color:#333; padding-left:50px; margin-bottom:3px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:13px;background-color:#f2f2f2;background-repeat:no-repeat;} .online_section ul li a{ line-height:40px; font-size:13px; color:#333;} .online_section .online_p{background-image:url(../images/right_p.png);background-position:10px 10px;} .online_section .online_e{background-image:url(../images/right_e.png);background-position:10px 10px;} .online_section .online_s{background-image:url(../images/right_s.png);background-position:10px 10px;} .online_section .online_w{background-image:url(../images/right_w.png);background-position:10px 10px;} .online_section .online_code{background-image:url(../images/fot_code.png);background-position:10px 10px;} .online_section .online_code p{ padding-left:0; font-size:14px;} .online_coad .image{width:100%; padding:5px 10px 10px;} .online_coad .image img{max-width:100px;height:auto; vertical-align:bottom;display:inline-block;} .online_coad .image p{display:inline-block; vertical-align:bottom;font-size:12px;padding-left:10px;} .online_section ul li:hover,.online_section ul li:hover a{color:#00aeef;} @media only screen and (max-width: 768px) {.online_section{display:none;}} .mobile_nav{position:fixed;background:#f9a51b;left:0;bottom:0;width:100%;padding:10px 0;display:none;z-index:999999;} .mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#fff;} .mobile_nav a i{font-size:16px;} .mobile_nav a p{color:#fff;padding-top:8px;font-size:12px;text-transform:uppercase;line-height:12px;} .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:12px;} .onlineMenu .call>p a{font-size:12px;} .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{width:36px;background-size:100%;height:36px;} .back_top:before{line-height:36px;font-size:12px;} } @media only screen and (max-width: 768px) { #online_qq_layer{right:0;} #onlineService{ width:100%;} #online_qq_layer{ width:100%;} #online_qq_tab{ width:100%;} #online_qq_tab #floatShow{ background:#f9a51b url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999;} #online_qq_tab #floatShow i{display:none;} #online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);} #online_qq_tab #floatShow span{ display:none;} .mobile_nav{display:block;} body{padding-bottom:56px;} #onlineService .i_message_inquiry .main-more input{padding:8px 20px;} } @media only screen and (max-width: 375px) { .mobile_nav a p{text-transform:capitalize;} #online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;} } /*page*/ header.large .page_nav{background:#7ac2ef;} .page_banner{position:relative;z-index:5;background:#fff;} .page_banner img{max-width:100%;} .breadcrumb{border:none;padding:10px 0;background:none;width:100%;z-index:5;text-align:center;color:#808080;margin:0;position:relative;background:#f9fbfb;border-radius:0;} .breadcrumb .bread-right{padding-top:0;float:right;padding-top:8px;} .breadcrumb .bread-right a{font-size:13px;display:inline-block;text-transform:capitalize;margin-right:10px;color:#808080;} .breadcrumb .bread-right a i{font-size:13px;padding-right:5px;color:#0093f0;} .breadcrumb .bread-right a:hover{color:#f9a51b;} .breadcrumb .bread-right a:hover i{color:#f9a51b;} .breadcrumb .bread-right h2{display:inline-block;margin:0;margin-left:10px;font-size:13px;text-transform:capitalize;color:#808080;} .breadcrumb .bread-right i{font-style:normal;font-size:16px;line-height:16px;} .breadcrumb .title{display:block;color:#333;font-family: 'latoB';font-size:28px;text-transform:capitalize;line-height:36px;float:left;} .page-about,.page_section{position:relative;z-index:5;padding:70px 0;background:#fff url(../images/page_bg.jpg) no-repeat right top;} .page-about .text{font-size:14px;line-height:22px;} .page-about .text img{max-width:100%;} .page-about b,.page-about strong{font-family: 'latoB';} @media only screen and (max-width: 768px) { .page-about,.page_section{padding:20px 0;} .page-about .text{font-size:13px;} .breadcrumb{padding:5px 0;} .breadcrumb .title{font-size:24px;float:none;line-height:28px;margin-bottom:5px;} .breadcrumb .bread-right{float:none;padding-top:0;} } .page_title{display:block;color:#333333;text-transform:uppercase;font-size:20px;line-height:32px;font-family:'latoB';margin-bottom:20px;padding-bottom:8px;position:relative;} .page_title:after{content:'';width:40px;height:2px;background:#f9a51b;position:absolute;left:0;bottom:0;} .con_left{padding:0;margin-bottom:30px;border-bottom:1px solid #e5e5e5;padding-bottom:30px;} .page-about .contact_l{list-style:none;padding:30px 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:40px;background:url(../images/contact_bg.jpg) no-repeat center center;background-size:36%;} .page-about .contact_l li{border-right:1px solid #e5e5e5;padding:0 15px;} .page-about .contact_l li:nth-child(3n+2){animation-delay:0.1s;} .page-about .contact_l li:nth-child(3n+3){animation-delay:0.2s;} .page-about .contact_l .icon{position:relative;width:70px;height:70px;margin-bottom:20px;text-align:center;display:inline-block;background:#f9a51b;padding:4px;border-radius:50%;} .page-about .contact_l span{display:block;border-radius:50%;width:60px;height:60px;padding:16px 0;} .page-about .contact_l .icon img{max-width:34px;height:auto;} .page-about .contact_l .title{display:block;font-family:'latoB';font-size:18px;color:#333;text-transform:uppercase;margin-bottom:10px;} .page-about .contact_l p{margin-bottom:0;font-size:13px;} .page-about .contact_l p a:hover{color:#f9a51b;} .page-about .contact_l li:last-child{border-right:none;} @media only screen and (max-width: 768px) { .page-about .contact_l{border:none;padding-bottom:0;margin-bottom:0;padding-top:0;} .page-about .contact_l li{padding:0;margin-bottom:10px;border-right:none;border-bottom:1px solid #e5e5e5;padding-bottom:10px;} .page-about .contact_l .icon{float:left;width:50px;height:50px;border:none;} .page-about .contact_l span{width:40px;height:40px;padding:9px 0;} .page-about .contact_l .icon img{max-width:26px;} .page-about .contact_l .text{text-align:left;padding-left:20px;float:left;width:70%;} .page-about .contact_l .title{margin-bottom:5px;font-size:16px;} .page-about .contact_l p{font-size:12px;} } .message{position:relative;margin-top:0;text-align:left;} .message p{font-size:14px;line-height:20px;color:#808080;position:relative;z-index:5;} .message ul{list-style:none;padding-top:25px;position:relative;z-index:5;} .message li{margin-bottom:15px;} .message li span{display:block;position:relative;} .message li span:before{content:'*';color:red;position:absolute;right:10px;top:5px;} .message li span.ms_p input{background-image:url(../images/mes_p.png);background-position:10px 16px;} .message li span.ms_e input{background-image:url(../images/mes_e.png);background-position:10px 16px;} .message li span.ms_m .meText{background-image:url(../images/mes_m.png);background-position:10px 16px;} .message li span.ms_p:before{display:none;} .message li .meInput{color:#808080;max-width:100%;height:50px;line-height:50px;font-size:14px;padding:0 15px;padding-left:40px;width:100%;max-width:100%;background-color:#fff;font-family: 'lato';background-repeat:no-repeat;border:1px solid #e5e5e5;} .message li .meInput:focus{color:#333;} .message li .meText{width:100%;max-width:100%;height:100px;max-height:100px;padding:15px 15px 15px 40px;font-size:12px;color:#808080;font-family: 'poppins';background-color:#fff;border:1px solid #e5e5e5;background-repeat:no-repeat;} .message li .meText:focus{color:#333;} .message li p{display:inline-block;font-weight:normal;font-size:12px;color:#333;text-align:left;margin-bottom:5px;text-transform:capitalize;} .message li a{color:red;} .message .main_more{margin-top:20px;} .message .main_more input{padding:10px 21px;} .message li input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .message li input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .message li input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .message li input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .message li .meText:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .message li .meText::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .message li .meText::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .message li .meText:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .map{margin-top:0;margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5;} .map img{max-width:100%;height:auto;} .map ifarme{max-width:100%;height:auto;width:100%;} @media only screen and (max-width: 768px) { .page-about, .page_section{background:#fff url(../images/head_bg.jpg) no-repeat right top;} .page_title{font-size:18px;} .con_left{padding:0;padding-bottom:20px;margin:20px 0;} .message{margin-top:20px;} .message li{padding:0;} } /*left*/ .page-left{width:22%;float:left;margin-top:0;} .left_title{display:block;position:relative;margin-bottom:20px;text-align:left;} .left_title>em{display:block;color:#333333;text-transform:uppercase;font-size:20px;line-height:32px;font-family:'latoB';margin-top:5px;background:url(../images/num01.png) no-repeat left center;background-size:40px;padding-left:50px;} .left_title .column_icon_toggle {display: none;} .left-cat .left_title>span i.icon:before{content:"\f0ca";font-family:FontAwesome;} ul.mtree{opacity: 0;margin-left: 0;background:#fafafa;padding:15px;} ul.mtree>li {list-style: none; position:relative; border-bottom:1px solid #fff;} ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} ul.mtree a {display: block;font-size:14px; color:#333;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;padding:8px 0;border-bottom:1px dotted #ddd;line-height:22px; padding-right:30px;font-family:'latoB';} ul.mtree li ul a{ padding:6px 10px; padding-right:30px;} ul.mtree li.mtree-open>b:before {content:"-";font-family:FontAwesome;padding-left:5px; float:right; font-size:24px; color:#f9a51b; font-style:normal; padding:0 15px;line-height:38px; position:absolute; right:0; top:0px;} ul.mtree li.mtree-closed>b:before {content:"+";font-family:FontAwesome;padding-left:5px; float:right; font-size:18px; color:#808080; font-style:normal; padding:3px 15px; position:absolute; right:0; top:0px;} ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:16px; color:#ea5515; font-style:normal; background:none; padding:6px 15px; position:absolute; right:0px; top:0; border-left:none;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:16px; color:#ea5515; font-style:normal; background:none; padding:6px 15px ; position:absolute; right:0px; top:0; border-left:none;} ul.mtree li ul a li a{ padding-left:20px;} ul.mtree>li:hover>a{ color:#f9a51b;} ul.mtree>li.mtree-node a ul a{ font-size:13px;} ul.mtree>li.mtree-open{color:#f9a51b ;padding-bottom:0;} ul.mtree>li.mtree-open>a{color:#f9a51b;} ul.mtree>li.mtree-node:hover>a{color:#f9a51b ;text-decoration:none;} ul.mtree .mtree-level-1 li.mtree-closed>span{color:#f9a51b ;text-decoration:none;} ul.mtree ul { background:#fafafa;} 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:13px !important;font-weight:normal;font-family:'lato';padding-left:0;} ul.mtree>li>ul>li>a i{ color:#ccc; font-size:12px; margin-right:10px; margin-left:6px;} ul.mtree>li>ul>li>a:before{content:"";} ul.mtree ul li:hover a{color:#00aeef;} ul.mtree li ul li.mtree-open a{color:#3fafdd;text-decoration:none;} ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:12px; padding-left:20px;} ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#ea5515;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: 0px;} 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: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;} ul.mtree.jet a { padding: 5px 0px 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;} .mtree-skin-selector{ display:none !important} ul.mtree li ul.mtree-level-2 li.mtree_all a{font-family:'latoB';text-transform:uppercase;color:#4d4d4d;} ul.mtree li ul.mtree-level-2 li.mtree_all a:hover{color:#0093f0;} /*hot_pro*/ .left-pro .left_title>span i.icon:before{content:"\f009";font-family:FontAwesome;} .left-pro{margin-top:30px;} .left-pro ul li{ list-style:none;margin-bottom:15px;padding:5px;border:1px solid #f2f2f2;background:#fff;transition:all .5s;} .left-pro ul li:hover{border:1px solid #00aeef;} .left-pro ul li:last-child{ margin-bottom:0px;} .left-pro ul li .text{width:68%;float:left;padding:0 10px;} .left-pro ul li h4{margin:0;margin-bottom:10px;margin-top:5px;} .left-pro ul li h4 a{ font-size:14px; color:#444;display:block; overflow:hidden;line-height:20px;height:40px; transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all; -moz-transition: 0s all;-ms-transition: 0s all; margin-top:0;font-family:'latoB';transition:all .5s;} .left-pro ul li:hover h4 a{ color:#00aeef;} .left-pro ul li p{ font-size:12px; color:#999; line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal; overflow:hidden; margin:8px 0;} .left-pro ul li .image{ float:left; width:32%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;} .left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;} .left-pro ul li .image img{ max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .left-pro ul 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));} .page-right{width:78%;padding-left:60px;float:right;} @media only screen and (max-width: 992px){ .page-box{padding:30px 0;} .page-title em{font-size:24px;} .page-box{padding:30px 0;} .page-left{width:100%;float:none;margin-top:20px;} .left-pro,.left-con,.left-video,.left-solu{margin-top:0;} .left_title{margin-bottom:10px;background:#f9fbfb;border:2px solid #ededed;padding:5px 10px;} .left_title>em{margin:0;font-size:14px;background:none;padding:0;border:none;font-family:'latoB';line-height:24px;} .left_title>em:after{display:none;} .left_title.active{background:#00aeef;border:2px solid #00aeef;} .left_title.active>em,.left_title.active>em span{color:#fff;} .page-left .left_title>span{display:none;} .left-con .left_title{display:block;} .left_title .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:5px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#808080;} .left_title .column_icon_toggle.icon-minus-sign{color:#fff;} .page-left .toggle_content{padding-bottom:30px;} .page-right{width:100%;padding:0;float:none;} .page-right .left_title{background:none;padding:0;margin-bottom:20px;} .page-right .left_title>em{margin-bottom:5px;font-size:22px;} .left_about{display:none;} } /*page-number*/ .page_num{width:100%;margin:20px auto 0 auto;text-align:center;} .page_num span{display:inline-block;color:#fff;background:#3fafdd;font-size:12px;text-transform:capitalize;margin-right:1px;padding:0 12px;overflow:hidden;vertical-align:middle;line-height:28px;border:1px solid #3fafdd;} .page_num a{background:#fff;padding:0 12px;display:inline-block;text-transform:capitalize;font-size:12px;margin-right:1px;position: relative;z-index: 0; vertical-align:middle;line-height:28px;border:1px solid #eee;} .page_num a:hover{background:#3fafdd;text-decoration:none;color:#fff;border:1px solid #3fafdd;} .page_num a i{line-height:28px;} .page_num p{display:block;font-size:12px;margin-top:10px;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;} @media only screen and (max-width: 768px) { .page_num{text-align:center;margin-top:0;} .page_num span,.page_num a{font-size:12px;margin:0 1px 5px 1px;padding:0 10px;} .page_num a{border:1px solid #e5e5e5;} .page_num p{width:100%;margin-top:15px;} .page_num a{background:#fff;} } /*page-turning*/ .page_turn{width:100%;text-align:left;margin-top:20px;} .page_turn li{display:block;padding:5px 15px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;margin-bottom:8px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page_turn li p{text-align:left;display:inline-block;font-size:14px;text-transform:uppercase;margin-bottom:0;margin-right:5px;color:#f9a51b;vertical-align:middle;font-family:'latoB';} .page_turn li p i{padding-right:5px;} .page_turn li a{display:inline-block;font-size:14px;margin-left:5px;text-transform:capitalize;color:#333;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal; vertical-align:middle;color:#4d4d4d;} .page_turn li:hover a{color:#00aeef;} @media only screen and (max-width: 768px) { .page_turn li a{margin:0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:inline-block;width:80%;} } /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:15px;background:#fff;list-style:none;padding:10px 15px;background:#fafafa;} .stp-top{width:100%;} .stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:capitalize;color:#333;font-family:"latoB";} .stp-top a:hover{text-decoration:none;color:#00aeef;} .stp-top a i{padding-left:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .stp-top a:hover i{padding-left:8px;} .stp-listB{display:block;padding:10px 0;border-top:1px solid #e5e5e5;list-style:none;margin-top:5px;} .stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;font-family:"latoB";} .stp-listB>li:hover>a{color:#00aeef;} .stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;} .stp-listB li .stp-listC li{width:100%;margin-bottom:8px;} .stp-listB li .stp-listC li a{color:#808080;font-size:12px;} .stp-listB li .stp-listC li a i{padding-right:5px;} .stp-listB li .stp-listC li a:hover{color:#00aeef;} @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%;} } .news{list-style:none;} .news li{border-bottom:1px solid #ebebeb;margin-bottom:20px;padding-bottom:20px;} .news li .image{float:left;width:32%;position:relative;overflow:hidden;} .news li .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .news li .image img{max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .news 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));} .news li .main{float:left;padding-left:20px;width:68%;} .news li .main .title{display:block;color:#333333;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-family:'latoB';margin-bottom:15px;} .news li .main .title:hover{color:#00aeef;text-decoration:none;} .news li .main .text{color:#999999;font-size:13px;overflow:hidden;height:40px;line-height:20px;margin-top:15px;} .news li .main .date{color:#f9a51b;font-size:12px;display:inline-block;padding-left:18px;background:url(../images/icon_date.png) no-repeat left 5px;text-transform:uppercase;} .news li .main .main_more{margin-top:20px;border:1px solid #00aeef;padding:6px 20px;color:#00aeef;background:transparent;} .news li .main .main_more:hover{color:#fff;background:#00aeef;} .news_main{text-align:center;} .news_main .title{display:block;color:#333333;font-size:18px;line-height:24px;margin-bottom:15px;font-family:'latoB';text-align:center;position:relative;padding-bottom:10px;} .news_main .title:after{content:'';background:#f9a51b;width:40px;height:2px;display:inline-block;position:absolute;left:50%;margin-left:-20px;bottom:0;} .news_main .date{color:#f9a51b;font-size:12px;display:inline-block;padding-left:18px;background:url(../images/icon_date.png) no-repeat left 5px;text-transform:uppercase;} .news_main .text{font-size:14px;line-height:24px;margin-top:20px;text-align:left;} .news_main .text img{max-width:100%;height:auto;} .news_main .text a{color:#3fafdd;} @media only screen and (max-width: 768px){ .news_main .title{font-size:14px;font-family:'latoB';} } @media only screen and (max-width: 500px){ .news li .image{width:40%;} .news li .main{width:60%;} .news li .main .title{margin-bottom:10px;font-size:14px;} .news li .main .text{margin-top:10px;} .news li .main .more{margin-top:15px;} } @media only screen and (max-width: 420px){ .news li .main{padding-left:15px;} } /*blog*/ .left-blog{margin-bottom:30px;} .left-blog .left_title>span i.icon:before{content:"\f0c1";font-family:FontAwesome;} .blog-list{list-style:none;border-bottom:1px dotted #ddd;padding-bottom:15px;margin-bottom:15px;} .blog-list p,.blog-cat p{display:block;margin-bottom:5px;text-transform:uppercase;font-size:14px;font-family:'latoB';color:#333;} .blog-list li{display:block;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden;} .blog-list li a{font-size:13px;padding:3px 0;display:block;position:relative;overflow:hidden;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;color:#808080;} .blog-list li:hover a{color:#00aeef;text-decoration:none;padding-left:10px;} .blog-list li a:before{content:"\f101";font-family:FontAwesome;padding-right:5px;color:#0093f0;position:absolute;left:-10px;top:2px;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .blog-list li a:hover:before{left:0;} .blog-cat{list-style:none;border-bottom:1px dotted #ddd;padding-bottom:15px;} .blog-cat li{display:inline-block;margin:5px;} .blog-cat li a{display:inline-block;border:2px solid #eee;padding:2px 10px;border-radius:25px;font-size:13px;} .blog-cat li a:hover{color:#fff;background:#00aeef;border:2px solid #00aeef;text-decoration:none;} .blog_list{list-style:none;} .blog_list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;position:relative;} .blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;} .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{font-size:16px;color:#333333;font-family:'latoB';display:block;margin-bottom:15px;} .blog_list li:hover .title{color:#00aeef;} .blog_list li .text{color:#808080;font-size:13px;line-height:20px;margin-top:15px;overflow:hidden;max-height:60px;} .blog_list li .date{color:#f9a51b;font-size:12px;display:inline-block;padding-left:18px;background:url(../images/icon_date.png) no-repeat left 5px;text-transform:uppercase;} .blog_list li .main_more{margin-top:20px;border:1px solid #00aeef;padding:6px 20px;color:#00aeef;background:transparent;} .blog_list li .main_more:hover{color:#fff;background:#00aeef;} .blog_tag{text-align:left;margin-top:20px;} .blog_tag>p{display:inline-block;font-size:14px;margin-right:5px;text-transform:capitalize;font-family:'latoB';} .blog_tag>p i{padding-right:2px;} .blog_tag li{display:inline-block;margin:5px;border:none;padding:0;} .blog_tag li:last-child{padding:0;} .blog_tag li a{display:inline-block;padding:2px 15px;color:#4d4d4d;font-size:13px;text-transform:capitalize;background:#f2f2f2;border-radius:20px;} .blog_tag li i{padding-right:5px;color:#808080;} .blog_tag li:hover a{color:#fff;text-decoration:none;background:#f9a51b;} .blog_tag li:hover i{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{padding-top:0;} .blog_list li .date{left:0;} .blog_list{border:none;} .blog_tag>p{display:block;} .blog_list li .right{padding-left:80px;} .left-blog{margin-bottom:0;} .blog_list li .main-more{padding:6px 20px;} } @media only screen and (max-width: 480px) { .blog_list li .date{position:inherit;width:100%;} .blog_list li .date span{border-radius:0;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;} } /*products*/ .pro-text{line-height:24px;font-size:14px;color:#808080;margin-bottom:20px;border-top:1px solid #e5e5e5;padding-top:10px;} .pro-text img{max-width:100%;height:auto;} .cbp-vm-switcher {width:100%;margin-bottom:15px;} .cbp-vm-options {text-align:right;margin-bottom:15px;} .cbp-vm-options em{display:inline-block;float:left;font-family:'latoB';font-size:20px;color:#4d4d4d;text-transform:uppercase;padding-top:5px;} .cbp-vm-options a {display: inline-block; vertical-align:middle;padding:8px;overflow: hidden;white-space: nowrap;color: #333;margin: 2px;border:2px solid #f2f2f2;border-radius:2px;} .cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc;} .cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color: #fff;background:#00aeef;border:2px solid #00aeef;} .cbp-vm-options a:before {font-size: 14px;text-align: center;display: inline-block;} /* General list */ .cbp-vm-switcher>ul {list-style: none;padding: 0;} /* Clear eventual floats */ .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;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image {position:relative;overflow:hidden;display:block;transition:all .5s;} .cbp-vm-image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .cbp-vm-image img{max-width:100%;height:auto;} .cbp-vm-image .icon{display:inline-block; width:32px; height:32px; background:#0093f0 url(../images/icon_plus.png) no-repeat center center; background-size:16px; position:absolute; right:-50%; top:10px; z-index:3; transition:all .5s; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .cbp-vm-switcher ul li:hover .cbp-vm-image .icon{right:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .cbp-vm-image .cbp-image-change{position:absolute;left:0;top:0;width:100%;height:100%;display:block;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);} .cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-change{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:0;} .cbp-vm-switcher ul li .cbp-vm-details{color:#808080;font-size:12px;overflow:hidden;line-height:20px;height:20px;} .cbp-vm-view-grid .blog_tag,.cbp-vm-view-grid .main_more{display:none;} .cbp-vm-view-grid .cbp-list-center{padding:15px 0 0 0;} /* Common icon styles */ .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-grid:before {content: "\f00a";} .cbp-vm-list:before {content: "\f039";} .cbp-vm-add:before {content: "\f055";} /* Large grid view */ .cbp-vm-view-grid ul {text-align: left;margin-left:-5px;margin-right:-5px;border-top:1px solid #f2f2f2;} .cbp-vm-view-grid ul li { width: 25%; float:left; text-align: center; display: inline-block; vertical-align: top; padding:0; position:relative; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #fff; background:#fff; padding:10px 10px 30px 10px; overflow:hidden; position:relative; } .cbp-vm-view-grid ul li:nth-child(4n+2){animation-delay:0.1s;} .cbp-vm-view-grid ul li:nth-child(4n+3){animation-delay:0.2s;} .cbp-vm-view-grid ul li:nth-child(4n+4){animation-delay:0.3s;} .cbp-vm-view-grid ul li:nth-child(4n+4),.cbp-vm-view-grid ul li:last-child{border-right:1px solid #f2f2f2;} .cbp-vm-view-grid ul li:before{ content:""; width:100%; height:3px; position:absolute; left:-100%; top:0; display:block; background:#00aeef; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .cbp-vm-view-grid ul li:hover:before{-webkit-transform:translateY(1); -ms-transform:translateY(1); transform:translateY(1);left:0;} .cbp-vm-view-grid ul li .cbp-title{display:block;margin-bottom:10px;color:#333333;font-size:14px;line-height:20px;font-family:'latoB';overflow:hidden;height:40px;} .cbp-vm-view-grid ul li:hover .cbp-title{color:#00aeef;text-decoration:none;} .cbp-vm-view-grid ul li .cbp-vm-details{color:#999999;font-size:12px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} .cbp-vm-view-grid ul li .more{display:block;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:'latoB';color:#f9a51b;position:absolute;left:0;width:100%;bottom:-50px;transition:all .5s;} .cbp-vm-view-grid ul li:hover .more{bottom:5px;} /* List view */ .cbp-vm-view-list>ul{margin:0;margin-top:20px;} .cbp-vm-view-list>ul>li {padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;white-space: nowrap;text-align:left;white-space:normal;} .cbp-vm-view-list>ul>li:first-child{border-top:1px solid #e5e5e5;padding-top:20px;} .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 .cbp-vm-image {width: 20%;text-align:center;display:inline-block; vertical-align:middle;float:left;border:1px solid #f2f2f2;padding:5px;} .cbp-vm-view-list li:hover .cbp-vm-image{border:1px solid #00aeef;} .cbp-vm-view-list ul li>div .cbp-list-center{width:78%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block;margin-bottom:20px;color:#333333;font-size:16px;line-height:24px;font-family:'latoB';overflow:hidden;max-height:48px;} .cbp-vm-view-list ul li:hover .cbp-title{color:#00aeef;} .cbp-vm-view-list ul li .cbp-vm-details {color:#999;font-size:12px;margin-top:0;line-height:22px;overflow:hidden;max-height:44px;padding:0;} .cbp-vm-view-list ul li .more{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:'latoB';margin-top:20px;border:1px solid #00aeef;padding:6px 20px;color:#00aeef;background:transparent;} .cbp-vm-view-list ul li .more:hover{color:#fff;background:#00aeef;text-decoration:none;} .pro-list-tags{list-style:none;padding:5px;text-align:left;background:#fafafa;margin-top:15px;} .pro-list-tags>p{display:inline-block;font-size:12px;margin-right:5px;text-transform:capitalize;padding-left:5px;} .pro-list-tags li{display:inline-block;margin:5px;border:none;padding:0;} .pro-list-tags li:last-child{padding:0;} .pro-list-tags li a{display:inline-block;padding:4px 20px;color:#4d4d4d;font-size:12px;text-transform:capitalize;border:2px solid #e5e5e5;border-radius:25px;} .pro-list-tags li i{padding-right:5px;color:#4d4d4d;} .pro-list-tags li:hover a{color:#fff;text-decoration:none;background:#0267bb;border:2px solid #0267bb;} .pro-list-tags li:hover i{color:#fff;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 15px;background:#fff;} .cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;} .cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0;} .cbp-vm-view-list .cbp-list-more .main-more{margin-top:0;padding:8px 20px;font-size:12px;margin-bottom:15px;display:block;text-align:center;background:#bd1e2e;color:#fff;} .cbp-vm-view-list .cbp-list-more .main-more.down{color:#333;background:#ccc url(../images/icon-pdf.png) no-repeat 10px center;background-size:25px;padding-left:35px;} .cbp-vm-view-list .cbp-list-more .main-more.down:hover{background-color:#bd1e2e;color:#fff;} @media screen and (max-width: 940px) { .cbp-vm-view-grid ul li {width: 50%;} .cbp-vm-view-grid ul li:nth-child(4n+2){border-right:1px solid #f2f2f2;} } @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-options{margin-top:5px;text-align:center;} } @media screen and (max-width: 520px) { .cbp-vm-view-list>ul>li{width:100%;} .cbp-vm-view-list ul li .cbp-vm-details{height:40px;} .cbp-vm-view-list .prol_more{font-size:13px;padding:2px 20px 7px 20px;} .cbp-vm-view-list .cbp-list-center{width:100%;margin-top:10px;} .cbp-vm-view-list ul li .cbp-vm-details{width:100%;} .cbp-vm-view-list .cbp-vm-image{width:100%;} .cbp-vm-view-list ul li>div>div{width:100%;} .cbp-vm-view-list ul li .cbp-title{font-size:14px;font-family:'latoB';margin-bottom:10px;} .cbp-vm-view-list .cbp-list-view{display:none;} .cbp-vm-view-list ul li>div .cbp-list-center,.cbp-vm-view-list .cbp-list-center .cbp-list-left{width:100%;padding:0;} .cbp-vm-view-list .pro-list-tags p{display:block;} .cbp-vm-view-list .cbp-list-more{padding:0;} .cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px;} .cbp-vm-view-grid ul li{padding:10px 10px 20px 10px;} .cbp-vm-view-grid ul li .cbp-vm-details{display:none;} .cbp-vm-view-grid .cbp-list-center{padding:10px 0;} .cbp-vm-view-grid ul li .cbp-title{margin:0;} .cbp-vm-options em{display:block;float:none;margin-bottom:10px;font-size:18px;} } @media screen and (max-width: 400px) { .cbp-list-left{padding:0;} .cbp-vm-image .image_more{display:none;} } /*products main*/ /* CSS for the loading div */ .sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; } .sp-loading img{max-width:100%;height:auto;} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; /************** Set max-width to your thumbnail width ***************/ text-align:center; max-width: 100%; width:100%; } /* Thumbnails */ .sp-thumbs { text-align: left; display: block; padding:10px 0; } .sp-thumbs a{position:relative;border:1px solid #e5e5e5;} .sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;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:0.1;opacity:0.1;} .sp-thumbs a:after{transition:all .5s;transform:scaleX(0);content:"\f00c";font-family:FontAwesome;display:inline-block;font-size:16px;color:#f9a51b;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: 70px; height: 70px; overflow: hidden; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; 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; margin:0 3px; } .sp-thumbs a:hover { opacity: 1; border:1px solid #f9a51b; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border:1px solid #f9a51b !important; } .sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; width:100%; border:1px solid #f2f2f2; } .sp-large a img { max-width: 100%; height: auto; width:100%; } .sp-large a { display: block; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); 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; } /* Tweak styles for small viewports */ @media screen and (max-width: 768px) { #sp-prev {left:10px;} #sp-next {right:10px;} } @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .sp-current-big img{ width:100%;} .sp-large img{ max-width:none;} .products .pro_img{padding:0;text-align:center;padding-bottom:0;} .products .pro-right{padding-left:30px;} .products .pro-right>h2{padding:0;margin:0;display:block;font-size:16px;text-transform:capitalize;color:#333;margin-bottom:20px;line-height:24px;font-family:'latoB';} .products .pro-right>div.main{font-size:14px;line-height:24px;color:#999;margin-bottom:20px;} .pro-right{padding-left:20px;} .pro-table{margin-bottom:20px;border-top:1px solid #e5e5e5;padding-top:20px;} .pro-table ul li{list-style:none;margin-bottom:8px;} .pro-table ul li p{display:inline-block;font-size:13px;color:#4d4d4d;text-transform:capitalize;} .pro-table ul li span{color:#333;display:inline-block;font-size:13px;padding-left:5px;color:#999;} .products .pro-right .main_more{margin-top:0px;} .products .pinned{z-index:999;transition:all .5s;} .products .panel{box-shadow:none;border:none;margin:0;background:none;} /*******features-tab********/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .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; } .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); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .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:24px; height:40px; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0; padding: 0; position: absolute; right: 5px; top: 40%; text-indent:-9999px; overflow:hidden; -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {left:-60px;background:url(../images/prev.png) no-repeat center center;} .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next {right:-60px;background:url(../images/next.png) no-repeat center center;} .product_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} .product_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-50px;} .product_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-50px;} .indicator-style.owl-theme .owl-controls .owl-buttons div:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} .owl-carousel .owl-wrapper-outer{background:#fff;width:100%;} .products .features-tab{margin-top:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .products .nav-tabs{text-align:left;border:none;padding-top:0;margin-bottom:20px;background:#009dd7;padding:2px 2px 0 2px;} .products .nav-tabs > li{float:none;display:inline-block;margin:0;margin-right:5px;} .products .nav-tabs > li > a{display:inline-block;background:#009dd7;border:none;margin:0;position:relative;border-radius:0;font-size:14px;text-transform:capitalize;padding:12px 20px;color:#fff;text-transform:uppercase;} .products .nav-tabs > li.active > a, .products .nav-tabs > li > a:hover, .products .nav-tabs > li.active > a:focus{border:none;background:#fff;color:#009dd7;} .products .nav-tabs > li.active > a:before, .products .nav-tabs > li > a:hover:before, .products .nav-tabs > li.active > a:focus:before{bottom:-6px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .products .owl-carousel .owl-wrapper-outer{background:transparent;} .products .single-product{width:100% !important;padding:15px 0;font-size:13px;line-height:24px;} .products .single-product img{max-width:100%;height:auto;} .pro_message{margin-top:30px;} .pro_message .main_title{text-align:left;} .com_content .left.pro_message .text{margin-bottom:30px;} .pro_message li .meInput{max-width:100%;width:100%;} .pro_message li .meText{width:100%;} .pro_message li p{color:#f9a51b;font-size:14px;text-transform:capitalize;} .pro_message li p a{display:inline-block;margin-left:5px;color:#f9a51b;} .pro_message li p a:hover{color:red;} .prom_main .pro_con .text{font-size:14px;} .prom_main .pro_con .text img{max-width:100%;} .prom_main .pro_con .text b,.prom_main .pro_con .text strong{font-family:'latoB';} @media only screen and (max-width: 992px) { .sp-thumbs a:link, .sp-thumbs a:visited{width:50px;height:50px;} .products .pro_img{width:100%;padding:0;} .products .pro-right{width:100%;padding:0;} } @media only screen and (max-width: 768px) { .pro-right{padding:0;margin-top:0;margin-bottom:20px;} .sp-thumbs{text-align:left;} .pro-table{margin-top:20px;} .products .pro_inquiry .message{padding:0;} .mostBox{margin-top:0;} .mostBox .tab-scroll{margin-left:0;padding-bottom:0;} .products .pro-list-tags p{display:block;} .pro_message{padding:30px 10px;text-align:center;} .pro_message li .meInput,.pro_message li .meText{width:100%;} .pro_message .main_title{text-align:center;} .pro_message .main_title>em{background-position:center bottom;} .mostBox .title,.message .main_title .title{font-size:20px;font-family:'latoB';} .mostBox .text{font-size:12px;} .prom_main{padding:40px 0;} .prom_main .pro_con{display:none;} .products .nav-tabs{margin-bottom:10px;} .products .nav-tabs > li > a{font-size:12px;padding:8px 12px;} } @media only screen and (max-width: 480px) { .products .pro-right{margin-bottom:0;} .products .pro-right .main_more{display:block;text-align:center;margin-bottom:20px;} .products .pro-right .main-more.pro-down{margin-left:0;} } .page_pro{background:#fff;position:relative;z-index:5;margin-top:60px;} .page_pro .slider{padding-top:0;} .page_pro .slider .li{padding:0;text-align:center;} .page_pro .slider .li .box{border:1px solid #f2f2f2;border-right:none;padding:30px;position:relative;overflow:hidden;} .page_pro .slider .li .box:before{ content:""; width:100%; height:3px; position:absolute; left:-100%; top:0; display:block; background:#00aeef; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .page_pro .slider .li:hover .box:before{-webkit-transform:translateY(1); -ms-transform:translateY(1); transform:translateY(1);left:0;} .page_pro .slider .li img{max-width:100%;height:auto;width:100%;transition:all .5s;} .page_pro .slider .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));} .page_pro .slider .li .box > .title{color:#333333;font-size:16px;line-height:24px;overflow:hidden;height:48px;display:block;margin-top:10px;} .page_pro .slider .li .box .main{position:absolute;width:auto;left:10px;bottom:-60%;right:10px;background:#f7f7f7;padding:20px;transition:all .5s;} .page_pro .slider .li:hover .box .main{bottom:0;} .page_pro .slider .li .box .main .title{color:#333333;font-size:16px;line-height:24px;overflow:hidden;height:48px;overflow:hidden;display:block;margin-bottom:15px;font-family:'latoB';} .page_pro .slider .li .box .main .title:hover{color:#00aeef;text-decoration:none;} .page_pro .slider .li .box .main .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#808080;font-size:14px;} .page_pro .slider .li .box .main .more{display:inline-block;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:'latoB';color:#f9a51b;} .page_pro .slick-prev{top:50%;} .page_pro .slick-next{top:50%;} @media only screen and (max-width: 1580px) { .page_pro .slick-prev{left:0;} .page_pro .slick-next{right:0;} } @media only screen and (max-width: 992px) { .page_pro .slick-prev,.page_pro .slick-next{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} } @media only screen and (max-width: 768px) { .page_pro{margin-top:30px;} .page_pro .slick-prev,.page_pro:hover .slick-prev{left:-10px;top:50%;} .page_pro .slick-next,.page_pro:hover .slick-next{right:-10px;top:50%;} } .faq_l{list-style:none;} .faq_l li{margin-bottom:10px;padding:20px 15px;} .faq_l li:nth-child(2n+2){background:#fafafa;} .faq_l li .title{border-bottom:1px solid #e5e5e5;padding-bottom:10px;font-size:16px;margin-bottom:10px;color:#000;} .faq_l li .title em{display:inline-block;text-transform:uppercase;font-size:16px;color:#f9a51b;font-family:'latoB';padding-right:10px;} .faq_l li .main em{float:left;display:inline-block;text-transform:uppercase;font-size:16px;line-height:18px;color:#f9a51b;font-family:'latoB';} .faq_l li .text{font-size:13px;line-height:20px;max-width:90%;float:left;padding-left:10px;} .video_l{list-style:none;} .video_l li{text-align:center;margin-bottom:30px;} .video_l li .image{position:relative;} .video_l li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .video_l li .image img{max-width:100%;height:auto;} .video_l li .image .icon{ display:inline-block; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:48px; height:48px; background:#fff; border-radius:50%; } .video_l li .image .icon i{line-height:48px;font-size:20px;transition:all .5s;} .video_l li:hover .image .icon{background:#f9a51b;} .video_l li:hover .image i{color:#fff;} .video_l li .title{display:block;font-size:16px;color:#333333;line-height:20px;margin-top:15px;font-family:'latoB';overflow:hidden;height:40px;} .video_l li:hover .title{color:#f9a51b;text-decoration:none;} @media only screen and (max-width: 480px) { .video_l li{padding:0 5px;} .video_l li .title{margin-top:10px;font-size:14px;} }