@charset "UTF-8";
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}

.font-12px {font-size: 12px!important;}
.font-14px {font-size: 14px!important;}
.font-16px {font-size: 16px!important;}
.font-18px {font-size: 18px!important;}
.font-20px {font-size: 20px!important;}
.font-22px {font-size: 22px!important;}
.font-23px {font-size: 23px!important;}
.font-26px {font-size: 26px!important;}
.font-30px {font-size: 30px!important;}
.font-35px {font-size: 35px!important;}
.font-40px {font-size: 40px!important;}
.font-50px {font-size: 50px!important;}
.font-60px {font-size: 60px!important;}
.font-70px {font-size: 70px!important;}
.font-80px {font-size: 80px!important;}
.font-90px {font-size: 90px!important;}
.font-100px {font-size: 100px!important;}
.font-120px {font-size: 120px!important;}
.font-130px {font-size: 130px!important;}
.font-italic {font-style: italic!important;}
.font-bold {font-weight:bold!important;}
.font-uppercase {text-transform: uppercase!important;}
.red-color{color:#DC3732!important;}
.white-color {color: #fff!important;}
.dark-color {color: #1d2124!important;}
.white-smoke {color: #f9f9f9!important;}
.grey-color {color: #aaa !important;}
.blue-color {color: #0263B4 !important;}
.green-color {color: #23A455 !important;}

.button-border-icon {
	background-color: transparent !important;
}

.button-border-icon i {
	margin-right: 0;
	border-radius: 50%;
	border: 1px solid #DDD;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: transparent !important;
}

.button-border-icon i::before {
	position: relative;
	font-size: 16px;
	left: 2px;
}

.button-border-icon span { margin-left: 0.75rem; }

.line-xs {
	margin: 4px 0 20px;
	border-bottom: 3px solid #EEE;
}

.line-xs::after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51,51,51,0);
	border-top-color: #EEE;
	border-width: 8px;
	margin-left: -8px;
	z-index: 1;
	background: none;
}
.line-home { border-bottom-color:  var(--themecolor, #FF8600) !important; }
.line-travel { border-bottom-color:  var(--travel, #6F42C1) !important; }
.line-tech { border-bottom-color:  var(--tech, #007BFF) !important; }
.line-fashion { border-bottom-color:  var(--fashion, #E83E8C) !important; }
.line-sports { border-bottom-color:  var(--sports, #DC3545) !important; }
.line-lifestyle { border-bottom-color:  var(--lifestyle, #13A774) !important; }
.line-food { border-bottom-color:  var(--food, #17A2B8) !important; }
.line-market { border-bottom-color:  var(--market, #FFC107) !important; }
.line-light { border-bottom-color:  var(--light, #F8F9FA) !important; }
.line-dark { border-bottom-color:  var(--dark, #343A40) !important; }

.line-home::after { border-top-color:  var(--themecolor, #FF8600) !important; }
.line-travel::after { border-top-color:  var(--travel, #6F42C1) !important; }
.line-tech::after { border-top-color:  var(--tech, #007BFF) !important; }
.line-fashion::after { border-top-color:  var(--fashion, #E83E8C) !important; }
.line-sports::after { border-top-color:  var(--sports, #DC3545) !important; }
.line-lifestyle::after { border-top-color:  var(--lifestyle, #13A774) !important; }
.line-food::after { border-top-color:  var(--food, #17A2B8) !important; }
.line-market::after { border-top-color:  var(--market, #FFC107) !important; }
.line-light::after { border-top-color:  var(--light, #F8F9FA) !important; }
.line-dark::after { border-top-color:  var(--dark, #343A40) !important; }


/*cate_section*/ 
.in_title{ text-align: center}
.in_title span{ display: inline-block; color: #222222; font-size: 40px; line-height: 44px; text-transform: uppercase;font-weight: 700; background: url(../pic/t_bg.png) no-repeat center bottom; padding-bottom:23px;} 
.in_title .text{ color: #808080; font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; margin:16px auto 0; max-width:910px;font-weight: 400; } 
 
@media only screen and (max-width: 1459px) {
	.in_title span{ font-size: 34px; line-height: 40px; }	
 
}
@media only screen and (max-width: 1299px) {
	.in_title span{ font-size: 30px; line-height: 32px; }	
 
}
@media only screen and (max-width: 768px) {
	.in_title span{ font-size: 26px; line-height: 28px; }	 
}
@media only screen and (max-width: 475px) {
	.in_title span{ font-size: 20px; line-height: 24px;  }
 
}


.cate_section{ padding: 81px 0 90px}
@media (min-width: 1800px) {
 .cate_section .container {
    width: 1680px;
  }
}
.cate_section .cate_main{ margin:40px 0 0;}
.cate_section .img{ position:relative; overflow: hidden}
.cate_section .li:hover .img{ background:#E60013;}
.cate_section .li:hover .img img{ opacity:0.3;}
.cate_section .li .img>a{ display: block}
.cate_section .li .img>a:after{width: calc(100%);height: calc(100% );position: absolute;left: 0px;top: 0px;content:'';border:1px solid rgba(255,255,255,0) ;
transition: all ease-out .3s}
.cate_section .li{ padding:5px; overflow:hidden; position:relative;}
.cate_section .li .img:hover a:after{width: calc(100% - 12px);height: calc(100% - 12px);left: 6px;top: 6px;border:1px solid rgba(255,255,255,0.8);}
.cate_section .title{ padding: 9px 0; position:absolute;left:0px;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; bottom:0px; text-align:center;background:rgba(0,0,0,0.2); width: 100%}
.cate_section .title a{ display:block; color:#fff; font-weight: 700; font-size:17px; display:block; overflow:hidden; max-height: 48px; width:100%; line-height:24px;padding:0px 20px;}
.cate_section .li:hover .title{ bottom:-90px;}
.cate_section .li .text{ position: absolute;top:200%;left: 0%;-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:0px 20px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cate_section .li:hover .text{ top:50%;}
.cate_section .li .text .icon{ background:url(../pic/cate_ico2.png) no-repeat left center; width:107px; height:39px; display:inline-block;}
.cate_section .li .text>span{ display:block; color:#fff; font-weight: 700;font-size:16px; line-height:30px; margin:20px 0 0;}
.cate_section .li .text  p{ line-height:24px; color:#fff; max-height:48px; overflow:hidden; font-size:13px;}
.cate_section .li .a{ display:block; left:0px; top:0px; width:100%; height:100%;}

.cate_l{ float:left; width:38.9%;}
.cate_m{ float:left; width:22.2%;}
.cate_r{ float:right; width:38.9%;}
.cate_section .li2{ float:left; width:50%;}
.cate_section .li3{ width:100%; clear:both;}
.cate_section .li4{ width:100%;}
.cate_section .img img{ width:100%;}
@media only screen and (max-width: 1759px) {
	.cate_section{ padding: 66px 0 80px}
	.cate_section .cate_main{ margin-top: 30px}
	.cate_section .title a{ font-size: 15px;    font-weight: 600; padding: 0 10px}
	.cate_section .li .text .icon{ display: none}
	.cate_section .li .text>span{ font-size: 14px; line-height: 22px;}
	.cate_section .li .text p{ display: none}
	
}

@media only screen and (max-width: 1459px) {
	.cate_section{ padding: 66px 0 80px}
	.cate_section .cate_main{ margin-top: 30px}
	.cate_section .title a{ font-size: 15px;    font-weight: 600; padding: 0 10px}
	.cate_section .li .text .icon{ display: none}
	.cate_section .li .text>span{ font-size: 14px; line-height: 22px;}
	.cate_section .li .text p{ display: none}
	
}
@media only screen and (max-width: 1299px) {
	.cate_section{ padding: 40px 0 50px}
	.cate_section .cate_main{ margin-top: 20px}
	.cate_section .title a{ font-size: 14px; line-height: 22px; max-height: 44px; }
	
}
 
@media only screen and (max-width: 768px) {
	.cate_l{ width: 50%;}
	.cate_r{ width: 50%}
	.cate_m{ display: none}
	
}
@media only screen and (max-width: 575px) {
	.cate_l{ width: 100%;}
	.cate_r{ width: 100%}
	.cate_section .cate_main{ margin: 20px -5px 0}
}


.pro_content{ padding: 70px 0 60px;  }
.pro_content .nav-tabs{border:none;text-align: center; margin-top: 42px }
.pro_content .nav-tabs li{float:none;margin:0 5px;padding:0;display:inline-block;}
.pro_content .nav-tabs li a{background:#f3f3f3;color:#808080;font-size:14px;margin:0;padding:0 25px;line-height:44px;text-transform: uppercase;font-weight: 700;border:2px solid #dadada;   position: relative; border-radius: 5px;  display: inline-flex; align-items: center; height: 48px;} 
.pro_content .nav-tabs li a span{ height: 32px; width: 32px; position: relative; overflow: hidden; display: inline-block; margin-right: 20px}
.pro_content .nav-tabs li a span img{ width: 32px; position: absolute; top: -32px; left: 0; transition: all .9s; }
.pro_content .nav-tabs li.active > a,
.pro_content .nav-tabs li:hover > a,
.pro_content .nav-tabs li.active > a:focus{
	color:#333;  background: #fff100; border-color: #fff100; box-shadow: 0 5px 20px rgba(0,0,0,0.05)
}
 
.pro_content .nav-tabs li.active > a:after{ content:"";  display: inline-block; margin-left: 9px;transition: all .9s; position: absolute; background: url(../pic/tab_cut.png) no-repeat; bottom: -24px;  width: 13px;height: 9px; left: 50%; margin-left: -6px; }

.pro_content .tab-content{ margin: 40px -15px 0}
.pro_content .single-product{ padding: 20px 15px 40px}
.pro_content .single-product .column{  transition: all .9s;  position: relative;text-align: center;} 
.pro_content .single-product .column:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #fff; border: 1px solid #f6f6f6;transition: all .9s;}
.pro_content .single-product:hover .column:after{box-shadow: 0 5px 30px 5px rgba(0,0,0,0.05); border-radius: 15px;bottom: -10px}
.pro_content .single-product .image{position: relative; z-index: 9; padding: 1px;}
.pro_content .single-product .image  > a {  border-radius: 15px;width: 100%;	display: block;  overflow: hidden;}
.pro_content .single-product .image  img {transition: all .9s;width: 100%;} 
.pro_content .single-product:hover .image  img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} 
 
.pro_content .single-product .wrap{ padding:17px 25px 26px;  width: 100%; position: relative; z-index: 9; }
.pro_content .single-product .title{ display: block; width: 100%; font-size: 16px; color: #333333;  line-height: 24px; overflow: hidden; height: 24px;font-weight: 700; text-transform: uppercase}  
.pro_content .single-product:hover .title{ color:#f1bd07}
.pro_content .single-product .text{ color: #808080; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px;}
.pro_content .single-product .more{ opacity: 0; position: absolute; bottom: 0; background: #fff100; padding: 0 14px; height: 42px; line-height: 42px; color: #333; font-size: 14px; font-weight: 700; display: inline-block;transition: all .9s; text-transform: uppercase; border-radius: 5px; margin-left: -65px}
.pro_content .single-product:hover .more{ bottom: -32px; opacity: 1}

.pro_more{ text-align: center}
.pro_more .main_more{ border: 2px solid #fff100; background: none; margin-top: 35px}
.pro_more .main_more a{ color: #333; line-height: 50px; height: 50px;}
 
@media only screen and (max-width: 1459px) {
	.pro_more .main_more{ margin-top: 20px}
}
@media only screen and (max-width: 1299px) {
	.pro_content{ padding: 50px 0 60px}
.pro_content .tab-content{ margin: 20px -5px 0}
	.pro_content .single-product{ padding:20px 5px 40px;}
	.pro_content .single-product .wrap{ padding: 17px 10px 26px}
	.pro_content .single-product .title{ font-size: 15px}
	.pro_content .single-product .text{ margin-top: 4px}
}
@media only screen and (max-width: 768px) {
	.pro_content{ padding: 40px 0 30px}
	.pro_content .nav-tabs{ margin-top: 10px} 
	.pro_content .nav-tabs li a{ font-size: 13px; padding: 0 10px; margin-top: 10px}
	.pro_content .nav-tabs li{ margin: 0 2px}
	.pro_more .main_more{ margin-top: 10px}
	.pro_content .nav-tabs li a span{ margin-right: 6px}
	.pro_more .main_more a{ height: 40px; line-height: 40px; padding: 0 10px; font-size: 12px}
}

@media only screen and (max-width:558px) {
	.pro_content .nav-tabs li a{ font-size: 12px; padding: 0 5px; font-weight: 600}
	.pro_content .single-product .title{ font-size: 13px}
	
}

@media only screen and (max-width:475px) {
	.pro_content .nav-tabs li a span{ display: none}
	.pro_content .nav-tabs li{ margin: 0}
}

.in_aboutW{ position: relative; background: #fafafa; padding-top: 60px; padding-bottom:60px;}
.in_about { background: #F1F1F1 url(../pic/about_bg.png) no-repeat right 60px; box-shadow:0 0 40px 10px rgba(0,0,0,0.05)}
.in_about .nav-tabs{border: none; z-index: 99; position: relative;margin:56px 0 0 ; display: inline-block; background: none;  }
.in_about .nav-tabs > li{margin:0 3px; display: inline-block; float: none;}
.in_about .nav-tabs > li a{display: flex;text-transform:capitalize;padding:0;border:none;color:#222222;font-size: 13px;position: relative;margin:0;z-index: 5;text-align: center; background: #eeeeee; padding: 0 17px; line-height: 54px; height: 54px;align-items: center;border-radius: 10px 10px 0 0 ; font-weight: 700;}
.in_about .nav-tabs > li a .icon{display: inline-flex; height: 35px; width: 34px; transition:all .5s; align-items: center;justify-content: center; position: relative;}
.in_about .nav-tabs > li a:after{
	top: 0;
    left: 50%;
	margin-left: -9px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color:#fff100;
    border-width: 9px;
	transition:all .5s;
	opacity: 0;
}
.in_about .nav-tabs > li.active > a:after,
.in_about .nav-tabs > li > a:hover:after,
.in_about .nav-tabs > li > a:focus:after{
	top: -17px;opacity: 1;
}
.in_about .nav-tabs > li a .icon i{width: 34px;height: 35px;background-position: 0 -35px;background-size: 100%;}
 
.in_about .nav-tabs > li a p{margin: 0 0 0 11px;  line-height: 22px;  font-size: 13px;   text-transform: uppercase}
.in_about .nav-tabs > li.active > a,
.in_about .nav-tabs > li > a:hover,
.in_about .nav-tabs > li > a:focus{
	border:none;color:#333;background:#fff100;
}
 
 

 
.in_about .container{ width: 100%; padding:0}
.in_about .features-tab{ float: left; width: 53.7%; padding-left: 69px; padding-right: 50px; max-width: 880px}
.in_about .tab-content{ padding-top:52px;    min-height: 630px; }
.in_about .in_title{ text-align: left; }
.in_about .in_title span{ background: url(../images/t_bg2.png) no-repeat bottom left}
.about_column .about_text{ font-size: 14px; line-height: 32px; color:#666666; overflow: hidden; max-height: 300px;}

.about_column .about_title{ font-size: 18px; text-transform: uppercase; font-weight: 700; color: #333; line-height: 26px; margin-top: 26px; margin-bottom: 13px; display: block}
.about_column .list{  background: #f6f6f6; padding:23px 10px 33px; border-radius: 3px; margin-top: 28px;position: relative; z-index: 9}
.about_column .list li{ list-style: none; }
.about_column .list li .column{ display: flex; align-items: center;}
.about_column .list li .column>a{ display: inline-block; width: 55px;  min-width: 55px; max-width: 55px; transition: all .9s;}
.about_column .list li .column:hover>a{-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH; transform: rotateY(180deg); }
.about_column .list li .column .wrap{ padding-left: 15px; }
.about_column .list li .column .wrap .title{ display: block; font-size: 14px; color: #333333; line-height: 26px; height: 26px; overflow: hidden; font-weight: 700;}
.about_column .list li .column .wrap .title:hover{ color:#fff100}
.about_column .list li .column .wrap .text{ font-size: 13px; line-height: 22px; overflow: hidden; height: 44px; color: #808080; margin-top: 7px;}

.in_about .about_image{ float: left; width:46.3%; padding-left: 0;  position: relative;   z-index: 99; }
.in_about .about_image a{ display: block; width: 100%; border-radius:0; overflow:hidden;height: 740px;  }
.in_about .about_image a img{     height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;  transition: all .9s;}
.in_about .about_image a:hover img{-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));}
 


.in_about .main_more{ border: 2px solid #fff100; background: none; margin-top:42px}
.in_about .main_more a{ color: #333; line-height: 46px; height: 46px; padding: 0 16px;}
 

#about02 .single-product,#about03 .single-product,#about04 .single-product {padding:15px 10px;text-align: center;}
#about02 .single-product .image,#about03 .single-product .image,#about04 .single-product .image{display: block;border: 2px solid #fff;box-shadow: 0 2px 5px 1px rgba(0,0,0,0.05);}
#about02 .single-product .title,#about03 .single-product .title,#about04 .single-product .title{margin-top: 10px;font-size: 14px;display: block;  font-weight: 600;}


@media only screen and (max-width: 1695px) {    
	.in_about .features-tab{ padding-left: 40px}
}
 @media only screen and (max-width: 1440px) {  
	 .in_about .nav-tabs > li{ margin: 0}
	 .in_about .nav-tabs > li a{ padding: 0 10px}
}
 
@media only screen and (max-width: 1299px) {  
	.in_about .features-tab{ padding-left: 30px} 
	.about_column .about_title{ font-size: 16px; margin: 18px 0 6px}
	.about_column .list{  display: none}
	.in_about .about_image a{ height: 600px}
	.in_about .nav-tabs{ margin-top: 32px}
	.in_about .tab-content{ min-height: 514px} 
	 .in_about .nav-tabs > li a{ padding: 0 5px}
	.in_about .nav-tabs > li a p{ margin-left: 4px; font-size: 12px}
}

@media only screen and (max-width: 1057px) { 
 
	.in_about .main_more a{ height: 40px; line-height: 40px; font-size: 13px}
	
}


@media only screen and (max-width: 992px) {
	.in_about .container{ padding: 0 5%}
	.in_about .tab-content{ min-height:initial}
	.in_about .features-tab{ width: 100%; padding: 0}
	.in_about .about_image a{ height: inherit}
	.in_about .about_image a img{width: 100%;max-width: inherit;}
	.in_about .about_image{ width: 100%; padding: 0; } 
	.in_about .main_more{ margin-top:15px} 
}

@media only screen and (max-width: 520px) { 
	.about_column .about_title{ font-size: 14px} 
	.in_about .container{ padding: 0 10px}
  
}

@media only screen and (max-width: 480px) { 
	.in_about .nav-tabs > li a .icon{ display: none}
	.in_about .nav-tabs > li a p{ margin-left: 0; font-weight: 600; text-transform: capitalize}
}


.minhight {
min-height:550px;
}


.co-text p{
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.hover-services .box i,
#custom-search-input a {
  color:#8BC34A !important;
} 

.hover-services .box i {
    color: #222;
    font-size: 44px;
}

.section.tb .hover-services .box {
    background-color: transparent !important;
}

.section.tb .stat-count,
.section.tb .hover-services .box h3 {
    color: #ffffff;
}

.section.searchbanner1 .hover-services .box {
    background-color: rgba(255, 255, 255, 0.1);
    !important;
}

.hover-services .box {
    padding: 60px 40px;
    
    
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}



.hover-services .box h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.6px;
	padding-bottom: 5px;
	color: #FFF;
}

.hover-services .box p {
    margin-bottom: 0;
}



.pm0 p{
padding: 0px;
margin: 0px;
}

.box__ins2 {
	border: 1px solid #D3D3D3;
	padding: 1px;
	text-align: center;
	min-height: 152px;
	vertical-align: middle;
}
.table tr th,.table tr td { 
    text-align: center;
    vertical-align: middle;
}
.colors {
	border: 1px solid #D3D3D3;
	display: inline-block;
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 3px;
}
.top_offset_2 {
	margin-top: 20px;
}
.bottom_offset_2 {
	margin-bottom: 20px;
}
.img_outline img {
	outline: 1px solid #EBEBEB;
}
.vcode {
	margin-top: 10px;
}
.mphoto {
	max-width: 100px;
}
.product_more{
	margin-top: 1px;
}
.HI_vc_value {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 5px;
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.en-3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	vertical-align: middle;
}
.en-4 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 50px;
}
.content_sitemap{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/713.gif);
	background-repeat: repeat-y;
}
.content_sitemap_products{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/716.gif);
	background-repeat: repeat-y;
}
.content_sitemap_dow{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/714.gif);
	background-repeat: repeat-y;
}
.products_page {
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.link-page {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
a.link-page:hover {
	text-decoration: none;
	background-color: #343846;
	color: #CCCCCC;
}
.link_lag {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 0px;
	background-image: url(image/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-align: left;
	font-weight: normal;
}
a.link_lag:hover {
	text-decoration: none;
	color: #990000;
}

.link-dow {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	line-height: 18px;
}
a.link-dow:hover {
	color: #CCCCCC;
	text-decoration: none;
}



.os{
	position: fixed;
	width: 62px;
	_top:auto;
	z-index: 999;
	_width: 100%;
	_position: absolute;

    _bottom:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	bottom: 120px;
	right: 25px;
}


.os_top{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	background-image: url(../image/os-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 62px;
}
.os_cen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-align: center;
	background-image: url(../image/os-cen.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 62px;
}
.os_cen img{
	width: 25px;
	padding-bottom: 10px;
}
.os_dow{
	text-align: center;
	background-image: url(../image/os-dow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 7px;
	width: 62px;
	clear: both;
}
.os_chat {
	text-align: center;
	clear: both;
	padding-top: 5px;
}


/*==================  Inline List 2 ======================*/
.inline-list2 ul {
	display: inline-block;
	padding-top: 10px;
}

.inline-list2 li {
  display: inline-block;
}
.inline-list2 li a {
  text-align: center;
  color: #0066CC;
}

.inline-list2 li a:hover{
	background-color: #FFF;
	color: #900;
}

.inline-list2 li + li {
  margin-left: 10px;
}
.inline-list2 .fa {
  text-align: center;
  font: 400 20px/30px 'FontAwesome';
}
* + .inline-list2 {
  margin-top: 10px;
}

@media only screen and (max-width:992px){
.livechat-girl{display: none;}

}


/*service*/
.online_section{position:fixed;z-index:99999999999;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:240px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px 0 0 0px;border-radius:0px 0 0 0px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:14px;position: relative;background: #8cc63e;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
     -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
        box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.online_section ul li:nth-child(even){}
.online_section ul li a{ line-height:40px; font-size:16px; color:#fff;transition:all 0.3s ease 0s;}
.online_section ul li i{width:40px;height: 40px;position: absolute;left:0px;top:0px;z-index: 2;}
.online_section .online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section .online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section .online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section .online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section .online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}
.online_section .online_coad p{ padding-left:50px; font-family:'lato'; font-size:14px;}
.online_section .online_coad img{width: 100%;height: auto;}
.online_coad .img{ max-width:200px; padding:10px 30px; margin:0 auto; padding-top:0px;}

.online_section ul:hover li{ }
.online_section ul:hover li a{color:#fff;}
.online_section ul:hover li:nth-child(even){}
.online_section ul li a:hover{color:#fff;text-decoration: underline;}
.online_section ul:hover li.online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section ul:hover li.online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section ul:hover li.online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section ul:hover li.online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section ul:hover li.online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}

@media only screen and (max-width: 768px) {.online_section{display:none;}}

/*service right*/
#service{position:fixed;right:-230px;top:200px;z-index:999999999;margin:0px 0 0 0; font:14px;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:#333;}
#service .onlineMenu{ list-style:none;padding: 10px 15px 10px 15px;background: #fff;border: 2px solid #e5e5e5;}

#service a{ color:#666;}
#ser_main{position:relative;z-index:9;top:0px;    float: left;}
#ser_main a{display:block;overflow:hidden;color: #666;}
#ser_main a#floatShow01{background:url(../pic/ser_30.png) no-repeat;height:200px;width:48px;z-index:99999;}

.onlineMenu .call-top{padding:10px 0;}
.onlineMenu .call-top p{text-align:left; color:#8cc63e;font-size:16px;text-transform:capitalize;}
#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 0; border-bottom:1px dashed #ddd; list-style:none}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;color: #666;}
.onlineMenu .call{ padding:6px 10px 6px 35px; border-bottom:1px solid #fff; font-size:14px;position: relative;}
.onlineMenu .call img{display:inline-block;vertical-align:middle; margin-right:6px;position: absolute;left:0;top:5px;width: 24px;height: auto;}
.onlineMenu .call a:hover{text-decoration: underline;color:#8cc63e !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px; }

@media only screen and (max-width: 960px) {#service{ display:none;}}



/*online*/
#online_qq_layer{z-index:999999999;position:fixed;right:60px;bottom:20px; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;height:54px; width:200px;float:right; line-height:54px;padding-left:58px;position:relative;color:#fff;font-size:14px;border-radius:25px 25px 0 25px;text-transform:capitalize;background:#182e7a; box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:4px 5px 8px 0 rgba(0,0,0,0.15);-webkit-transition:all var(--transition-time,800ms);font-family: 'poppins-semibold';
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);  
}
#online_qq_tab #floatShow i{height:44px;width:47px;background:url(../pic/online.png) no-repeat 10px center;position:absolute;left:0;top:5px;display:inline-block;}
#online_qq_tab #floatShow:hover{margin-right:0;}
#online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;}
#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:20px;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: #f9fafa;  font-size:12px;border-top:none;}
#online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0;}
#online_qq_layer .inquiry .main_more input{height:36px;line-height:36px;font-size:18px;padding-left:20px;padding-right:40px; background:#003da5 ; color: #fff; text-transform: uppercase; border-radius: 0;transition: 0.5s all; border-radius: 0;font-family: "Montserrat Bold"; border-radius: 0; width: 100%; margin-top: 10px;}
#online_qq_layer .inquiry .main_more:hover input{ background: #333; color: #fff;}
#onlineService .title{display:block;font-size:22px;line-height:24px;text-transform:uppercase; font-style: normal;font-family: "Montserrat Bold"; color:#fff; margin-bottom: 10px; background: #003da5 url(../pic/mes_bg.jpg) no-repeat center center; background-size: cover; padding: 15px 20px 48px;}
#onlineService .title b{color:#fff;font-family: "Montserrat Bold";}
#onlineService .text{
	margin-bottom: 10px;
	color: #777;
	line-height: 20px;
	background: #f9fafa;
	margin: 0px 5%;
	margin-top: -50px;
	padding: 15px 10px;
	border-radius: 4px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	width: 90%;
}

.i_message_inquiry .inquiry{width: 90%; margin: 20px 5%;border-top: 1px solid #e5e5e5; margin-top: 0; padding-top: 0px;}
.i_message_inquiry .inquiry .fb-form-control{ border:1px solid #e5e5e5; background:none; line-height:46px;height:46px; color:#333; font-size: 13px;width:100%;box-shadow:none;padding-right:30px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0; border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry textarea.fb-form-control{border-radius:0;}
.i_message_inquiry .inquiry .form-input-group{ margin-bottom:6px;border:none; float: left; width: 100%; background: #fff;}
.i_message_inquiry .inquiry .form-input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .form-input-group span:before{content:'';position:absolute;right:10px;top:10px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat;}
.i_message_inquiry .inquiry .form-input-group span.ms_e:before{background-position:-40px -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_p:before{background-position:0 -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m:before{background-position:-82px -227px;}
.i_message_inquiry ::-webkit-scrollbar{width: 7px;height: 7px;background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;
background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #999;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control{line-height:20px;font-size: 13px; height:100px; padding-left:10px; width:100%;  color:#777; margin-bottom:0; transition: 0.6s all; max-width: 100%; max-height: 100px; border-radius:0; min-height:50px;  border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control:focus,.i_message_inquiry .inquiry .fb-form-control:focus{color:#666;
border-color:#003da5;}
 
@media only screen and (max-width: 992px) {
#online_qq_tab #floatHide{left: auto; right: 6px;}
#online_qq_layer{ overflow:visible;}
#online_qq_tab #floatHide{width: 40px; height: 40px; background: none; top: 10px; border-radius: 0; top: 14px;}
#online_qq_tab #floatHide i{ margin-top: 0; margin-right: 0;}
#online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after{background: #fff;}

}


@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	#online_qq_tab #floatShow{margin-bottom: 0;}
}
@media only screen and (max-width: 1200px) {
#online_qq_tab #floatShow i{left: 0px;}
#online_qq_tab #floatShow{width: 50px; padding-right: 0;}
#online_qq_layer{right: 10px;}
}
@media only screen and (max-width: 992px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%; padding: 0;}
	#online_qq_layer{ width:100%;bottom:0;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#003da5 url(../pic/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;right:10px;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;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px; background: #666;}

}

/*inquiry*/
.pro_inq{ position: relative; background:#fff; overflow: hidden;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;  border-radius: 5px; margin-top: 30px;}
.pro_inq .title{color: #fff; background:url(../pic/inquiry_box.jpg) center center no-repeat; padding:20px 20px 50px 20px; font-family: "Montserrat Bold"; font-size:25px; text-transform: uppercase;}
.pro_inq .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; background:#fff; margin-top: -50px; padding:15px;; border-radius: 4px; text-align: left; font-size: 14px; line-height:22px; border-bottom: 1px solid #e5e5e5; margin: 0px 20px; margin-top: -30px;}
.pro_inq .inquiry {padding: 20px;}
.pro_inq .inquiry .gq-form-control{border:1px solid #e5e5e5;background:#fff;line-height:50px; color:#666;font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0;  max-width: 100%; border-radius: 5px;}
.pro_inq .inquiry .gq-form-control:focus{ border: 1px solid #003da5; -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.gq-form-control{border-radius:0;}
.pro_inq .inquiry .gp-input-group{ margin-bottom:20px; float: left; padding-left: 15px; padding-right: 15px; border:none;}
.pro_inq .inquiry .gp-input-group span{display:block;position:relative;}
.pro_inq .inquiry .gp-input-group span:before{content:'';position:absolute;right:10px;top:14px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat; z-index: 333;}
.pro_inq .inquiry .gp-input-group span.ms_e:before{background-position:-40px -227px;}
.pro_inq .inquiry .gp-input-group span.ms_p:before{background-position:0 -227px;}
.pro_inq .inquiry .gp-input-group span.ms_m:before{background-position:-82px -227px;}

.pro_inq .inquiry input:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry input::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry input::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry input:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 
.pro_inq .inquiry textarea:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry textarea::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry textarea::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry textarea:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 

.pro_inq select{width:100%;height:60px;border:none;border:1px solid #e5e5e5;background-color:#fff;font-size: 14px;color:#808080;padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none; margin-bottom: 20px;}
.pro_inq .select{margin: 0;}
.pro_inq .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;line-height:16px;font-size: 14px;color:#ccc;top:18px;z-index:99;}
.pro_inq .inquiry .gp-input-group span.ms_m .gq-form-control{line-height:30px;font-size:13px; height:100px; padding-left:20px; width:100%; color:#999; transition: 0.6s all; min-width: 100%; max-width: 100%; max-height: 120px; border-radius: 0; border-radius: 5px;}
.pro_inq .inquiry .no span:before{ display: none;}
.pro_inq  .subject_title{ border:1px solid #eee ;background:#eee; line-height:46px; padding:0px 10px; margin-bottom:20px; padding-left:15px; border-radius:5px;}
.send_column button{ border:none;}
.pro_inq  .subject_title a{ color:#333 ; font-size:16px; font-family: "Montserrat Bold"; text-decoration: underline;}
.pro_inq  .subject_title span{ font-size:16px; font-family: "Montserrat Bold";  color:#444; margin-right:10px;}


@media only screen and (max-width: 768px) {
.pro_inq .title_h{display: none;}
.pro_inq .inquiry .gp-input-group{width: 100%;}
}