WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/zqegovsj/public_html/us3web.haibo.net/chinaxingwei/css/ [ Home ]

Create Folder Create File

@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}}

@media (max-width:767px){#logo img{max-height:40px!important}}

.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-Verdana {font-family:Verdana, Geneva, sans-serif!important;}
.font-uppercase {text-transform: uppercase!important;}
.red-color{color:#0263B4!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;}
.p-b-0{padding-bottom:0!important}
.p-b-5{padding-bottom:5px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-25{padding-bottom:25px!important}
.p-b-30{padding-bottom:30px!important}
.p-b-35{padding-bottom:35px!important}
.p-b-40{padding-bottom:40px!important}
.p-b-50{padding-bottom:50px!important}
.p-b-60{padding-bottom:60px!important}
.p-b-70{padding-bottom:70px!important}
.p-b-80{padding-bottom:80px!important}
.p-b-90{padding-bottom:90px!important}
.p-b-100{padding-bottom:100px!important}
.p-b-110{padding-bottom:110px!important}
.p-b-120{padding-bottom:120px!important}
.p-b-130{padding-bottom:130px!important}
.p-b-140{padding-bottom:140px!important}
.p-b-150{padding-bottom:150px!important}
.p-b-200{padding-bottom:200px!important}
.p-t-0{padding-top:0!important}
.p-t-5{padding-top:5px!important}
.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}
.p-t-30{padding-top:30px!important}
.p-t-35{padding-top:35px!important}
.p-t-40{padding-top:40px!important}
.p-t-50{padding-top:50px!important}
.p-t-60{padding-top:60px!important}
.p-t-70{padding-top:70px!important}
.p-t-80{padding-top:80px!important}
.p-t-90{padding-top:90px!important}
.p-t-100{padding-top:100px!important}
.p-t-110{padding-top:110px!important}
.p-t-120{padding-top:120px!important}
.p-t-130{padding-top:130px!important}
.p-t-140{padding-top:140px!important}
.p-t-150{padding-top:150px!important}
.p-t-200{padding-top:200px!important}
.p-t-280{padding-top:280px!important}
.p-t-350{padding-top:350px!important}

.gomap {
	border: 2px solid #B36943;
	border-radius: 10px;
}

/* Button Style-2 */
.button.style-2 {
	--cnvs-btn-padding-x: 0;
	--cnvs-btn2-padding-x: 0.75rem;
	--cnvs-btn2-width: 2.625rem;
	--cnvs-btn2-radius: 10rem;
	--cnvs-btn2-border: 3px;
	--cnvs-btn2-border-color: var(--cnvs-themecolor);
	--cnvs-btn2-transition-speed: .2s;
	--cnvs-btn2-icon-move: -2px;

border-radius: var(--cnvs-btn2-radius);
	border: var(--cnvs-btn2-border) solid var(--cnvs-btn2-border-color);
}

.button.button-small.style-2 {
	--cnvs-btn2-border: 2.5px;
	--cnvs-btn2-width: 2.25rem;
	--cnvs-btn-padding-y: 0.45rem;
}

.button.button-large.style-2 {
	--cnvs-btn2-width: 3rem;
}

.button.button-xlarge.style-2 {
	--cnvs-btn2-border: 4px;
	--cnvs-btn2-width: 3.5rem;
}

.button.style-2 span {
	position: relative;
	display: inline-block;
	padding-right: var(--cnvs-btn2-padding-x);
	padding-left: calc(var(--cnvs-btn2-width) - var(--cnvs-btn2-padding-x) - 1px);
	z-index: 1;
	transition: color var(--cnvs-btn2-transition-speed) ease;
}

.button.style-2 i {
	color: #000;
	width: var(--cnvs-btn2-width);
	height: 100%;
	margin: 0;
	z-index: 1;
	transition: transform var(--cnvs-btn2-transition-speed) ease;
}

.button.style-2::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background-color: #FFF;
	color: #000;
	width: var(--cnvs-btn2-width);
	height: 100%;
	/* transform: translateY(-50%); */
	text-align: center;
	border-radius: var(--cnvs-btn2-radius);
	transition: width var(--cnvs-btn2-transition-speed) ease,
		height var(--cnvs-btn2-transition-speed) ease;
	will-change: width, height;
}

.button.style-2.icon-pos-left span {
	padding-left: var(--cnvs-btn2-padding-x);
	padding-right: calc(var(--cnvs-btn2-width) - var(--cnvs-btn2-padding-x) - 5px);
}

.button.style-2.icon-pos-left::after {
	left: 0;
	right: auto;
}

.button.style-2:hover::after {
	width: 100%;
}

.button.style-2:hover i {
	transform: translateX(var(--cnvs-btn2-icon-move));
}

.button.style-2:hover span {
	color: #000;
}

/* Play Icon
-----------------------------------------------------------------*/
.play-video i {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 61px;
	border-radius: 50%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.85);
	text-align: center;
	font-size: 24px;
	color: #111;
	transition: all .3s ease;
	box-shadow: 0 0 1px 15px rgba(255,255,255,.1);
	-webkit-backface-visibility: hidden;
}

.play-video i.icon-small {
	width: 40px;
	height: 40px;
	line-height: 41px;
	font-size: 16px;
	box-shadow: 0 0 1px 10px rgba(255,255,255,.1);
}

.play-video:hover i {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	background-color: #FFF;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 0;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #e5e4e3;
}

#small-picture {overflow:hidden;zoom:1; width:102%; margin-top:15px;}
#small-picture li ,.smll-more{display:inline-block; float:left; padding-bottom:1px; width:9%; margin-right:1%; text-align: center; border:1px solid #eaeaea;cursor:pointer;max-height:92px; overflow:hidden}
#small-picture li.current ,.smll-more:hover{border:2px solid #1D5E48;}
.smll-more:hover{ color:#1D5E48 }
#big-picture li.w-block{
	display:block;
	position: relative;
}

#big-picture {
	border: 1px solid #eaeaea;
	padding: 15px;
}
#big-picture li {display:none; overflow:hidden; max-height:600px;}
#big-picture li img,.swiper-slide img,.w-share a img{width:100%;transition: transform 1s;-moz-transition: transform 1s;-webkit-transition: transform 1s;-o-transition: transform 1s;-ms-transition: transform 1s;}
#big-picture .s-w-block-img{
	position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
}
#small-picture li img{max-width:100%;}
#big-picture li:hover img{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.w-description{
    color: #555;
    font-size: 20px;
    margin-top: 0;
}

.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__ins1 img {
	border: 1px solid #D3D3D3;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}
.box__ins2 {
	border: 1px solid #D3D3D3;
	padding: 1px;
	text-align: center;
	min-height: 152px;
	vertical-align: middle;
}
.box__ins3 img {
	border: 1px solid #F0F0F0;
	padding: 1px;
	text-align: center;
	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:20px;bottom:80px; }
#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:#135B16; 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:#135B16 ; 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: #135B16 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:#135B16 url(../pic/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;right:25px;bottom:80px;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: #135B16;}

}

/*inquiry*/
.pro_inq{
	position: relative;
	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: 10px;
	margin-top: 30px;
	border: 2px solid #B36943;
	background-color: #F5F3EF;
}
.pro_inq .title{color:#B36943;  padding:20px 20px 20px 20px; font-family: "Montserrat Bold"; font-size:25px; text-transform: uppercase;}
.pro_inq .title img{margin-right: 15px;}
.pro_inq .text{
	margin-bottom: 0px;
	color: #666;
	line-height: 20px;
	
	margin-top: -50px;
	;
	border-radius: 4px;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: -30px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.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%;}
}

.pagination{display:flex;padding-left:0;list-style:none}
.pagination.pagination-circle .page-item .page-link{width:35px;height:35px;line-height:33px;text-align:center;padding:0;border-radius:50%}
.pagination.pagination-circle.pagination-lg .page-item .page-link{width:56px;height:56px;line-height:54px}
.pagination.pagination-circle.pagination-sm .page-item .page-link{width:26px;height:26px;line-height:24px}
.pagination.pagination-rounded .page-item .page-link{border-radius:4px}
.pagination.pagination-circle .page-item:not(:first-child) .page-link,.pagination.pagination-rounded .page-item:not(:first-child) .page-link{margin-left:5px}
.pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link,.pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link{margin-left:8px}
.pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link,.pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link{margin-left:3px}
.pagination.pagination-3d .page-item .page-link{border-bottom:3px solid rgba(0,0,0,.15)!important}
.pagination.pagination-transparent .page-item .page-link{border:0}
.pagination.pagination-inside-transparent .page-item .page-link:not(:hover){color:#222}
.pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link{border-left:0}
.pagination.pagination-inside-transparent .page-item.active .page-link,.pagination.pagination-inside-transparent .page-link:focus,.pagination.pagination-inside-transparent .page-link:hover{border-color:transparent!important}
.pagination.pagination-inside-transparent.pagination-button .page-item:not(:first-child):not(:nth-last-child(1)) .page-link{border:0}
.pagination.pagination-pill .page-item:first-child .page-link{border-top-left-radius:10rem;border-bottom-left-radius:10rem}
.pagination.pagination-pill .page-item:last-child .page-link{border-top-right-radius:10rem;border-bottom-right-radius:10rem}
.pagination.pagination-primary .page-item .page-link{background-color:#007bff;background-color:var(--primary);border-color:#007bff;border-color:var(--primary);color:#fff}
.pagination.pagination-secondary .page-item .page-link{background-color:#6c757d;background-color:var(--secondary);border-color:#6c757d;border-color:var(--secondary);color:#fff}
.pagination.pagination-success .page-item .page-link{background-color:#28a745;background-color:var(--success);border-color:#28a745;border-color:var(--success);color:#fff}
.pagination.pagination-danger .page-item .page-link{background-color:#dc3545;background-color:var(--danger);border-color:#dc3545;border-color:var(--danger);color:#fff}
.pagination.pagination-info .page-item .page-link{background-color:#17a2b8;background-color:var(--info);border-color:#17a2b8;border-color:var(--info);color:#fff}
.pagination.pagination-dark .page-item .page-link{background-color:#343a40;background-color:var(--dark);border-color:#343a40;border-color:var(--dark);color:#fff}
.pagination.pagination-light .page-item .page-link{background-color:#f8f9fa;background-color:var(--light);border-color:#f8f9fa;border-color:var(--light);color:#222}
.pagination.pagination-danger .page-item.active .page-link,.pagination.pagination-danger .page-link:focus,.pagination.pagination-danger .page-link:hover,.pagination.pagination-info .page-item.active .page-link,.pagination.pagination-info .page-link:focus,.pagination.pagination-info .page-link:hover,.pagination.pagination-light .page-item.active .page-link,.pagination.pagination-light .page-link:focus,.pagination.pagination-light .page-link:hover,.pagination.pagination-primary .page-item.active .page-link,.pagination.pagination-primary .page-link:focus,.pagination.pagination-primary .page-link:hover,.pagination.pagination-secondary .page-item.active .page-link,.pagination.pagination-secondary .page-link:focus,.pagination.pagination-secondary .page-link:hover,.pagination.pagination-success .page-item.active .page-link,.pagination.pagination-success .page-link:focus,.pagination.pagination-success .page-link:hover{background-color:#222!important;border-color:#222!important;color:#fff}

/*fixed-contact*/
.fixed-contact {
    z-index:999;
    position:fixed;
    right:0;
    bottom:200px;
    width:50px;
    margin-top:-90px;
    overflow:hidden;
    opacity:0;
	filter:alpha(opacity=0);
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:280px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#F54442;margin-bottom: 2px;border-radius:5px 0 0 5px;border:1px solid rgba(255,255,255,0.3)}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i {
    z-index:1000;
    position:absolute;
    left:0;
    display:block;
    width:50px;
    height:50px;
    transition:all .4s;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../pic/icon.png);
}
.fixed-contact.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:10px;
	right:10px;
    display:block;
    height:1px;
    background:rgba(255,255,255,.2);
}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{opacity:.7;}
.fixed-contact .online_p i {
	background-position: 0 -262px;
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact .online_e i {background-position: -50px -262px;}
.fixed-contact .online_w i {background-position: -150px -262px;}
.fixed-contact .online_s i {background-position: -100px -262px;}
.fixed-contact .online_f i {background-position: -250px -262px;}
.fixed-contact .online_i i {background-position: -300px -262px;}
.fixed-contact .online_code i {background-position: -200px -262px;}

.fixed-contact li a {
    position:absolute;
    top:0;
    left:60px;
    display:block;
    width:240px;
	line-height:110%;
    padding:18px 0 0 30px;
    color:#fff;
    white-space:nowrap;
    transition:all .4s;
	font-size:14px;
	text-align: left;
	font-weight: normal;
	opacity: 0;
}
.fixed-contact.active li a {left:20px;}
.fixed-contact .online_code a img{max-width:80px; padding-bottom:20px;}
.fixed-contact.active .online_code{height:170px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1;}

Nama File / Folder	Size	Action
components	--	NONE
icons	--	NONE
animate.css	87.602KB	Edit File Delete File Rename
bootstrap-rtl.min.css	24.319KB	Edit File Delete File Rename
bootstrap-select.min.css	5.829KB	Edit File Delete File Rename
bootstrap.css	138.303KB	Edit File Delete File Rename
bootstrap.min.css	114.56KB	Edit File Delete File Rename
boss_facecomments.css	0.141KB	Edit File Delete File Rename
boss_filterproduct.css	18.42KB	Edit File Delete File Rename
boss_megamenu.css	13.009KB	Edit File Delete File Rename
bossblog.css	16.916KB	Edit File Delete File Rename
camera.css	6.275KB	Edit File Delete File Rename
color-2.css	130.763KB	Edit File Delete File Rename
colorScheme-1.css	21.933KB	Edit File Delete File Rename
colorScheme-2.css	21.933KB	Edit File Delete File Rename
colorScheme-3.css	21.933KB	Edit File Delete File Rename
cs.animate.css	65.759KB	Edit File Delete File Rename
css.css	35.021KB	Edit File Delete File Rename
custom.css	0.268KB	Edit File Delete File Rename
font-awesome.min.css	20.282KB	Edit File Delete File Rename
font-icons.css	3.458KB	Edit File Delete File Rename
fontawesome.min.css	58.059KB	Edit File Delete File Rename
fonts_courgette.css	0.7KB	Edit File Delete File Rename
fonts_lato.css	1.911KB	Edit File Delete File Rename
furniture.css	12.465KB	Edit File Delete File Rename
gdpr-cookie.css	1.14KB	Edit File Delete File Rename
google-map.css	0.457KB	Edit File Delete File Rename
grid.css	9.582KB	Edit File Delete File Rename
jquery.fancybox.css	5.105KB	Edit File Delete File Rename
jquery.fancybox.min.css	13.18KB	Edit File Delete File Rename
jquery.jgrowl.css	3.377KB	Edit File Delete File Rename
jquery.mCustomScrollbar.min.css	41.835KB	Edit File Delete File Rename
loading.css	3.41KB	Edit File Delete File Rename
magnific-popup.min.css	5.136KB	Edit File Delete File Rename
main.css	44.152KB	Edit File Delete File Rename
material-icons.css	51.306KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
owl-carousel.css	6.146KB	Edit File Delete File Rename
responsive.css	32.114KB	Edit File Delete File Rename
revolutionslider_settings.css	76.063KB	Edit File Delete File Rename
stylesheet.css	107.054KB	Edit File Delete File Rename
styleswitcher.css	5.162KB	Edit File Delete File Rename
swiper.css	17.486KB	Edit File Delete File Rename
table.css	12.433KB	Edit File Delete File Rename
tabs.css	2.421KB	Edit File Delete File Rename