WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/zqegovsj/www/us3web.haibo.com.cn/laundrypodsac/it/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}}
.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:#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}

@media (max-width:767px){.font767-12{font-size: 12px!important;}}
@media (max-width:767px){.swiperheight{ height:200px;}}
@media (min-width:768px) and (max-width:1199px){.swiperheight{ height:500px;}}
@media (min-width:1200px) and (max-width:1679px){.swiperheight{ height:700px;}}
@media (min-width:1680px){.swiperheight{ height:900px;}}
.text-shadow2{text-shadow: 2px 2px 2px #999!important;}
.text-shadow1{text-shadow: 1px 1px 1px #999!important;}

.owl-carousel.fixed-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav .owl-nav [class*=owl-] {
	top: auto;
	margin-top: 0;
	left: auto;
	bottom: 10px;
	right: 30px;
	font-size: 14px;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	line-height: 25px;
	opacity: 1;
}

.owl-carousel.fixed-nav:hover .owl-nav .owl-next,
.owl-carousel.fixed-nav .owl-nav .owl-next {
	left: auto;
	right: 0;
}

.owl-carousel.fixed-nav .owl-nav .disabled {
	opacity: .4 !important;
	display: block !important;
	cursor: auto;
}

.owl-carousel.fixed-nav.top-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav.top-nav .owl-nav [class*=owl-] {
	top: -44px;
	bottom: auto;
}

.owl-carousel.fixed-nav .owl-nav [class*=owl-]:hover {
	background-color: inherit !important;
	color: inherit !important;
}
.play-video i{position:absolute;padding-left:5px;top:50%;left:50%;width:80px;height:80px;line-height:81px;border-radius:50%;z-index:1;background-color:var(--cnvs-themecolor,#267DF4);text-align:center;font-size:24px;color:#fff;margin-top:-40px;margin-left:-40px;transition:transform .3s ease-out;-webkit-backface-visibility:hidden}.play-video:hover i{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.banner-caption {
	max-width: 450px;
}

.banner-caption {
	background-color: rgba(255,255,255,0.8);
	border-radius: 2px;
	padding: 40px;
}

.customizationcard 
{border-radius: 6px; box-shadow: 0 2px 4px rgba(3,27,78,.1); border: 1px solid #e5e8ed; background-color:#F4F6F5;}

.customizationcard:hover
{background-color:#6C989E;}
.customizationcard:hover .fbox-content h2,
.customizationcard:hover .fbox-content h3,
.customizationcard:hover .fbox-content p,
.customizationcard:hover .fbox-media
{color:#F2F2F2!important;}

.customizationcard > .fboximage img:nth-of-type(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.customizationcard:hover > .fboximage img:nth-of-type(2) {
	opacity: 1;
	z-index: 2;
}

.sizes-color img { opacity: 0.5 !important; }
.sizes-color:hover > img,
.sizes-color.active img{ opacity: 1 !important;}

.card:hover{
	border: 1px solid #8CC7BE;
}

.fboxoverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 设置半透明背景 */
  opacity: 0; /* 初始透明度为0 */
  transition: opacity 0.5s ease; /* 设置透明度变化的过渡效果 */
  z-index:999;
}
.customizationcard:hover .fbox-media .fboxoverlay {
  opacity: 1; /* 鼠标滑过时透明度为1 */
}

.rounded-image-20 {
  border-radius: 20px!important; 
}
.rounded-image-5 {
  border-radius: 5px!important; 
}
.gomap {
	border: 2px solid #8EC5BF;
	border-radius: 10px;
}
.minhight {
min-height:550px;
}
.co-text p{
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.colors-01 {
	color: #3E7981!important;
}
.colors-02 {
	color: #8EC5BF!important;
}
.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;
}
.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;
background:#EDF5F8;	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 #8EC5BF;
}
.pro_inq .title{color:#3D7980;  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;
    top:60%;
    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
rs-plugin	--	NONE
Flaticon.css	4.204KB	Edit File Delete File Rename
a_color.txt	0.028KB	Edit File Delete File Rename
animate.css	72.267KB	Edit File Delete File Rename
animate.min.css	56.628KB	Edit File Delete File Rename
bootstrap-icons.css	91.539KB	Edit File Delete File Rename
bootstrap-rtl.min.css	24.327KB	Edit File Delete File Rename
bootstrap-select.min.css	5.834KB	Edit File Delete File Rename
bootstrap-touch-slider.css	10.536KB	Edit File Delete File Rename
bootstrap.css	160.063KB	Edit File Delete File Rename
bootstrap.min.css	114.56KB	Edit File Delete File Rename
boss_alphabet.css	1.063KB	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
boss_special.css	3.141KB	Edit File Delete File Rename
bossblog.css	16.916KB	Edit File Delete File Rename
calendar.css	10.984KB	Edit File Delete File Rename
camera.css	6.275KB	Edit File Delete File Rename
cleaner.css	3.458KB	Edit File Delete File Rename
color-2.css	137.158KB	Edit File Delete File Rename
color.css	0.181KB	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
colors.css	7.823KB	Edit File Delete File Rename
cs.animate.css	65.759KB	Edit File Delete File Rename
css.css	33.786KB	Edit File Delete File Rename
css2.css	6.166KB	Edit File Delete File Rename
custom-animate.css	11.691KB	Edit File Delete File Rename
custom.css	1.57KB	Edit File Delete File Rename
customization.php	14.276KB	Edit File Delete File Rename
dark.css	41.967KB	Edit File Delete File Rename
default-color.css	0.11KB	Edit File Delete File Rename
demo-bike.html	30.321KB	Edit File Delete File Rename
demo.css	7.056KB	Edit File Delete File Rename
demp-fonts.css	1.021KB	Edit File Delete File Rename
et-line.css	7.312KB	Edit File Delete File Rename
flaticon.css	3.651KB	Edit File Delete File Rename
font-awesome.css	136.549KB	Edit File Delete File Rename
font-awesome.min.css	23.186KB	Edit File Delete File Rename
font-icons.css	101.977KB	Edit File Delete File Rename
fontawesome.min.css	58.059KB	Edit File Delete File Rename
fonts.css	12.194KB	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
fonts_open_sans.css	8.563KB	Edit File Delete File Rename
fonts_quicksand.css	2.965KB	Edit File Delete File Rename
footer.css	5.988KB	Edit File Delete File Rename
gdpr-cookie.css	1.14KB	Edit File Delete File Rename
global.css	27.215KB	Edit File Delete File Rename
google-map.css	0.457KB	Edit File Delete File Rename
grid.css	9.582KB	Edit File Delete File Rename
header.css	43.83KB	Edit File Delete File Rename
ion.rangeslider.css	10.828KB	Edit File Delete File Rename
jinggong.css	38.564KB	Edit File Delete File Rename
jquery-ui.css	36.219KB	Edit File Delete File Rename
jquery.bootstrap-touchspin.css	0.754KB	Edit File Delete File Rename
jquery.fancybox.css	5.105KB	Edit File Delete File Rename
jquery.jgrowl.css	3.377KB	Edit File Delete File Rename
jquery.min.js	82.38KB	Edit File Delete File Rename
laundrypodsac.css	4.32KB	Edit File Delete File Rename
loading.css	3.41KB	Edit File Delete File Rename
magnific-popup.css	7.542KB	Edit File Delete File Rename
magnific-popup.min.css	5.136KB	Edit File Delete File Rename
main.css	46.307KB	Edit File Delete File Rename
material-icons.css	51.306KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
nouislider.min.css	3.453KB	Edit File Delete File Rename
odometer-theme-default.css	3.462KB	Edit File Delete File Rename
owl-carousel.css	6.146KB	Edit File Delete File Rename
owl.carousel.css	4.717KB	Edit File Delete File Rename
owl.carousel.min.css	4.103KB	Edit File Delete File Rename
owl.css	25.79KB	Edit File Delete File Rename
page-index.php	35.214KB	Edit File Delete File Rename
preloader.css	4.501KB	Edit File Delete File Rename
prettyPhoto.css	27.029KB	Edit File Delete File Rename
rd-mailform.css	41.449KB	Edit File Delete File Rename
responsive.css	13.419KB	Edit File Delete File Rename
revolutionslider_settings.css	76.063KB	Edit File Delete File Rename
right-01.css	6.104KB	Edit File Delete File Rename
rtl.css	30.215KB	Edit File Delete File Rename
search.css	5.259KB	Edit File Delete File Rename
shop.css	3.013KB	Edit File Delete File Rename
style.css	251.087KB	Edit File Delete File Rename
style2.css	47.98KB	Edit File Delete File Rename
style_0.css	44.926KB	Edit File Delete File Rename
stylesheet.css	107.353KB	Edit File Delete File Rename
styleswitcher.css	5.162KB	Edit File Delete File Rename
swiper.css	13.354KB	Edit File Delete File Rename
swiper.min.css	13.346KB	Edit File Delete File Rename
table.css	12.468KB	Edit File Delete File Rename
tabs.css	2.421KB	Edit File Delete File Rename
test.css	22.604KB	Edit File Delete File Rename
vendor.css	518.929KB	Edit File Delete File Rename
webfonts.css	18.669KB	Edit File Delete File Rename
webstyle.css	137.698KB	Edit File Delete File Rename
yoga.css	10.919KB	Edit File Delete File Rename