*{margin:0;padding:0;box-sizing:border-box}
body{padding-top:87px;font-family:'Montserrat',sans-serif;font-weight:300;/*color:#999;*/color:#000;font-size:18px;overflow-x:hidden}
a{text-decoration:none;outline:none;transition: all 0.5s ease;}
li{list-style-type:none}
p { font-size: 16px;  }
.home-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    text-align: center;
    display: none;
}
.home-loader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-loader img {
    display: inline-block;
}
h1,h2,h3,h4,h5{margin-bottom:10px;font-weight:700;font-size:53px;color:#333}
input:focus,button:focus,select:focus{outline:none}
input{width:100%;border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px; font-size: 15px;}
select{font-size: 15px;width:100%;border:none;border-bottom:1px solid #dedede;color:#5e5e5e;height:45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/arrow.png) right 19px no-repeat;}
textarea{width:100%;border:none;border-bottom:1px solid #dedede;
	color:#5e5e5e;
	resize: none;height: 100px;
	font-family:'Montserrat',sans-serif;font-size:15px;outline: none;padding: 0 15px 15px 0;
}
.yelow-dot.lefttop { left: -8%; right: auto; top: -132px;  }
.yelow-dot.righttop { right: -8%; left: auto; top: -132px;  }
.yelow-dot.leftbottom { right: auto; left: -42px; bottom: -65px; top: auto;  }
.yelow-dot { font-size: 0; width: 92px; height: 128px; display: block; position: absolute; right: 0; top: 0; background:url(../img/paint-img5.png) center no-repeat;  background-size: 70%; }
.green-circle { font-size: 0; width: 350px; height: 350px; display: block; position: absolute; left: -175px; top: -175px; background:url(../img/green.png) center no-repeat; background-size: 350px;   } 
.blue-circle { font-size: 0; width: 136px; height: 126px; display: block; position: absolute; right: -80px; top: -30px; background:url(../img/paint-blue.png) center no-repeat;   } 
.yelow-dot2{
	background:url(../img/paint-img6.png) center no-repeat;
	background-size: 100%;
}

.purple-red-circle { z-index: 9; font-size: 0; width: 350px; height: 350px; display: block; position: absolute; right: -175px; top: -175px; background:url(../img/red.png) center no-repeat; background-size: 350px;   }
.paint-style { position: relative;  }
.purple-circle { font-size: 0; width: 123px; height: 111px; display: block; position: absolute; left: -37px; bottom: 0; background:url(../img/paint-purple.png) center no-repeat; background-size: 70%;   }
.yellow-circle { font-size: 0; width: 209px; height: 254px; display: block; position: absolute; left: -31px; top: -95px; background:url(../img/paint-yellow.png) center no-repeat; background-size: 70%;  }
.yellow-circle.righttop { top: 150px; right: -45px; left: auto;  -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);   }
.purple-circle.right-center { margin-top: -60px; top: 30%; right: -30px; bottom: auto; left: auto;  }
.purple-botom { font-size: 0; width: 110px; height: 129px; display: block; position: absolute; right: -55px; top: -140px; background:url(../img/paint-purple1.png) center no-repeat;   }
.purple-botom.leftcenter.top { top: -62px; margin-top: 0px; left: -15px;  }
.purple-botom.leftcenter { margin-top: -65px; right: auto;     left: -10%; top: 50%;     -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg);  background-size: 77%; }
.purple-botom.leftcenter.rt { left: auto; right: -75px;  }
.purplecenter { margin-top: -95px; top: 50%; font-size: 0; width: 211px; height: 189px; display: block; position: absolute; right: -10%;  background:url(../img/paint-purple2.png) center no-repeat; background-size: 77%;  }
.purplecenter.blue {  background:url(../img/blue-purple1.png) center no-repeat; background-size: 77%;  }
.blue-dots {  
	background:url(../img/blue-dots.png) center no-repeat; 
	background-size: 77%;
	width: 96px; 
	height: 126px; 
	position: absolute; 
	left: -5%; 
	top: -160px;
	z-index: 9;
}
.blue-dots.righttop{
	left: inherit;
	right: -5%;
}


.white-color{color:#fff}
.common-button.leftgap{margin-left:-115px}
.common-button.small { font-size: 16px; padding:10px 44px; }
.common-button.small span { padding-left: 53px; background-size: 35px 20px;  }
.common-button{display:inline-block;cursor:pointer;border:none;padding:20px 44px;font-size:18px;color:#fff;font-weight:600;background-image:linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e);-webkit-border-radius:30px;border-radius:30px}
.common-button span{padding-left:68px;margin-left:-45px;background:url(../img/buton-arow.png) left center no-repeat}
p{margin-bottom:15px;color:#000;line-height:24px}
img{max-width:100%}
.comanpad{padding:80px 0; position: relative; }
.comanpad-career{padding:80px 0 20px 0; }
.row{ margin:0 -15px; position: relative; }
.row:after, .row:before{content: '';display: block;clear: both}
.col-40{width:40%; padding: 0 15px;float: left;}
.col-45{width:45%;padding: 0 15px;float: left;}
.col-50{width:50%;padding: 0 15px;float: left;}
.col-55{width:55%;padding: 0 15px;float: left;}
.col-60{width:60%;padding: 0 15px;float: left;}
.col-33{width:33.33%;padding: 0 15px;float: left;}
.col-25{width:25%;padding: 0 15px;float: left;}
.col-30{width:30%;padding: 0 15px;float: left;}
.col-70{width:60%;padding: 0 15px;float: left;}
.col{width:100%;padding: 0 15px;float: left;}
.error{display:none;margin-top:3px;overflow:hidden;color:red;font-size:13px}
.success{display:none;margin-top:3px;overflow:hidden;color:green;font-size:13px}
.commonred:before{width:400px;height:400px;display:block;content:"";position:absolute;left:-200px;top:-75px;background:url(../img/red.png) right top no-repeat;background-size:400px}
.commonred:after{width:400px;height:400px;display:block;content:"";position:absolute;left:-170px;bottom:-85px;background:url(../img/red.png) right top no-repeat;background-size:400px}
.commonred.right-red:before{left:auto;right:-85px}
.commonred.right-red:after{left:auto;right:-85px}
.fl{float:left}
.clr{clear:both}
.fr{float:right}
.wrapper{position:relative;max-width:1420px;width:96%;margin:0 auto}
.wrapper:after, .wrapper:before{
	content: '';
	display: block;
	clear: both;
}

.wrapper.page-wrap{max-width:1200px}
header{z-index:999;height:87px;padding:24px 0;width:100%;position:fixed;left:0;top:0;background-image:linear-gradient(to right,#9d1e3f,#a41e52,#a72367,#a72d7d,#a23994)}
header .wrapper{max-width:inherit;}
header .logo{position:absolute;left:0;top:0}
header .header-right{padding-top:8px;position:absolute;top:0;right:0}
header .head-div{font-size:20px;font-weight:normal;color:#fff;float:left;margin-left:25px}
header .whishlist{position:relative;width:23px;height:21px;display:block;background:url(../img/whish-icon.png) left 2px no-repeat}
header .count{font-size:10px;width:15px;height:15px;color:#fff;display:block;position:absolute;right:-11px;top:-6px;background:#fff;color:#999;text-align:center;line-height:15px;-webkit-border-radius:100%;border-radius:100%}
header .user{position:relative;width:19px;height:22px;display:block;background:url(../img/user-icon.png) left 2px no-repeat}
header .search{position:relative;width:18px;height:22px;display:block;background:url(../img/search-icon.png) left 2px no-repeat}
header .hamburger{position:relative;width:32px;height:22px;display:block;background:url(../img/ham-icon.png) left 2px no-repeat}
header .head-div a{color: #fff;}
header .toll-div a{
	padding-left: 26px;
	background:url(../img/support.png) left 3px no-repeat
}

menu{
	padding-top:10px;
	text-align:center;
	width:720px;
	margin:0 auto
}
menu li{
	margin:0 20px;
	display: inline-block;
}
menu li a{
	font-size:18px;
	color:#fff;
	display: block;
	font-weight:normal;
	position: relative;
	padding-bottom: 31px;
}
menu ul li a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    background: #feb735;
    width: 0;
    height: 4px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
}
menu ul li a:after {
    content: '';
    position: absolute;
    right: 50%;
    bottom: -1px;
    background: #feb735;
    width: 0;
    height: 4px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
}
menu ul ul a:after, menu ul ul a:before{
	display: none;
}
menu ul li:hover a:before, menu ul li:hover a:after, menu ul li.active a:after, menu ul li.active a:before {
    width: 50%;
}

menu .mega-menu-col {
    position: absolute;
    left: -2.1%;
    top: 100%;
    width: 104.2%;
    background: #fff;
    max-height: 0;
    -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    transition: max-height .5s;
    overflow: hidden;
    box-sizing: border-box;
}
menu li:hover .mega-menu-col {
    max-height: 500px;
    border-bottom: 5px solid #e2e2e2;
}
.mega-menu-wrap{
	padding: 40px 0;
}
.left-menu{
	width: 34%;
	float: left;
	position: relative;
}
.right-menu{
	width: 66%;
	float: left;
	position: relative;
	padding-left: 70px;
}
menu ul ul li{
	float: left;
}
menu ul ul.cate-menu-item{
	border-bottom: 1px solid #dbdbdb
}
menu ul ul.cate-menu-item li{
	margin: 0;
	padding-right: 100px;
}
menu ul ul.cate-menu-item li a{
	font-size: 16px;
	font-weight: 600;
	color: #959595;
	padding-bottom: 15px;
	position: relative;
}
menu ul ul.cate-menu-item li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #535353;
    width: 0;
    height: 4px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
    display: block;
}
menu ul ul.cate-menu-item li.current a, menu ul ul.cate-menu-item li a:hover{
	color: #feb116;
}
menu ul ul.cate-menu-item li:hover a:after, menu ul ul.cate-menu-item li.current a:after{
	width: 100%;
}
menu ul .dropdown-menu ul li{
	margin: 0;
	display: block;
	width: 100%;
	text-align: left;
	padding-right: 15px;
}
menu ul .dropdown-menu ul{
	padding-top: 25px;
}
menu ul .dropdown-menu ul li a{
	color: #959595;
	padding-bottom: 15px;
	font-size: 13px;
	font-weight: 500;
}
menu ul .dropdown-menu ul li a:hover, menu ul .dropdown-menu ul li.cate a:hover{
	color: #feb116;
}
menu ul .dropdown-menu ul li.cate a{
	font-weight: 700;
	color: #333;
}
.dropdown-menu{
	display: none;
	position: relative;
}
.dropdown-menu:after, menu ul ul:after{
	content: '';
	display: block;
	clear: both;
}
.dropdown-col{
	width: 25%;
	float: left;
}
.menu-img{
	padding-right: 180px;
}
.menu-text{
	background: #50bcc9;
	padding: 30px 20px;
	position: absolute;
	top: 30px;
	right: 0;
	width: 317px;
	text-align: right;
}
.menu-text p{
	color: #fff;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 15px;
	font-weight: 500;
}
.menu-text .common-button{
	font-size: 15px;
	padding: 14px 30px;
	position: absolute;
	bottom: -26px;
	right: 20px;
}
.menu-text .common-button span{
	margin-left: -31px;
}
.menu-text .common-button:after, .menu-text .common-button:before{
	display: none;
}

menu li.sm-menu{
	position: relative;
}
menu li.sm-menu .mega-menu-col{
	width: 300px;
	left: 0;
}
menu li.sm-menu:hover .mega-menu-col{
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
menu li.sm-menu .mega-menu-wrap{
	padding-bottom: 25px;
}
menu li.sm-menu ul li{
	margin: 0;
	display: block;
	width: 100%;
	text-align: left;
	padding: 0 30px;
}
menu li.sm-menu ul li a{
	color: #959595;
	padding-bottom: 15px;
	font-size: 13px;
	font-weight: 500;
}
menu li.sm-menu ul li a:hover{
	color: #feb116;
}
.overlay-menu {
    position: fixed;
    background: rgba(164,57,148,0.99);
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    overflow-y: auto;
    z-index: 9999;
}
.overlay-menu.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.overlay-menu-wrap{
	margin: 25px 40px 40px 40px;
	position: relative;
}
.close-menu{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.overlay-menu-link{
	padding: 70px 140px;
}
.overlay-menu-link:after{
	content: '';
	display: block;
	clear: both;
}
.overlay-menu .common-button{
	margin-top: 30px;
}
.overlay-menu-social{
	width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center;
    z-index: 1;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.overlay-menu-social span{
	display: inline-block;
	padding: 0 10px;
}
.overlay-menu-social span a{
	position: relative;
	display: block;
	font-size: 11px;
	padding: 2px 0;
	padding-left: 30px;
	color: #333;
}
.overlay-menu-social span.f-bg a{
	padding-left: 20px;
}
.overlay-menu-social span a:after{
	content: '';
	width: 24px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 2px;
	background: url(../img/socila_icon.png) no-repeat;
	z-index: 1;
}
.overlay-menu-social span.t-bg a:after{
	background-position: left -20px top;
}
.overlay-menu-social span.y-bg a:after{
	background-position: left -60px top;
}
.overlay-menu-social span.g-bg a:after{
	background-position: left -100px top;
}
.overlay-menu-social span.ln-bg a:after{
	background-position: left -132px top;
}
.overlay-menu-social span.pin-bg a:after{
	background-position: left -162px top;
}
.search-box{
	position: absolute;
	top: 6px;
	left: 50%;
	width: 610px;
	margin-left: -305px;
	display: none;
}
.search-input-col{
	padding-right: 20px;
	position: relative;
}
.search-box input{
	height: 30px;
	font-size: 16px;
	padding-left: 35px;
	padding-right: 60px;
	padding-bottom: 0;
	border: 0;
	background: url(../img/home-search-icon.png) no-repeat;
	background-position: top 2px left;
	color: #fff;
}
.search-box input.search-submit-btn{
	width: 30px;
    position: absolute;
    right: 40px;
    top: 0;
    text-indent: -999px;
    padding-right: 0;
    overflow: hidden;
    background: url(../img/inut-arow2.png) center no-repeat;
    cursor: pointer;
}
.search-close{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	right: 0;
	background: url(../img/search-close.png) no-repeat;
	cursor: pointer;
}
.search-box ::-webkit-input-placeholder {
 color: #cdbdc6;
}
 .search-box :-ms-input-placeholder {
 color: #cdbdc6;
}
 .search-box ::-moz-placeholder {
 color: #cdbdc6;
 opacity: 1
}
 .search-box :-moz-placeholder {
 color: #cdbdc6;
 opacity: 1
}
.search-listing{
	background: #fff;
	position: absolute;
	top: 63px;
	left: 0;
	width: 100%;
	padding: 20px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
}


.colorpick-box{overflow:hidden; position: relative;}
.newsleter-box{padding:60px 0;overflow:hidden;background-image:linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e)}
.newsleter-box .left{width:56%}
.newsleter-box .right{padding-right:5%;padding-top:65px;width:35%}
.newsleter-box .form-div{position:relative;overflow:hidden;
	margin-top: -60px;
    padding-bottom: 10px; }
.homepage .newsleter-box .form-div{margin-top: 0;}
.newsleter-box p{font-size:24px;color:#fff;line-height:38px}
.newsleter-box input{padding-bottom:22px;border:none;border-bottom:1px solid #d25f91;color:#e5a6ba;width:100%;background:none}
.newsleter-box button{border:none;cursor: pointer;
	margin-top: 15px;
	background-image: none;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}
.newsleter-box ::-webkit-input-placeholder{color:#e5a6ba}
.newsleter-box ::-moz-placeholder{color:#e5a6ba}
.newsleter-box :-ms-input-placeholder{color:#e5a6ba}
.newsleter-box :-moz-placeholder{color:#e5a6ba}
.project-box{position:relative}
.project-box .wrapper{padding-right:5%;position:absolute;left:0;top:-165px}
.project-box .txt{padding:30px;padding-bottom:80px;width:500px;float:right;background:#495a68;-webkit-box-shadow:10px 10px 10px 3px rgba(13,13,14,0.2);box-shadow:10px 10px 10px 3px rgba(13,13,14,0.2)}
.project-box h2{line-height:50px;margin-bottom:30px;color:#fff}
.project-box h2 span{display:block}
.project-box p{margin-bottom:60px;font-size:18px;color:#fff;line-height:32px}
.project-box h3{margin-bottom:20px;font-size:26px;color:#fff;font-weight:normal}
.counsel-box{position:relative;padding:115px 0 145px;background:#f4f4f4}
.counsel-box:before{width:400px;height:400px;display:block;content:"";position:absolute;left:-200px;top:-52px;background:url(../img/red.png) right top no-repeat;background-size:400px}
.counsel-box:after{width:400px;height:400px;display:block;content:"";position:absolute;left:-170px;bottom:40px;background:url(../img/red.png) right top no-repeat;background-size:400px}
.counsel-box .counselin{z-index:99;position:relative;padding:75px 0;background:#fff;-webkit-box-shadow:0 7px 14px 3px #E4E4E4;box-shadow:0 7px 14px 3px #E4E4E4}
.counsel-box .counselin:before{content:"";width:853px;height:239px;display:block;position:absolute;left:20px;bottom:-155px;background:url(../img/brush.png) left top no-repeat;background-size:80%}
.counsel-box h2{text-align:center}
.counsel-box p{text-align:center}
.counsel-box .steps{padding:50px 8%;overflow:hidden}
.counsel-box .step{font-size:20px;color:#000;padding-left:55px;position:relative;width:33%;float:left}
.counsel-box .step span{font-weight:600;font-size:36px;display:block}
.counsel-box .step.paint span{color:#feb116}
.counsel-box .step.colour span{color:#f4255e}
.counsel-box .step.long span{color:#50bcc9}
.counsel-box .number{line-height:65px;font-size:80px;color:#dfdfdf;position:absolute;left:0;top:0}
.counsel-box .from-part{padding:0 4%;overflow:hidden}
.counsel-box .form-div{width:21.5%;margin-right:2.5%;float:left}
.counsel-box input{border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px;width:100%}
.counsel-box button{margin-top:30px;float:right}


.mapcolor-box{position:relative;padding:150px 0 30px;}
.mapcolor-box:before{z-index:-1;content:"";display:block;height:325px;position:absolute;left:0;top:0;width:100%;background-image:linear-gradient(to right,#9a1f6f,#b20c67,#c7005a,#d9004a,#e60035)}
.mapcolor-box .heading-part{position:relative}
.mapcolor-box .left{text-align:right;width:35%}
.mapcolor-box .right{position:relative;margin-top:65px;padding:20px 0 45px 172px;width:57%;background:#fff}
.mapcolor-box .right:before{width:200px;height:180px;content:"";position:absolute;left:-40px;top:-78px;background:url(../img/homeIcon.png) right center no-repeat}
.mapcolor-box h2{color:#fff}
.mapcolor-box h2 span{display:block}
.mapcolor-box .heading-part p{font-size:18px;line-height:30px;width:530px}
.mapcolor-box .filterdiv{position:relative;cursor:pointer;height:55px;line-height:22px;font-size:18px;
	color:#5e5e5e;width:17%;float:left;
	margin-right:1.5%;
	margin-left:1.5%;
	background:url(../img/arrow.png) right center no-repeat;border-bottom:1px solid #e1e1e1;
	padding-right: 10px;
}
.mapcolor-box .filterdiv img{margin-right:10px;width:auto;float:left}
.mapcolor-box .filteroption{padding:20px;position:absolute;left:0;top:55px;width:100%;display:none;background:rgba(241,241,241,1);z-index: 99}
.mapcolor-box .filteroption li{color:#5e5e5e;margin-bottom:8px;width:100%;float:left}
.mapcolor-box .filteroption li a{color: #5e5e5e}
.mapcolor-box .filteroption li:last-child{margin-bottom:0}
.mapcolor-box .mood-relut{text-align:center;padding:60px 10%;overflow:hidden}
.mapcolor-box .mood-relut h3{font-size:25px;color:#333;font-weight:300}
.mapcolor-box .mood-filter{padding-top:40px}
.mapcolor-box .filter-color{margin-top:50px;overflow:hidden}
.mapcolor-box .color{margin-bottom:40px;width:90px;height:50px;-webkit-border-radius:30px;border-radius:30px;float:left;margin-right:-52px}
.mapcolor-box .color-div{width:95%;}
.decor-box{padding:80px 0;padding-left:25%;position:relative;background:#f4f4f4}
.decor-box h2{margin-bottom: 30px;}
.decor-box:before{width:400px;height:400px;content:"";position:absolute;right:-200px;top:-88px;z-index:9;background:url(../img/green.png) right top no-repeat;background-size:400px}
.decor-box .slider-part{position:relative}
.decor-box .txt{left:0;top:0;position:absolute;width:100%;height:100%;text-align:center;padding-top:13%}
.decor-box h3{font-size:40px;font-weight:300;color:#fff}
.decor-box p{margin-bottom:60px;font-size:16px;color:#fff}
.decor-box .slick-slide{position:relative}
.decor-box .decor-nav{padding:10% 0;padding-right:36px;width:230px;position:absolute;left:-265px;top:0}
.decor-box .decor-nav .slick-list{overflow:visible}
.decor-box .decor-nav:before{position:absolute;right:0;top:0;height:100%;background:#d3d3d3;width:1px;display:block;content:"";background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0%,#d2d2d2 50%,#f2f2f2 100%);background:-webkit-linear-gradient(top,#f2f2f2 0%,#d2d2d2 50%,#f2f2f2 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#d2d2d2 50%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f2f2f2',GradientType=0)}
.decor-box .decor-nav .slick-slide{cursor:pointer;margin-bottom:35px;float:none;text-align:right;width:100%!important}
.decor-box .decor-nav .slick-slide:before{width:20px;height:20px;display:block;position:absolute;right:-46px;top:0;content:"";background:url(../img/decor-sl.png) left top no-repeat}
.decor-box .decor-nav .slick-slide.slick-current{color:#ff9c0e}
.decor-box .decor-nav .slick-slide.slick-current:before{background-position:0 -80px}
.decor-box .decor-nav .slick-track{width:auto!important;transform:inherit!important}
.decor-box .decor-nav .slick-slide.slick-cloned{display:none}
.banner-page{position:relative}
.banner-page h1{display:none}
.breadcrum{padding:28px 0;overflow:hidden}
.breadcrum li{padding-right:10px;margin-right:5px;float:left;position:relative;color:#333;font-size:14px}
.breadcrum li a{color:#999999;display:block}
.breadcrum li:after{width:1px;height:100%;content:"";position:absolute;right:3px;top:0;background:#999;color:#999;-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg)}
.breadcrum li:last-child:after{display:none}
.content-area{padding-top:20px;overflow:hidden}

.main-office{padding:50px 0;overflow:hidden;float:left;width:40%;}
.contact-box .office{padding-bottom:40px;}
.contact-box .office:after{content:'';display: block;clear: both}
.contact-box .all-oofice .office{padding:35px;}
.contact-box .all-oofice .office:hover{-webkit-box-shadow:1px 1px 17px 6px #f6f6f6;box-shadow:1px 1px 17px 6px #f6f6f6;background: #fff;}
.contact-box .office-gap{padding-left:50px;position:relative;overflow:hidden}
.main-office img{width:auto}
.contact-box address{font-size:16px;color:#707070;line-height:26px;font-style:normal}
.contact-box h5{padding-top:14px;font-size:20px;font-weight:bold}
.contact-box li{color:#333;font-size:16px;padding-left:30px;margin-top:18px;width:100%;float:left;font-weight:600}
.contact-box li a{color:inherit}
.contact-box li.tel{background:url(../img/phone-icon.png) left center no-repeat}
.contact-box li.mobile{background:url(../img/mobile-icon.png) left center no-repeat}
.contact-box li.fax{background:url(../img/fax.png) left center no-repeat}
.contact-box li.mail{background:url(../img/mail.png) left center no-repeat}
.contact-box .mile{padding-top:42px;width:55px;font-size:13px;color:#333;font-weight:300;left:0;top:0;position:absolute;background:url(../img/mile-icon.png) left top no-repeat}
.all-oofice{padding:100px 0;overflow:hidden; background: #f4f4f6}
.all-oofice h3{margin-bottom:30px;text-align:center;font-size:30px}
.all-oofice h5{padding-top:0}
.all-oofice .office .common-button{margin-top:30px;font-size:13px;padding:10px 44px 11px 28px;background:#868b85}
.all-oofice .office .common-button:hover{background-image:linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e)}
.all-oofice .office .common-button span{background:url(../img/buton-arow1.png) left center no-repeat;padding-left:45px;margin-left:-28px}
.all-oofice .loadmore{width:280px;margin:30px auto 0;display:block}
.map-box{padding-top:20px;position:relative}
.map-box iframe{position:relative;z-index:9;height:515px;width:100%;display: block;}
.map-box .map-form{padding:50px 40px;width:450px;height:100%;position:absolute;right:5%;top:0;
	background:#fff;z-index:99;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);
	
}
.map-box .map-form h3{margin-bottom:45px;font-size:38px}
.map-box .form-row{overflow:hidden}
.map-box .form-div{position:relative;height:80px;width:100%;float:left}
.map-box .form-div.or{margin:20px 0}
.map-box .form-div.or input{background:url(../img/current-location-icon.png) right top no-repeat}
.map-box .form-div.or:before{font-size:14px;text-transform:uppercase;left:0;top:-32px;position:absolute;content:"Or"}
.blog-box{position:relative}
.blog-box .blog-left,.comment-section .blog-left{width:65%;float:left}
.blog-box .blog-right{width:30%;float:right}
.blog-box .image{overflow:hidden}
.blog-box .date-cat{font-weight:600;font-size:12px;color:#00a651;text-transform:uppercase;padding:20px 0 15px;overflow:hidden}
.blog-box .date-cat span{position:relative;padding-left:8px;margin-left:8px}
.blog-box .date-cat span:before{content:"|";position:absolute;left:-3px;top:-1px;display:block}
.blog-box h2{margin-bottom:15px;line-height:47px;font-size:40px;font-weight:bold}
.blog-box p{margin-bottom:0;font-size:16px;line-height:26px}
.blog-box .blog-div{border-bottom:1px solid #e1e1e1;padding-bottom:35px;margin-bottom:35px;overflow:hidden}
.blog-box .blog-div:last-child{padding:0;margin:0;border:none}
.blog-box .top-blog{overflow:hidden;margin-bottom:80px}
.blog-box .blog-list{padding:60px 0;padding-bottom:0;overflow:hidden;margin-right:-4%}
.blog-box .featured-blog{padding:100px 0;padding-bottom:150px;background:#f9f9f9}
.blog-box .blog{margin-bottom:70px;width:29.3%;margin-right:4%;float:left}
.blog-box .mid-banner{margin-bottom:70px;overflow:hidden;position:relative;z-index:2}
.blog-box .mid-txt{position:absolute;right:85px;top:24%}
.blog-box .mid-txt h3{color:#fff;font-size:40px}
.blog-box .mid-txt p{margin-bottom:30px;font-size:14px;color:#fff}
.blog-box .popular-blog{padding-bottom:40px;position:relative}
.blog-box .diff-style .image{width:48%;float:left}
.blog-box .diff-style .txt{width:48%;float:right}
.blog-box .diff-style .blog{width:46%}
.blog-box .diff-style .blog:nth-child(2n+1){
	clear: left;
}


.blog-box .diff-style .date-cat{padding-top:0}
.pagination{overflow:hidden;text-align:center}
.pagination a{margin:0 8px;font-weight:bold;padding:2px;line-height:44px;width:48px;height:48px;display:inline-block;-webkit-border-radius:100%;border-radius:100%;background-image:linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e)}
.pagination a span{display:block;background:#fff;-webkit-border-radius:100%;border-radius:100%;color:#b2156d}
.pagination a.active span{color:#fff;background:none}
footer{padding:75px 0;padding-bottom:40px;overflow:hidden;background:#393536}
footer .fo-div{width:25%;float:left}
footer h3{margin-bottom:20px;font-size:22px;color:#fff;font-weight:500}
footer ul{margin-bottom:30px;overflow:hidden}
footer li{margin-bottom:15px;float:left;width:100%}
footer li a{font-size:15px;color:#999}
footer li a span{font-size:22px;color:#fff;font-weight:500}
footer .social{overflow:hidden}
footer .social a{margin-right:15px;position:relative;width:37px;height:37px;display:inline-block;background:#fff;-webkit-border-radius:100%;border-radius:100%}
footer .social img{width:auto;position:absolute;left:0;top:0;right:0;bottom:0;left:0;margin:auto;display:block}
.copy-right{font-size:13px;padding-top:25px;border-top:1px solid #4e4b4c;overflow:hidden}
.copy-right a{margin-right:25px;font-size:13px;float:left;color:#999}
.banner-page img{width:100%;display:block}
.banner-page img.mobile-banner{display: none;}


.blog-box .featured-blog{position:relative}
.blog-box .featured-blog:before{position:absolute;width:267px;height:379px;content:'';background:url(../img/paint-img3.png) 0 0 no-repeat;top:-179px;left:0}
.blog-box .featured-blog:after{position:absolute;width:92px;height:128px;content:'';background:url(../img/paint-img5.png) 0 0 no-repeat;top:-54px;right:30px}
.blog-box .popular-blog:after{position:absolute;width:300px;height:458px;content:'';background:url(../img/paint-img4.png) left center no-repeat;top:-56px;right:0;background-size:100%;z-index:0}
.blog-box.blog-details .blog-left p{margin-bottom:15px}
.blog-box.blog-details .blog-left h3{font-weight:400;font-size:24px;margin-top:40px}
.blg-pagination{padding:50px 0;padding-bottom: 0;}
.blg-pagination .blg-pagbox{background-color:#f4f4f4;width:48%}
.blg-pagination .prv-pge{background-image:-ms-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-moz-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-o-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#8e2384),color-stop(100,#EF004C));background-image:-webkit-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:linear-gradient(to top,#8e2384 0%,#EF004C 100%);width:28px;height:100%;width:28px;height:75px;float:left;position:relative}
.blg-pagination .prv-pge:before{content:"\f104";display:inline-block;position:absolute;color:#eee;font:normal normal normal 18px/1 FontAwesome;top:38%;left:10px}
.blg-pagination .blg-pagbox img{display:block;float:left;margin-right:15px;width:120px;height:75px}
.blg-pagination .blg-pagbox span{font-size:14px;color:#666666;font-style:italic;display:block;margin-top:10px;text-transform:none;margin-bottom:5px}
.blg-pagination .blg-pagbox p{font-size:14px;line-height:16px;color:#000;font-weight:600;text-transform:uppercase;margin:0}
.blg-pagination .blg-pagbox.next-page{text-align:right}
.blg-pagination .nxt-pge{background-image:-ms-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-moz-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-o-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#8e2384),color-stop(100,#EF004C));background-image:-webkit-linear-gradient(bottom,#8e2384 0%,#EF004C 100%);background-image:linear-gradient(to top,#8e2384 0%,#EF004C 100%);width:28px;height:75px;float:right;position:relative}
.blg-pagination .nxt-pge:before{
	content:"\f105";display:inline-block;
	position:absolute;color:#eee;font:normal normal normal 18px/1 FontAwesome;top:38%;right:10px;
}
.blg-pagination .blg-pagbox.next-page img{display:block;float:right;margin-left:15px;margin-right:0}
.blog-box .slogan{color:#000;font-size:24px;line-height:34px;position:relative;padding:20px 0 20px 125px;min-height:153px}
.blog-box .slogan:before{content:'';position:absolute;left:0;width:211px;height:153px;background:url(../img/skew.png) no-repeat left center;z-index:-1;top:0}
.blog-search{margin-bottom:40px}
.blog-search input{height:50px;border:1px solid #cccccc;box-sizing:border-box;line-height:50px;padding:0 50px 0 20px;color:#999999;font-size:16px}
.blog-search button{position:absolute;right:1px;top:1px;height:48px;width:48px;background:none;border:0;font-size:20px}
.blog-popular .image{overflow:hidden;width:90px;float:left;margin-right:20px}
.blog-popular .blog-div p{margin-bottom:0;line-height:20px;color:#333}
.blog-popular .blog-div .date-cat{font-size:11px;padding:5px 0 0}
.blog-popular .blog-div{padding-bottom:20px;margin-bottom:20px}
.blog-dethead{font-size:18px;color:#333;text-transform:uppercase;margin:0 0 35px;position:relative}
.blog-dethead:after{background-image:-ms-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-moz-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-o-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#8E2384),color-stop(100,#EF004C));background-image:-webkit-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:linear-gradient(to right,#8E2384 0%,#EF004C 100%);content:'';height:2px;width:100px;bottom:-10px;left:0;position:absolute}
.tags{padding:0;margin:0}
.tags li{display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:12px}
.tags li a{padding:10px 20px;border:1px solid #cccccc;display:block;font-size:14px;font-size:14px;color:#666}
.grybg{background:#f9f9f9; position: relative; }
.comnt{padding-bottom:40px}
.fieldset li{width:100%;margin-bottom:30px}
.fieldset li:after,.comt-details:after,.comment-section:after,.gallery-types:after,.shades-slider:after,.colorcodes:after,.inspirations-sec:after,.guide-items:after, .comanpad:after, .row:after{content:'';clear:both;display:block}
.fieldset .input{width:48%;float:left}
.fieldset .input:nth-child(2){float:right}
.fieldset .wide .input{width:100%}
.fieldset .input input{font-size:16px;background:none;font-family:'Montserrat',sans-serif;font-weight:400}
.fieldset .input textarea{font-size:16px;background:none;width:100%;border:none;border-bottom:1px solid #dedede;color:#5e5e5e;height:100px;padding-bottom:15px;font-family:'Montserrat',sans-serif;font-weight:400}
.fieldset img{max-width:100%;width:auto}
.submit-btn{background-image:-ms-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-moz-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-o-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#8E2384),color-stop(100,#EF004C));background-image:-webkit-linear-gradient(left,#8E2384 0%,#EF004C 100%);background-image:linear-gradient(to right,#8E2384 0%,#EF004C 100%);max-width:304px;color:#fff;font-size:18px;font-weight:600;border:0;padding:18px 45px 18px 65px;cursor:pointer;border-radius:25px;display:inline-block;position:relative}
.submit-btn:before{content:'';left:0;top:50%;display:inline-block;position:absolute;height:28px;width:43px;background:url(../img/arrow-left.png) no-repeat left center;margin-top:-14px}
.comt-details img{width:52px;float:left;display:block;margin-right:20px}
.comt-details p{color:#535353;line-height:20px;font-size:14px;margin:0}
.name-date{color:#555555;font-size:14px;font-weight:600;padding-bottom:7px}
.name-date span{color:#262626}
.sep{display:inline-block;margin:0 7px;color:#555555}
.comnt h4{font-size:16px;margin-bottom:40px;position:relative}
.comnt h4:after{content:"\f0d8";position:absolute;display:none;font:normal normal normal 26px/1 FontAwesome;margin-left:10px;height:14px;left:107px;top:-5px}
.comt-details{margin-bottom: 15px;}
.globalhead{font-weight:700;margin-bottom:20px;font-size:70px}
.gallery-types{margin:30px 0}
.gallery-types .input{width:31%;float:left;margin-right:3%}
.gallery-types .input:last-child{margin-right:0}
.gallery-types .input select{font-size:18px}
.gallery-page p{color:#999;font-size:18px}
.gallery-types .input select{background:url(../img/project-type.png) no-repeat left center;padding-left:75px}
.gallery-types .input:nth-child(2) select{background:url(../img/service-type.png) no-repeat left center;padding-left:46px}
.gallery-types .input:nth-child(3) select{background:url(../img/space-type.png) no-repeat left center;padding-left:86px}
.shade-left{width:26%}
.shade-right{width:70%}
.shades-slider{padding-bottom:100px}
.shades-slider h2{font-weight:700;font-size:18px;line-height:18px}
.shadesused{color:#fff;font-size:14px;padding:10px 20px;font-weight:400;margin-bottom:25px}
.shade-left .shadesused:nth-child(2){padding-top:50px}
p.shadetxt01{color:#333333;font-size:16px;margin-bottom:5px;border-top:1px solid #dadada;padding-top:40px;margin-top:50px}
p.shadetxt02{color:#666666;font-size:14px}
.shade-right img{margin-bottom:70px}
.colorcodes-item{
	padding-right: 20px;
}
.colorcodes-inner{
	color:#fff;
	font-size:13px;
	padding:8px 20px;f
	ont-weight:400;
	margin-bottom:15px;background:#e77a4d;
	padding-right: 25px
}
.innertop{
	padding-top: 40px;
}
.colorcodes{margin-top:24px}
.colorcodes .slick-prev{
	left: -50px;
	background: url(../img/arrow01.png) center left no-repeat;
}
.colorcodes .slick-next{
	right: -30px;
	background: url(../img/arrow01.png) center right no-repeat;
}


.shades-slider ul.slick-dots{position:absolute;text-align:center;bottom:25px;left:62%}
.shades-slider .slick-dots li{display:inline-block;margin:0 3px;height:16px;width:16px;box-sizing:border-box;padding:3px;border-radius:50%;cursor:pointer;background:url(../img/dots01.png) no-repeat right center;background-position:-17px 0}
.shades-slider .slick-dots li.slick-active{background:url(../img/dots01.png) no-repeat 0 center}
.shades-slider .slick-dots li button{background:none;border:0;overflow:hidden;text-indent:-99px}
.inspirations-sec li{width:31%;float:left;margin-right:3.3333%}
.inspirations-sec li:nth-child(3n+3){margin-right:0}
.inspirations-sec li img{display:block}
.clrcode{width:50%;float:left}
.clrcode p{color:#333;font-size:13px;line-height:18px;font-weight:400}
.clrcode span{width:41px;height:31px;display:block;float:left;margin-right:10px}
.inspirations-sec li .img{margin-bottom:15px}
.inspirations-sec{margin-bottom:150px}
.consultation-ban .mid-banner{margin-bottom:60px;overflow:hidden;position:relative;z-index:2}
.consultation-ban .mid-txt{position:absolute;left:28%;top:22%}
.consultation-ban .mid-txt h3{color:#fff;font-size:40px}
.consultation-ban .mid-txt p{margin-bottom:30px;font-size:14px;color:#fff}
.consultation-ban{margin-top:-170px}
.guide-items h3{font-size:30px;margin-bottom:30px}
.guide-items p{color:#666;line-height:26px;font-size:16px}
.consultation-ban p{color:#999999;font-size:16px}
.guide-slider .slick-prev{background:url(../img/arrow01.png) center left no-repeat;left:-5%}
.guide-slider .slick-next{background:url(../img/arrow01.png) center right no-repeat;right:-5% }

.heading-style { margin-bottom: 44px; padding-bottom: 15px; position: relative; font-size: 32px; color: #333;  }
.heading-style.greenbrd:before { background: #29bb66;  }
.heading-style.red:before { background: #e71345;  }
.heading-style:before { width: 50px; height: 4px; background: #1f73b9; position: absolute; left: 0; bottom: 0px; content: "";  }
.top-product { margin-bottom: 130px; padding-top: 75px; overflow: hidden;  }
.top-product .left { padding: 35px; width: 45%; background: #f1f1f2;  }
.top-product .right { width: 45%;  }
.top-product h4 { margin-bottom: 35px; font-size: 28px; color: #333;  }
.top-product p { margin-bottom: 22px;  }
.top-product a { margin-top: 30px;  }


.pro-common { overflow: hidden; margin-left: -30px;margin-right: -30px;  }
.pro-common .pro { margin-bottom: 20px; width: 33.33%; float: left; padding-right: 30px;padding-left: 30px; overflow: hidden;  }
.pro-common h3 { line-height: 28px; margin-bottom: 25px; font-size: 22px; color: #333;  }
.pro-common p { margin-bottom: 45px;  }
.pro-common .image { margin-bottom: 28px; padding: 28px; background: #f4f4f4;  }

.pro-common .pro:nth-child(3n+1){
	clear: left;
}

.pro-common.two-style { margin-right: -10%;  }
.pro-common.two-style .pro { width: 40%; margin-right: 10%;  }
.pro-common.two-style h3 { font-size: 25px;  }
.pro-common.two-style .image { margin-bottom: 35px; overflow: hidden; padding: 40px; background: #fff;  }
.pro-common.two-style .pro:nth-child(3n+1){
	clear: inherit;
}
.pro-common.two-style .pro:nth-child(2n+1){
	clear: left;
}
.cont-style { padding-top: 10px; margin-bottom: 40px; overflow: hidden;  }

.warranty { margin-top: 30px; padding: 50px 0; border-top: 1px solid #e6e6e6; position: relative; padding-bottom: 0; margin-bottom: -30px;}

.painting-defect-nav {  background-color: #666666 }
.painting-defect-nav li {  display: inline-block; }

.geeting-box { width: 100%; float: left; padding: 50px 0; margin-top: 130px; /* padding-bottom: 125px; */  }
.geeting-box .left { position: relative; margin-top: -125px; width: 58%;  }
.geeting-box .yelow-dot { right: auto; top: -50px; left: -36px; z-index: 99; }
.geeting-box .right { width: 36%;  }
.geeting-box h4 {  margin-bottom: 24px; margin-top: 30px; font-size: 16px; font-weight: normal;  }
.geeting-box h3 { font-size: 28px;  }
.geeting-box .paint-nav .slde { cursor: pointer; padding-left: 32px; margin-bottom: 20px; width: 50%!important; float: left; background:url(../img/right-icon.png) left 5px no-repeat;  }
.geeting-box .paint-nav .slde.slick-current { background-position: 0 -63px;  }
.geeting-box .slick-dots { margin-top: 15px; width: 100%; text-align: center;  }
.geeting-box li {   margin: 0 4px; display: inline-block;    }
.geeting-box li button { cursor: pointer; font-size: 0px; display: block; border:none;  background: url(../img/dots01.png) no-repeat -17px top;  width: 16px; height: 16px; }
.geeting-box li.slick-active button { background-position: 0 0;  }
.geeting-box .paint-nav .slick-track {     transform: translate3d(0px, 0px, 0px)!important; }

.genral-tips { padding-top: 50px; overflow: hidden;  }
.genral-tips h4 { margin-bottom: 40px; font-size: 30px;  }
.genral-tips .tips-div { width: 33%; padding-right: 10%; float: left;padding-bottom: 40px;  }
.genral-tips .tips-div:nth-child(3n+1){
	clear: left;
}
.tips-row{
	overflow: hidden;
	margin-bottom: -50px;
}
.genral-tips .icon { overflow: hidden; height: 80px;  }
.genral-tips h5 { font-size: 20px;  }
.genral-tips img { width: auto;  }
.genral-tips p { font-size: 16px;  }
.genral-tips a { font-style: 14px; color: #00a651;  }

.colorlook-box { width: 100%; float: left; padding: 70px 0;  }
.colorlook-box .left { padding-top: 125px; float: left; width: 30%  }
.colorlook-box .right {  float: right; width: 60%  }
.colorlook-box h3 { font-size: 30px;  }
.colorlook-box h3 span { display: block;  }
.colorlook-box p { font-size: 16px;  }
.colorlook-box .slick-list { margin-top: -125px;  }
.commomslider-style .slick-prev { left: -62px;  background: url(../img/arrow01.png) center left no-repeat; }
.commomslider-style .slick-next { right: -62px;  background: url(../img/arrow01.png) center right no-repeat; }
.commomslider-style ul.slick-dots { margin-top: 10px; width: 60%; float: right; text-align: center;  }
.commomslider-style  li { display: inline-block;     margin: 0 4px;  }
.commomslider-style li button { cursor: pointer; font-size: 0px; display: block; border: none; background: url(../img/dots01.png) no-repeat -17px top;
    width: 16px; height: 16px; }
.commomslider-style li.slick-active button { background-position: 0 0; }

.lookout-box { overflow: hidden;  } 
.lookout-box h3 { font-size: 30px;  }
.lookout-box .lookout-row { margin-bottom: -80px; padding-top: 40px; overflow: hidden;  }
.lookout-box .lookout { margin-bottom: 80px; width: 45%; float: left;  }
.lookout-box .left { width: 48%; float: left;  }
.lookout-box .right { width: 48%; float: right;  }
.lookout-box h3 { font-size: 18px;  }
.lookout-box p { font-size: 16px;  }
.lookout-box a { font-style: 14px; color: #00a651;  }
.lookout-box .lookout:nth-child(even) { float: right;  }
.lookout-box .lookout:nth-child(2n+1) { clear: left;  }

.genreladive-box { overflow: hidden;  }
.genreladive-box .left { width: 48%; float: left;  }
.genreladive-box .right { width: 48%; float: right;  }
.genreladive-box .genrel-slider { padding-top: 30px;  }

.painting-defect-nav li a {
    font-size: 16px;
    color: #c8c8c8;
    font-weight: 400;
    padding: 20px 28px;
    padding-left: 0;
    display: block;
}
.painting-defect-nav li a:hover, .painting-defect-nav li.active  a {    color: #fff300;}

.represtore p{ line-height: 24px; font-size: 18px; color:#999; padding-bottom: 30px
}


.maintxt01{ font-size: 16px; line-height: 28px; color: #5e5e5e;padding-bottom: 0; }
 .maintxt02{   line-height: 24px;
    font-size: 18px;
    color: #999;
    padding-bottom: 40px;
}
.maintxt03, p.maintxt03{
   
    color: #ddd;
    font-size: 18px; margin-bottom: 200px}


.headtxt01{ font-size: 36px; line-height: 36px; color: #b91258;padding-bottom: 25px; font-weight: 600 }
.headtxt02{ font-size: 24px; line-height: 26px; color: #333;padding-bottom: 15px; font-weight: 600 }
.headtxt03{ font-size: 36px; line-height: 36px; color: #fff;margin-bottom: 25px; font-weight: 600 }
.headtxt01-sky {  
    color: #16a7e7;   
}
.headtxt01-sky01 {   
    color: #2facab;   
}
.headtxt01-red {   
    color: #e50036;   
}

.headtxt01-orange {   
    color: #ffa200;   
}

.headtxt01-blue01 {   
    color: #1d2a49;   
}





.represtore ul{ margin-bottom: 50px; }
.represtore ul li{ font-size: 16px ; line-height: 26px; color: #666; margin-bottom: 15px; position: relative; padding-left: 30px;}
.represtore ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../img/sprites.png)0 0 no-repeat;
    width: 18px;
    height: 12px;
}
.leftsideimg {
    margin-left: -12%;
    width: 112%; position: relative; z-index: 1;
}

.rightsideimg{
	margin-right: -12%;
    width: 112%; position: relative;
}

.chalking-sec ul li{ width: 50%; float: left; padding-right: 30px ; font-size: 16px; line-height: 26px; color: #666; margin-bottom: 25px;}

.chalking-sec ul li:nth-child(2n+1){ clear: left;  }

.chalking-sec ul li li, .Sagging ul li, .efflorescence-sec ul li{
	padding-left: 30px;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.chalking-sec ul li li:before, .Sagging ul li:before, .efflorescence-sec ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../img/sprites.png)0 0 no-repeat;
    width: 18px;
    height: 12px;
}

.Sagging, .flaking-sec {
    background: url(../img/curve-img.jpg) no-repeat top center;
    font-size: 16px;
    line-height: 26px;
    color: #999;
    background-size: auto 360px;
}
.flaking-sec{
  background: url(../img/curve-img02.jpg) no-repeat top center;

}
.Sagging  .col-40 p, .efflorescence-sec .col-40 p, .Sagging ul, .efflorescence-sec ul{
  margin-bottom: 40px;
}


.efflorescence-sec {
   
    font-size: 16px;
    line-height: 26px; position: relative;
    color: #999;
    background-size: auto 360px;
}
.low-coverage-sec ul ul li{
	padding-left: 


}
.low-coverage-sec ul  ul li {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-bottom: 15px;
    position: relative;
        padding: 0 0 0 30px;
    width: 100%
}

.low-coverage-sec ul ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../img/sprites.png)0 0 no-repeat;
    width: 18px;
    height: 12px;
}
.painting-defect-nav.sticky {
    position: fixed;
    display: block;
    width: 100%;
    top: 87px;
    left: 0;
    z-index: 99;
}


/*New Style*/
.bubbles{
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}
.bubbles:before{
	content: '';
	position: absolute;
	top: -36px;
	right: -35px;
	z-index: 1;
	background: url(../img/bubbles1.jpg) no-repeat;
	width: 47px;
	height: 52px;
}
.dealer-box-left{
	float: left;
	width: 75%;
	background: #f1f1f2;
	padding: 40px;
}
.dealer-box-left p{
	font-size: 18px;
	font-weight: 600;
	color: #333;
}
.dealer-box-right{
	position: absolute;
	right: 0;
	top: 0;
	width: 550px;
	margin-right: -210px;
}
.dealer-box-sm{
	width: 45%;
	float: left;
	margin-bottom: 45px;
}
.dealer-box-sm-2{
	width: 10%;
	float: left;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.dealer-box-sm .input{
	float: left;
	width: 85%;
}
.radio{
	width: 15%;
	float: left;
	height: 40px;
	position: relative;
	padding-top: 10px;
}
.radio input[type="radio"]{
	display: none;
}
.radio input[type="radio"] + label {
    width: 25px;
    height: 25px;
    background: url(../img/radio.png) no-repeat;    
    background-position: 0 0;
    display: inline-block;
}
.radio input[type="radio"]:checked + label {
    background-position: -30px 0;
}
.input input{
	background: #f1f1f2;
	padding-bottom: 0;
	height: 40px;
	font-size: 15px;
}
.input select{
	font-size: 15px;
    width: 100%;
    height: 40px;
    padding-bottom: 0;
    border: none;
    border-bottom: 1px solid #dedede;
    color: #5e5e5e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow.png) right 17px no-repeat;
}
.color-menu-list h3{
	text-align: left;
}
.wrapper.page-wrap2 {
    max-width: 1400px;
}
.painting-services img{
	max-width: 100%;
	width: auto;
}
.painting-logo{
	margin-top: 50px;
	margin-bottom: 50px;
}
.painting-logo img{
	margin-right: 80px;
}
.painting-logo img:last-child{
	margin-right: 0;
}
.gain-col{
	background: #f1f1f2;
	padding-top: 120px;
	padding-bottom: 40px;
}
.gain-col h3{
	font-size: 30px;
	margin-bottom: 45px;
}
.gain-col h5{
	font-size: 20px;
	margin-top: 25px;
}
.col-sm-33{
	width: 33.33%;
	float: left;
}
.col-sm-33.last{
	padding-left: 50px;
}
.gain-col-form{
	background: #fff;
	padding: 60px 50px;
	-webkit-box-shadow: 1px 1px 17px 6px #d3d2d2;
    box-shadow: 1px 1px 17px 6px #d3d2d2;
    margin-top: -560px;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
}
.gain-col-form h4{
	font-size: 36px;
	margin-bottom: 50px;
	letter-spacing: -2px;
}
.input-col{
	margin-bottom: 35px;
}
.sm-form h5{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 25px;
}
.sm-form-tab span{
	width: 135px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #868686;
	border: 1px solid #ccc;
	display: inline-block;
	text-align: center;
	margin-right: 24px;
	cursor: pointer;
}
.sm-form-tab span.active{
	font-weight: 700;
	color: #fff;
	background: #ffa200;
}
.sm-form-tab-input{
	margin-top: 40px;
	display: none;
}
.sm-form-tab-input input{
	background: #fff url(../img/map-icon.png) no-repeat;
	padding-left: 30px;
}
.painting-left{
	margin-top: 40px;
}
.color-img{
	margin-bottom: 50px;
}
p.large{
	font-size: 26px;
	line-height: 36px;
}
.tech-col h4{
	font-size: 36px;
	font-weight: 600;
	padding-bottom: 90px;
}
.tech-col ul:after{
	content: '';
	display: block;
	clear: both;
}
.tech-col ul{
	margin-right: -8px;
	margin-left: -8px; height: 225px; margin-bottom: 60px;
}
.tech-col ul li{
	color: #333;
	line-height: 28px;
	margin-bottom: 25px;
	width: 50%;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
}
.tech-col ul li:nth-child(2n+1){
	clear: left;
}
.tech-col ul li strong{
	font-weight: 600;
	display: block;
}
.tech-col{
	margin-top: 200px;
	padding-bottom: 80px;
}
.tech-mar2{
	margin-top: -150px;
	margin-left: -25%;
}
.tech-mar{
	margin-top: -90px;
	padding-left: 50px;
}
.splendor-luxury h2{
	margin-bottom: 30px;
}
.tech-col .common-button{
	padding: 14px 44px;
}
.small-box{
	margin-bottom: 50px;
	padding-right: 110px;
}
.small-box-row{
	margin-top: 50px;
	margin-bottom: -30px;
}
.small-box-row .col-33:nth-child(3n+1){
	clear: left;
}
.small-box h6{
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
	margin-top: 25px;
}
.small-box p{
	color: #707070;
	margin-bottom: 0;
}
.small-box img{
	width: auto;
	max-width: 100%;
}
.inspiring-sec{
	background: #f1f1f2 url(../img/inspiring-bg.png) no-repeat top center;
}
.inspiring-sec h3{
	color: #fff;
}
.inspiring-sec p{
	color: rgba(255,255,255,0.7);
}
.catalogue-sec{
	width: 75%;
	float: left;
	margin-top: 200px;
}
.catalogue-palettes{
	width: 32%;
	float: left;
	margin-right: -7%;
}
.catalogue-left{
	width: 80%;
	float: left;
	padding-right: 50px;
}
.catalogue-right{
	width: 20%;
	float: left;
	margin-top: 20px;
}
.catalogue-sec h5{
	font-size: 24px;
	margin-bottom: 40px;
}
.catalogue-left ul{
	border-bottom: 1px solid #d8d8d9;
	padding-bottom: 80px;
	margin-bottom: 40px;
}
.catalogue-left ul li{
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 1px solid #a8a8a8;
	margin: 0 8px;
	position: relative;
	padding: 9px;
	cursor: pointer;
	vertical-align: top;
}
.catalogue-left ul li span{
	position: absolute;
	bottom: -50px;
	width: 100px;
	left: -50%;
	text-align: center;
	font-weight: 500;
	display: none;
}
.catalogue-left ul li.active span{
	display: block;
}
.catalogue-left ul li.active:after{
	content: '';
	width: 64px;
	height: 64px;
	position: absolute;
	top: -12px;
	left: -12px;
	border: 1px solid #d0d;
	z-index: 1;
}
.catalogue-left ul li.active:before{
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 10px;
	z-index: 2;
	background: url(../img/red-color.png) no-repeat;
}

.catalogue-left ul li.red{
	background: #c2242f;
	color: #c2242f;
}
.catalogue-left ul li.red:after{
	border: 1px solid #c2242f;
}
.catalogue-left ul li.red:before{
	background: url(../img/red-color.png) no-repeat;
}
.catalogue-left ul li.orange{
	background: #f17026;
	color: #f17026;
}
.catalogue-left ul li.orange:after{
	border: 1px solid #f17026;
}
.catalogue-left ul li.orange:before{
	background: url(../img/orange-color.png) no-repeat;
}
.catalogue-left ul li.yellow{
	background: #f1cd1d;
	color: #f1cd1d;
}
.catalogue-left ul li.yellow:after{
	border: 1px solid #f1cd1d;
}
.catalogue-left ul li.yellow:before{
	background: url(../img/yellow-color.png) no-repeat;
}
.catalogue-left ul li.green{
	/*background: #5ab653;
	color: #5ab653;*/
	background: #02653e;
	color: #02653e;
}
.catalogue-left ul li.green:after{
	/*border: 1px solid #5ab653;*/
	border: 1px solid #02653e;
}
.catalogue-left ul li.green:before{
	background: url(../img/green-color.png) no-repeat;
}
.catalogue-left ul li.blue{
	background: #0e73bf;
	color: #0e73bf;
}
.catalogue-left ul li.blue:after{
	border: 1px solid #0e73bf;
}
.catalogue-left ul li.blue:before{
	background: url(../img/blue-color.png) no-repeat;
}
.catalogue-left ul li.cyan{
	background: #755fa0;
	color: #755fa0;
}
.catalogue-left ul li.cyan:after{
	border: 1px solid #755fa0;
}
.catalogue-left ul li.cyan:before{
	background: url(../img/cyan-color.png) no-repeat;
}
.catalogue-left ul li.hopbush{
	background: #d15282;
	color: #d15282;
}
.catalogue-left ul li.hopbush:after{
	border: 1px solid #d15282;
}
.catalogue-left ul li.hopbush:before{
	background: url(../img/hopbush-color.png) no-repeat;
}
.catalogue-left ul li.mai{
	background: #8f5536;
	color: #8f5536;
}
.catalogue-left ul li.mai:after{
	border: 1px solid #8f5536;
}
.catalogue-left ul li.mai:before{
	background: url(../img/mai-color.png) no-repeat;
}
.catalogue-left ul li.sliver{
	background: #8b908a;
	color: #8b908a;
}
.catalogue-left ul li.sliver:after{
	border: 1px solid #8b908a;
}
.catalogue-left ul li.sliver:before{
	background: url(../img/sliver-color.png) no-repeat;
}
.catalogue-left ul li.lime{
	background: #e1ede1;
	color: #e1ede1;
}
.catalogue-left ul li.lime:after{
	border: 1px solid #e1ede1;
}
.catalogue-left ul li.lime:before{
	background: url(../img/lime-color.png) no-repeat;
}

.catalogue-left ul li.grey{
	background: #8b908a;
	color: #8b908a;
}
.catalogue-left ul li.grey:after{
	border: 1px solid #8b908a;
}
.catalogue-left ul li.grey:before{
	background: url(../img/grey-color.png) no-repeat;
}

.catalogue-left ul li.brown{
	background: #8f5536;
	color: #8f5536;
}
.catalogue-left ul li.brown:after{
	border: 1px solid #8f5536;
}
.catalogue-left ul li.brown:before{
	background: url(../img/brown-color.png) no-repeat;
}

.catalogue-left ul li.pink{
	background: #d15282;
	color: #d15282;
}
.catalogue-left ul li.pink:after{
	border: 1px solid #d15282;
}
.catalogue-left ul li.pink:before{
	background: url(../img/pink-color.png) no-repeat;
}

.catalogue-left ul li.purple{
	background: #755fa0;
	color: #755fa0;
}
.catalogue-left ul li.purple:after{
	border: 1px solid #755fa0;
}
.catalogue-left ul li.purple:before{
	background: url(../img/purple-color.png) no-repeat;
}

.catalogue-left ul li.white{
	background: #e1ede1;
	color: #333;
}
.catalogue-left ul li.white:after{
	border: 1px solid #e1ede1;
}
.catalogue-left ul li.white:before{
	background: url(../img/white-color.png) no-repeat;
}

.catalogue-left ul li.terracotta{
	background: #b12525;
	color: #b12525;
}
.catalogue-left ul li.terracotta:after{
	border: 1px solid #b12525;
}
.catalogue-left ul li.terracotta:before{
	background: url(../img/red-color.png) no-repeat;
}

.catalogue-left ul li.golden_yellow{
	background: #ee9521;
	color: #ee9521;
}
.catalogue-left ul li.golden_yellow:after{
	border: 1px solid #ee9521;
}
.catalogue-left ul li.golden_yellow:before{
	background: url(../img/yellow-color.png) no-repeat;
}

.catalogue-left ul li.signal_red{
	background: #d62027;
	color: #d62027;
}
.catalogue-left ul li.signal_red:after{
	border: 1px solid #d62027;
}
.catalogue-left ul li.signal_red:before{
	background: url(../img/red-color.png) no-repeat;
}

.catalogue-left ul li.peacock_blue{
	background: #17457c;
	color: #17457c;
}
.catalogue-left ul li.peacock_blue:after{
	border: 1px solid #17457c;
}
.catalogue-left ul li.peacock_blue:before{
	background: url(../img/blue-color.png) no-repeat;
}

.catalogue-left ul li.gun_grey{
	background: #646860;
	color: #646860;
}
.catalogue-left ul li.gun_grey:after{
	border: 1px solid #646860;
}
.catalogue-left ul li.gun_grey:before{
	background: url(../img/grey-color.png) no-repeat;
}



.catalogue-head{
	color: #333;
	font-weight: 500;
	margin-bottom: 3px;
}
.hex-code{
	color: #666;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 20px;
}
.hex-box{
	width: 160px;
	height: 160px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.catalogue-right .common-button{
	font-size: 12px;
	padding: 12px 20px 12px 30px;
}
.catalogue-right .common-button span{
	padding-left: 40px;
    margin-left: -30px;
    background: url(../img/buton-arow1.png) left center no-repeat;
}
.gradient-plate-left{
	width: 20%;
	float: left;
	padding-right: 35px;
}
.gradient-plate-left ul{
	margin: 0;
	padding: 0;
	border: 0;
}
.gradient-plate-left ul li{
	width: 100%;
	display: block;
	margin: 0;
	margin-bottom: 2px;
	height: 34px;
}
.gradient-plate-right ul{
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 5px;
}
.gradient-plate-right ul li{
	width: 40px;
	height: 40px;
	margin: 0;
	margin-bottom: 4px !important;
}
.gradient-plate-right ul li:after, .gradient-plate-right ul li:before{
	display: none;
}
.gradient-plate-right ul li.active{
	border: 1px solid #333;
}
.gradient_color{
	display: none;
}
.gradient-color .catalogue-head{
	margin-bottom: 15px;
}
.consultation-left{
	width: 50%;
	float: left;
}
.consultation-right{
	width: 50%;
	float: left;
	padding-left: 100px;
	/*padding-top: 40px;*/
}
.consultation-right h6{
	font-size: 30px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.consultation-item .consultation-right ul{
	margin-bottom: 10px;
}

.consultation-item .consultation-right ul li{
	font-size: 16px;
	padding-bottom: 5px;
}

.consultation-item .consultation-right ul li:before {
  content: '✓ ';
}


.consultation-sld{
	margin-top: 60px;
}
.consultation-sld .slick-prev, .common-sld .slick-prev{
	background: url(../img/prev-color.jpg) center no-repeat;
	left: -60px;
}
.consultation-sld .slick-next, .common-sld .slick-next{
	background: url(../img/next-color.jpg) center no-repeat;
	right: -60px;
}
.consultation-sld .slick-dots, .tech-sld-nav .slick-dots, .common-sld .slick-dots{
	text-align: center;
	margin-top: 15px;
}
.tech-sld-nav .slick-dots{
	margin-left: -50px;
}
.consultation-sld .slick-dots li, .tech-sld-nav .slick-dots li, .common-sld .slick-dots li{
	display: inline-block;
	overflow: hidden;
}
.tech-sld-nav .slick-dots li{
	width: auto;
}
.consultation-sld .slick-dots li button, .tech-sld-nav .slick-dots li button, .common-sld .slick-dots li button{
	text-indent: -999px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #999;
	outline: none;
	margin: 0 5px;
	border: 1px solid #999;
	position: relative;
}
.consultation-sld .slick-dots li.slick-active button, .tech-sld-nav .slick-dots li.slick-active button, 
.common-sld .slick-dots li.slick-active button{
	background: #333;
	border: 1px solid #333;
}
.consultation-sld .slick-dots li.slick-active button:after, .tech-sld-nav .slick-dots li.slick-active button:after, .common-sld .slick-dots li.slick-active button:after{
	content: '';
	position: absolute;
	top: -4.5px;
	left: -4.5px;
	width: 16px;
	height: 16px;
	border: 1px solid #333;
	border-radius: 100%;
}
.tech-sld-nav .slick-dots li.slick-active button:after, .common-sld .slick-dots li.slick-active button:after{
	top: -5px;
	left: -5px;
}
.tech-sld-nav .slick-list{
	display: none;
}
.tech-sld-nav .slick-dots li{
	padding-right: 0;
	padding-left: 0;
}
.color-guide, .consultation-sec{
	padding-bottom: 0;
}
.extra-color-sec{
	position: relative;
	z-index: 2;
}
.extra-color-banner{
	text-align: center;
	position: relative;
	z-index: 2;
}
.consultation-sec:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #f9f9f9;
}
.consultation-sec{
	position: relative;
	z-index: 2;
}
.extra-color-sec .metallics-col:nth-child(2n+1){
	clear: left;
}
.extra-color-text{
	width: 500px;
    margin-left: 320px;
    text-align: left;
    position: absolute;
    top: 90px;
    left: 0;
}
.extra-color-banner h4{
	font-size: 40px;
	color: #fff;
}
.extra-color-banner p{
	color: #fff;
	margin-bottom: 30px;
}
.metallics-col img{
	width: auto;
	max-width: 100%;
	float: left;
	margin-right: 35px;
}
.metallics-head{
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-top: 18px;
	margin-bottom: 20px
}
.metallics-col{
	margin-top: 40px;
}
.metallics-col .common-button{
	padding: 12px 25px 12px 35px;
}
.metallics-col .common-button span{
	padding-left: 60px;
}
.benefits-sec .purple-red-circle{
	top: -270px;
}
.consultation-sec .purple-red-circle{
	top: -50px;
	z-index: 1;
}
.consultation-sec .yelow-dot.lefttop{
	top: 22%;
	left: -8%;
}
.tech-mar2 .yelow-dot.lefttop{
	left: -30px;
}
.multiple-dots{
	position: absolute;
	width: 200px;
	height: 390px;
	top: -18px;
	right: -18%;
	z-index: 1;
	background: url(../img/multiple-dots.png) no-repeat;
}
.multiple-dots.left{
	background: url(../img/circle-large.png) no-repeat;
    right: initial;
    left: -30%;
    top: -10px;
    width: 486px;
    z-index: -1;
}
.advantages-sec{
	background: url(../img/advantages-bg.jpg) no-repeat top center;
	background-size: 100% 300px;
}
.advantages-sec h2, .advantages-sec p{
	color: #fff;
}
.advantages-sec p{
	margin-bottom: 50px;
}
.advantages-sec h3{
	font-size: 30px;
}
.advantages-sec h4{
	margin-top: 25px;
	font-size: 24px;
}
.advantages-col p{
	margin-bottom: 20px;
	color: #666;
}
.advantages-img{
	margin-bottom: 50px;
	margin-left: -8%;
}
.advantages-cont{
	padding: 150px 0 0 80px;
}
.advantages-sec .yellow-circle.righttop{
	top: 43%;
}
.decorative-paints .geeting-box .left{
	margin-top: 0;
}
.decorative-paints .geeting-box .right{
	padding-top: 125px;
}
.decorative-paints .geeting-box .right .common-button{
	margin-top: 30px;
}
.inspired-sld{
	margin-top: -125px;
}
.decorative-paints .geeting-box{
	padding-bottom: 100px;
}
.colors-advisable h3{
	font-size: 30px;
	margin-bottom: 0;
}
.colors-advisable .maintxt01{
	margin-bottom: 40px;
	color: #999;
}
.color-box{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 60px;
}
.color-box h4{
	font-size: 24px;
	margin-top: 20px;
}
.color-box img{
	width: auto;
	max-width: 100%;
}
.color-box a{
	color: #00a651;
	font-size: 14px;
}
.color-col .col-33:nth-child(3n+1){
	clear: left;
}
.color-col{
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.grybg-bg:after{
	content: '';
	position: absolute;
	top: 245px;
	left: 0;
	width: 100%;
	height: 550px;
	background: #f9f9f9;
	z-index: -1;
}
.para{
	color: #666;
	font-size: 18px;
	line-height: 26px;
}
.style-para{
	color: #333;
	font-size: 20px;
	line-height: 40px;
	background: url(../img/style-para.png) no-repeat top left;
	padding: 30px 0 34px 125px;
	margin-top: 50px;
	font-weight: 500;
}
.style-para span{
	/*-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);*/
	display: block;
}
.padd-bottom{
	padding-bottom: 100px;
}
.colors-advisable .purple-botom.leftcenter.rt{
	top: 100%;
}
.colors-advisable .purple-red-circle{
	top: -520px;
}
.colors-advisable .yelow-dot.lefttop{
	top: 30px;
}
.har-color .maintxt01{
	margin-bottom: 20px;
}
.space-row{
	overflow: hidden;
}
.space-row .col-50:nth-child(2n+1){
	clear: left;
}
.space-row .col-50{
	margin-bottom: 40px;
}
.space-box{
	padding-right: 150px;
}
.space-box img{
	width: auto;
	max-width: 100%;
}
.space-row h4{
	font-size: 20px;
	margin-top: 10px;
}
.space-row h4 span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
}
.space-row p{
	color: #707070;
}
.space-row p strong{
	color: #333;
	font-weight: 400;
}
.har-color .geeting-box{
	padding: 0;
	margin-top: 80px;
}
.har-color .geeting-box .left{
	margin-top: 0;
}
.har-color .geeting-box .right{
	padding-top: 130px;
}
.har-color .geeting-box .right p{
	font-size: 18px;
	color: #333;
	line-height: 28px
}
.space-bg{
	position: relative;
}
.space-bg:after{
	content: '';
	background: #f9f9f9;
	z-index: -1;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 70%;
}
.har-color .purple-red-circle{
	top: -240px;
    right: -140px;
}
.large-img{
	position: relative;
}
.har-color .purple-botom.leftcenter.rt{
	top: 80%;
}
.har-color .style-para{
	line-height: 30px;
}

.pink-dots {
    width: 74px;
    height: 82px;
    position: absolute;
    left: -15%;
    top: 36%;
    background: url(../img/pink-dots.png) center no-repeat;
}
.colors-advisable .color-col{
	margin-bottom: -60px;
}
.colors-advisable .style-para{
	line-height: 31px
}
.colors-advisable .yelow-dot{
	top: -180px;
}
.prd-color-list{
	position: relative;
	margin-top: -145px;
}
.prd-color-list:before{
	content: '';
	width: 100%;
	height: 50%;
	background: #f9f9f9;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.vaastu .geeting-box{
	width: auto;
	float: none;
}
.vaastu .purple-red-circle {
    top: 485px;
    right: inherit;
    left: -285px;
}
.vaastu .purple-botom.leftcenter.rt {
    left: auto;
    right: -86px;
    top: 75px;
}
.vaastu .yellow-circle.righttop{
	top: 80%;
}
.vaastu .yelow-dot {
    top: -180px;
}
.product-box-row{
	overflow: hidden;
	margin:60px -15px -60px -15px;
}
.product-box-row .col-33:nth-child(3n+1){
	clear: left;
}
.product-box-row h6{
	font-size: 26px;
	color: #333;
	margin: 20px 0 15px 0;
}
.product-box-row .common-button{
	margin-top: 20px;
	padding: 8px 25px;
	font-size: 12px;
}
.product-box-row .common-button span{
	padding-left: 40px;
    margin-left: -26px;
	background: url(../img/buton-arow1.png) left center no-repeat;
}
.product-box{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 70px;
}
.product-category .genral-tips{
	padding-bottom: 70px
}
.product-category .purple-red-circle, .color-product-listing .purple-red-circle{
	left: -175px;
	right: inherit;
}
.product-category .yellow-circle.righttop{
	top: 550px;
}
.product-category .purple-botom.leftcenter{
	left: -3%;
	top: 70%;
}
.cat-row{
	position: relative;
}
.cat-row:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: #f9f9f9;
	z-index: -1;
}
.cat-row.full-bg:before { height: 100%;  } 
.dots-blue {
    position: absolute;
    width: 94px;
    height: 132px;
    content: '';
    background: url(../img/dots-blue.png) no-repeat;
    top: -15px;
    right: -6%;
}

.custom-bullets { margin-left: 20px;  }
.custom-bullets li { font-size: 16px; list-style-type: disc; margin-bottom: 4px; color: #747474; line-height: 24px;  }

.free-consultation{	
	position: relative;
	z-index: 2;
}
.free-wrap{
	margin-top: 150px;
	margin-bottom: 280px;
	-webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
	position: relative;
	z-index: 5;
	background: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.free-consultation:after{
	content: '';
    position: absolute;
    bottom: -135px;
    left: 130px;
    width: 851px;
    height: 240px;
    z-index: 6;
    background: url(../img/brush-img.png) no-repeat;
}
.free-consultation:before{
	content: '';
	position: absolute;
	top: -160px;
	left: 0;
	width: 633px;
	height: 963px;
	z-index: 1;
	background: url(../img/gradient-circle.png) no-repeat;
}
.text-center{
	text-align: center;
}
.free-btn{
	margin-right: -50px;
}
.consultation-cont{
	padding: 40px 70px 60px 70px;
}
.consultation-list{
	width: 33.33%;
	float: left;
}
.consultation-head{
	font-size: 20px;
	color: #333;
	position: relative;
	padding-left: 55px;
}
.consultation-head:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 65px;
	background: url(../img/one.png) no-repeat;
}
.consultation-head.two:after{
	background: url(../img/two.png) no-repeat;
}
.consultation-head.three:after{
	background: url(../img/three.png) no-repeat;
}
.consultation-head span{
	font-size: 40px;
	font-weight: 600;
	color: #feb116;
	display: block;
}
.consultation-head.two span{
	color: #f4255e;
}
.consultation-head.three span{
	color: #50bcc9;
}
.consultation-form{
	position: relative;
}
.color-product-listing .product-box-row{
	margin-top: 40px;
}
.choise-color{
	padding-bottom: 60px;
}
.choise-color h3{
	font-size: 18px;
	font-weight: 700;
}
.choice-color-box{
	width: 260px;
	height: 84px;
	margin-bottom: 50px;
}
.crafted-row{
	margin-top: 200px;
}
.crafted-content{
	padding-left: 40px;
}
.crafted-content h4{
	font-size: 30px;
}
.crafted-content ul li{
	margin-bottom: 12px;
	position: relative;
	padding-left: 30px;
}
.crafted-content ul li:after{
	content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
    background: url(../img/brush-icon.png) no-repeat;
    width: 18px;
    height: 18px;
}
.certifications{
	padding-bottom: 0;
}
.gray-sec{
	background: #f1f1f2;
	padding: 50px 0 70px 0;
	margin: 140px 0;
	position: relative;
}
.gray-sec:last-child{
	margin-bottom: 0;
}
.gray-sec h3{
	font-size: 25px;
	margin-bottom: 20px;
}
.gray-sec p{
	color: #333;
}
.gray-sec .common-button{
	margin-top: 25px;
}
.col-left{
	width: 55%;
	float: left;
	padding-right: 80px;
	padding-left: 15px;
}
.col-right{
	width: 45%;
	float: left;
	padding-right: 15px;
}
.col-right img{
	margin-top: -110px;
}
.gray-sec:nth-child(even) .col-left{
	float: right;
	padding-right: 15px;
	padding-left: 80px;
	text-align: left;
}
.gray-sec:nth-child(even) .col-right{
	float: left;
	padding-left: 15px;
}
.gray-sec .wrapper{
	z-index: 5;
}
.gray-sec:nth-child(1):before {
	content: '';
    z-index: 1;
    font-size: 0;
    width: 350px;
    height: 350px;
    display: block;
    position: absolute;
    right: -175px;
    top: -175px;
    background: url(../img/red.png) center no-repeat;
    background-size: 350px;
}
.gray-sec:nth-child(2):before {
	content: '';
    z-index: 1;
    font-size: 0;
    width: 92px;
    height: 128px;
    display: block;
    position: absolute;
    right: 70px;
    top: -136px;
    background: url(../img/paint-img5.png) center no-repeat;
    background-size: 75%;
}
.gray-sec:nth-child(3):before {
	content: '';
    z-index: 1;
    font-size: 0;
    width: 92px;
    height: 128px;
    display: block;
    position: absolute;
    left: 70px;
    top: -136px;
    background: url(../img/purple-dots.png) center no-repeat;
    background-size: 75%;
}
.branch-office .map-box{
	margin-top: 80px;
}
.projects{
	position: relative;
}
.projects .dealer-box-left{
	width: 100%;
	background: #fff;
	margin-top: 40px;
}
.projects .input input{
	background: #fff;
}
.projects .dealer-box-sm{
	width: 30%;
}
.projects .dealer-box-sm{
	margin-bottom: 0;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left !important;
}
.projects .contact-box .office:hover{
	background: #fff;
}
.projects .all-oofice{
	padding-bottom: 0;
}
.projects .yellow-circle.righttop{
	top: -70px;
}
.projects .cat-row:before{
	top: inherit;
	bottom: 0;
	height: 55%;
}
.projects .product-box-row{
	margin-top: 0;
	position: relative;
	z-index: 12;
}
.projects .purple-botom.leftcenter{
	top: 0;
	left: 0;
}
.projects .purple-red-circle{
	top: inherit;
	bottom: 55%;
	margin-bottom: -175px;
	right: -175px;
}
.projects .yelow-dot{
	right: inherit;
	left: -10px;
	top: inherit;
	bottom: 55%;
	margin-bottom: 100px;
}
.projects .multiple-dots1{
	position: absolute;
	top: -17px;	
	right: 10px;
	width: 203px;
	height: 392px;
	background: url(../img/multiple-dot1.png) no-repeat;
}
.content-sec{
	margin: 80px 0;
	position: relative;
}
.grybg-sec {
    padding-bottom: 80px;
    position: relative;
}
.grybg-sec:before{
	content: '';
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	height: 70%;
	background: #f9f9f9;
}
.projects.projects-details .purple-botom.leftcenter{
	top: 30%;
	left: -2.5%
}
.projects.projects-details .purple-red-circle{
	bottom: 0;
}
.projects.projects-details .yelow-dot{
	right: -1%;
    left: inherit;
    top: 50%;
}
.projects-details .multiple-dots2 {
    position: absolute;
    top: -17px;
    left: 10px;
    width: 212px;
    height: 388px;
    background: url(../img/multiple-dot2.png) no-repeat;
}
.projects-details h3{
	font-size: 36px;
}
.exterior-project, .project-gallery{
	margin-top: 50px;
}
.exterior-project-item{
	position: relative;
	z-index: 10;
}
.exterior-project-item img{
	display: block;
}
.click-btn{
	float: left;
	margin-right: 20px;
	width: 100px;
	height: 38px;
	z-index: 3;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.click-btn.tab-active{
	background: url(../img/tick.png) no-repeat center;
}
.click-btn.item02{
	left: 150px;
}
.click-btn.item03{
	left: 270px;
}
.abt-box{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 46%;
	height: 100%;
	padding: 40px 30px;
	padding-top: 0;
}
.abt-tab{
	display: none;
	padding-top: 10px;
}
.abt-box.active{
	background: #ebe9e9;
}
.click-text{
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-top: 15px;
	margin-bottom: 8px;
}
.close-btn{
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
	color: #9c1e7b;
	font-size: 14px;
	z-index: 5;
	font-weight: 500;
	display: none;
}
.abt-box.active .close-btn{
	display: block;
}
.abt-tab-content:after, .shades:after{
	content: '';
	display: block;
	clear: both;
}
.abt-tab-content{
	border-bottom: 1px solid #d4d4d4;
	padding: 0 10px;
	padding-bottom: 25px;
	margin-bottom: 20px;
}
.abt-left{
	float: left;
	width: 30%;
	padding-right: 35px;
}
.abt-left img{
	width: auto;
	max-width: 100%;
}
.abt-right{
	float: left;
	width: 70%;
}
.abt-box .common-button {
    padding: 8px 25px;
    font-size: 12px;
}
.abt-box .common-button span {
    padding-left: 40px;
    margin-left: -26px;
    background: url(../img/buton-arow1.png) left center no-repeat;
}
.abt-tab h5{
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 12px;
}
.abt-tab p{
	font-size: 14px;
}
.abt-right h6{
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
}
.shades{
	padding: 0 10px;
}
.shades h6{
	font-size: 18px;
	margin-bottom: 10px;
	color: #333;
}
.shades-left{
	width: 40%;
	float: left;
	height: 85px;
	margin-right: 25px;
	color: #fff;
	font-size: 14px;
	padding: 20px;
}
.shades-left span{
	display: block;
}
.carrer-sm-box{
	margin-top: 20px;
	margin-bottom: 45px;
    color: #747474;
    line-height: 24px;
    font-weight: 500;
}
.carrer-sm-box span{
	font-size: 72px;
	display: block;
	font-weight: 600;
	line-height: normal;
}
.carrer-sm-box:nth-child(1) span{
	color: #f4255e;
}
.carrer-sm-box:nth-child(2) span{
	color: #16a7e7;
}
.carrer-sm-box:nth-child(3) span{
	color: #ffa200;
}
.carrer-md-row{
	margin: 80px -60px -20px -60px;
	overflow: hidden;
}
.carrer-md-row .col-33:nth-child(3n+1){
	clear: left;
}
.carrer-md-box{
	padding: 0 60px;
	padding-bottom: 60px;
}
.carrer-md-box h6{
	font-size: 18px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 8px;
}
.carrer-md-box p{
	font-size: 14px;
}
.culture-img{
	position: relative;
}
.culture-img img{
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 20px;
}
.culture-img-col{
	float: left;
}
.culture-img-col4{
	position: absolute;
	top: 280px;
	right: 0;
	margin: 0;
}
.carrer-sec3{
	background: #e2f6ff;
	padding-top: 80px;
	position: relative;
}
.carrer-sld-item{
	position: relative;
}
.carrer-left{
	width: 60%;
	float: left;
	padding-right: 150px;
	min-height: 400px
}
.carrer-right{
	width: 40%;
	padding-top: 70px;
	background: url(../img/carrer-dots.png) no-repeat top center;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
}
.carrer-left h5{
	font-size: 26px;
}
.name{
	font-size: 20px;
	color: #a43993;
	font-weight: 500;
	margin-top: 50px;
	margin-bottom: 5px;
}
.posotion{
	font-size: 14px;
	color: #333;
}
.slick-slide .carrer-right img{
	display: inline-block;
	margin-bottom: -5px;
	width: auto;
	max-width: 100%;
}
.carrer-sld{
	z-index: 10;
}
.carrer-sld .slick-dots{
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.carrer-sld .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
}
.carrer-sld .slick-dots li button{
	border: 2px solid #a23995;
	text-indent: -999px;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	cursor: pointer;
	background: transparent;
}
.carrer-sld .slick-dots li.slick-active button{
	background: #a23995;
}

.awards-sld h6{
	font-size: 18px;
	color: #333;
	margin-top: 25px;
	margin-bottom: 10px;
}
.awards-sld-item{
	padding: 0 20px;
}
.openings-thum{
	border-bottom: 1px solid #cfd6d9;
	padding-bottom: 25px;
	text-align: center;
}
.openings-thum .slick-arrow.slick-disabled{
	opacity: 0.2;
}
.openings-thum .slick-arrow{
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../img/openings-arrow.png) no-repeat;
	background-position: top right;
}
.openings-thum .slick-arrow.slick-next{
	right: -20px;
}
.openings-thum .slick-arrow.slick-prev{
	right: inherit;
	left: -20px;
	background-position: top left;
}
.openings-thum .slick-slide img{
	display: inline-block;
	vertical-align: top;
}
.openings-thum img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.7;
}
.openings-thum span{
	display: block;
	color: #757575;
	font-size: 17px;
	margin-top: 15px;
	font-weight: 500;
}
.openings-thum .resp-tab-active span{
	color: #9b1f7c
}
.openings-thum .resp-tab-active img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
.openings-sld{
	margin-top: 60px;
}
.accordion_head{
	border-bottom: 1px solid #dadada;
	margin-bottom: 30px;
	padding: 15px;
	padding-right: 36px;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	position: relative;
	cursor: pointer;
}
.accordion_head:before{
	content: '';
	position: absolute;
    height: 22px;
    width: 3px;
    top: 15px;
    right: 24px;
    background: #333;
}
.accordion_head:after{
	content: '';
	position: absolute;
    width: 22px;
    height: 3px;
    top: 24px;
    right: 15px;
    background: #333;
}
.accordion_head span{
	font-size: 14px;
	color: #666;
	font-weight: 400;
}
.accordion_head.active{
	background: #f1f1f2;
}
.accordion_head.active:before{
	display: none;
}
.accordion_body{
	margin-bottom: 40px;
}
.accordion_body:last-child{
	margin-bottom: 0;
}
.accordion_content{
	display: none;
	padding: 0 15px;
}
.accordion_content:after{
	content: '';
	display: block;
	clear: both;
}
.accordion_content_left{
	width: 50%;
	float: left;
	padding-right: 40px;
}
.accordion_content_right{
	width: 50%;
	float: left;
	padding-left: 40px;
}
.accordion_content ul{

}
.accordion_content ul li{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(../img/list-arrow.png) no-repeat;
	background-position: left top 5px;
}
.accordion_content_head{
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 18px;
}
.accordion_content p{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}
.accordion_content_row{
	margin-bottom: 50px;
}
.content-margin{
	margin-top: 50px;
	position: relative;
	z-index: 10;
}
.padd-btn{
	padding-bottom: 80px;
}
.career .green-circle{
	right: -175px;
	left: inherit;
}
.career .purple-red-circle{
	left: -175px;
	right: inherit;
	top: -210px;
}
.submit-resume{
	text-align: center;
	padding: 35px 0 45px;
	margin-bottom: 100px;
}
.submit-resume h4{
	font-size: 30px
}
.career .common-button{
	padding: 10px 44px;
}
.submit-resume .common-button{
	margin-top: 10px
}
/*Apply Job*/
.post-col{
    color: #bebdbd;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}
.post-col span{
    color: #333;
}
.carrer-des{
    position: relative;
    padding-top: 70px;
    padding-bottom: 100px;
}
.career-apply{
	position: relative;
}
.career-apply:before{
    content: '';
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f4f4f4;
    z-index: -1;
}
.career-apply .green-circle {
    right: -175px;
    left: inherit;
    top: 60%;
    margin-top:-430px;
}
.carrer-des:after{
    content: '';
    display: block;
    clear: both;
}
.apply-left{
    width: 20%;
    float: left;
}

.common-button.sm-btn {
    padding: 8px 25px;
    font-size: 12px;
}
.common-button.sm-btn span {
    padding-left: 40px;
    margin-left: -26px;
    background: url(../img/buton-arow1.png) left center no-repeat;
}
.apply-right{
    width: 75%;
    float: right;
}
.apply-right p{
    font-size: 15px;
    color: #666;
    margin-bottom: 30px;
    line-height: 30px;
}
.apply-right strong{
    font-weight: 500;
    color: #333;
    font-size: 20px;
    line-height: 30px;
}
.apply-right h4{
    font-weight: 500;
    font-size: 28px;
    color: #333;
    margin: 40px 0 10px 0;
}
.apply-right ul{
    margin-bottom: 30px;
}
.apply-right ul li{
    font-size: 15px;
    color: #666;
    line-height: 30px;
}
.shape-post{
    padding-top: 30px;
}
.share-head{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}
.shape-post ul:after, .shape-apply ul:after{
    content: '';
    display: block;
    clear: both;
}
.shape-post ul li, .shape-apply ul li{
    float: left;
    margin-right: 15px;
    text-indent: -999px;
    overflow: hidden;
}

.apply{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 60px 80px;
    background: #fff;
}
.apply h4{
    margin: 0 0 30px 0;
}
.apply h4 span{
    color: #989898;
    font-size: 18px;
}
.carrer-row{
    margin: 0 -15px;
    margin-bottom: 40px;
}
.carrer-row:after{
    content: '';
    display: block;
    clear: both;
}
.carrer-input{
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 25px;
    position: relative;
}
.carrer-input .error{
	position: absolute;
	left: 15px;
	top: 100%;
	margin-top: 4px;
}
.carrer-input-full{
    padding: 0 20px;
    margin-bottom: 25px;
}
.career-apply .input input{
	background: #fff;
}
.career-apply .input input.date-pic{
    background: transparent url(../img/calender-icon2.png) right center no-repeat;
}

.input-33{
    width: 33.33%;
    float: left;
    padding-right: 10px;
}
.input-33:last-child, .input-22:last-child{
    padding-right: 0;
}
.input-33 label{
    padding-top: 14px;
    display: inline-block;
    font-size: 15px;
    color: #5e5e5e;
}
.input-22{
    width: 22%;
    float: left;
    padding-right: 10px;
}
.input-45{
    width: 45%;
    float: left;
    padding-right: 15px;
}
.input-55{
    width: 55%;
    float: left;
    font-size: 12px;
    color: #aaaaaa;
}
.input-60 span{
    display: block;
    padding-top: 4px;
}
.upload{
    position: relative;
}
.upload span{
    color: #2a2a2a;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    background: url(../img/upload.png) right center no-repeat;
    padding-right: 20px;
    font-size: 14px;
    display: inline-block;
}
.upload label{
    margin-top: 5px;
    display: inline-block;
    font-size: 12px;
}
.upload input{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    height: 100%;
    width: 100%;
}
/*Apply Job End*/
.thank-you{
	padding: 100px 15px;
	max-width: 800px;
	margin:0 auto;
	text-align: center;
}
.thank-you h2{
	font-size: 28px;
	margin-bottom: 15px;
	margin-top: 40px;
}
.thank-you .common-button{
	margin-top: 20px;
}
.body_hidden{
	overflow: hidden;
}
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	overflow-y: auto;
	display: none;
}
.overlay-wrap{
	width: 460px;
	background: #fff;
	border-radius: 10px;
	padding: 50px;
	margin: 120px auto;
	position: relative;
}
.close-botton{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	width: 24px;
	height: 24px;
	background: url(../img/close.png) no-repeat;
	cursor: pointer;
}
.overlay-head{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	background-image: linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 8px;
}
.overlay-wrap p{
	font-size: 13px;
	font-weight: 600;
	color: #999;
	text-align: center;
}
.overlay-wrap .input, .my-account .input{
	margin-bottom: 30px;
	position: relative;
}
.overlay-wrap input, .my-account input{
	background: #fff;
	padding-left: 35px;
	padding-right: 20px;
}
.overlay-form .input:after, .my-account .input:after{
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 21px;
	height: 24px;
}
.input.email_col:after{
	background: url(../img/email_icon.png) no-repeat;
}
.input.pass_col:after{
	background: url(../img/pass_icon.png) no-repeat;
}
.input.name_col:after{
	background: url(../img/name_icon.png) no-repeat;
}
.input.phone_col:after{
	background: url(../img/phone_col.png) no-repeat;
}
.toggle-password{
	position: absolute;
	top: 14px;
	right: 0;
	width: 17px;
	height: 12px;
	display: block;
	background: url(../img/slash1.png) no-repeat;
	cursor: pointer;
	outline: 0;
	border: 0;
}
.toggle-password.active{
	background: url(../img/slash2.png) no-repeat;
}
.forgot{
	float: right;
	font-size: 12px;
	color: #b5b5b5;
	margin-top: -15px;
}
.overlay-wrap .common-button{
	margin-top: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 16px 44px;
}
.overlay-head2{
	font-size: 13px;
	color: #424242;
	text-align: center;
}
.overlay-head2 a{
	font-weight: 500;
	color: #ffa200;
	display: inline-block;
}
.easily{
	font-size: 10px;
	color: #a3a3a3;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-top: 45px;
	position: relative;
}
.easily span{
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 0 7px;
}
.easily:after{
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 100%;
	height: 1px; 
	background: #f2f1f2;
	z-index: 1;
}

.social_login{
	padding: 35px 0;
	text-align: center;
}
.social_login span{
	display: inline-block;
	margin: 0 10px;
}
.overlay-wrap .error{
	position: absolute;
	top: 100%;
	left: 0;
}
.overlay-wrap .message-box.error, .overlay-wrap .message-box.success{
	font-size: 16px;
	margin-top: 8px;
	text-align: center;
	position: static;
}
.overlay-wrap p.success-text{
	font-weight: 600;
	font-size: 18px;
	margin-top: 50px;
}
.overlay-head2 a.back_login{
	margin-top: 20px;
	padding-left: 22px;
	background: url(../img/back_arrow.png) no-repeat;
	background-position: left top 3px;
}
.multiple-circle{
	width: 250px;
	height: 250px;
	margin: 0 auto;
	position: relative;
}
.tick-item{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.circle {
	border-radius: 50%;
	background-color: #feb523;
	width: 122px;
	height: 122px;
	position: absolute;
	top: 62px;
    left: 64px;
	z-index: 1;
	opacity: 0;
	animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes scaleIn {
	from {
		transform: scale(.5, .5);
		opacity: .5;
	}
	to {
		transform: scale(2.5, 2.5);
		opacity: 0;
	}
}
.my-account{
	padding: 130px 0 150px 0;
}
.my-account .common-button{
	font-weight: 400;
	text-transform: uppercase;
}
.my-account-left{
	width: 35%;
	float: left;
	padding-right: 150px;
}
.my-account-right{
	width: 65%;
	float: left;
	margin-top: -60px;
}
.my-account-right .overlay-head{
	text-align: left;
	margin-bottom: 25px;
}
.my-account-right .overlay-head span{
	font-size: 18px;
	background-image: linear-gradient(to right,#333,#333,#333,#333,#333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 500;
}
.my-account-nav{
	background: #f8f8f8;
	padding: 25px 0 50px 0;
}
.my-account-nav h1{
	font-size: 18px;
	color: #333;
	padding-left: 30px;
	margin-bottom: 20px;
}
.my-account-nav ul li a{
	display: block;
	padding: 12px 10px 12px 60px;
	font-size: 14px;
	color: #333;
	position: relative;
}
.my-account-nav ul li a.active{
	background: #fff;
	border-right: 4px solid #ff9c00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.my-account-nav ul li a:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 1;
	background: url(../img/my-account-icon.png) no-repeat;
	background-position: top left;
}
.my-account-nav ul li a.wishlist1:after{
	background-position: top left -42px;
}
.my-account-nav ul li a.pass1:after{
	background-position: top left -82px;
}
.my-account-nav ul li a.logout:after{
	background-position: top left -120px;
}
.my-account-content{
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.my-account-head{
	font-size: 18px;
	font-weight: 500;
	color: #333;
	padding: 20px 30px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
.my-account-input{
	
}
.my-account-inner{
	padding: 35px 30px 70px 35px;
}
.input-row:after{
	content: '';
	display: block;
	clear: both;
}
.input-col1{
	width: 20%;
	float: left;
}
.input-col2{
	width: 55%;
	float: left;
	padding-right: 40px;
}
.input-col3{
	width: 14%;
	float: left;
}
.input-col3.cancel{
	width: 11%;
}
.input-col3.subbtn {
    padding-top: 10px;
}
.input-label{
	font-size: 18px;
	line-height: 40px;
	color: #5b5a5a;
	font-weight: 400;
}
.input-row .edit a, .input-row .cancel a{
	font-size: 13px;
	font-weight: 500;
	color: #ffa200;
	padding-top: 24px;
	display: inline-block;
}
.input-row .cancel a{
	color: #2faca9;
}
.new-pass{
	padding-bottom: 10px;
}
.change-password-btn{
	text-align: center;
	margin-top: 20px;
}
.wishlist-prd{
	background: #fff;
	padding: 16px 20px;
	position: relative;
	transition: all 0.5s ease;
}
.wishlist-prd:hover{
	background: #f7f7f7;
}
.remove-prd{
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	cursor: pointer;
	width: 24px;
	height: 24px;
	opacity: 0;
	transition: all 0.5s ease;
}
.wishlist-prd:hover .remove-prd{
	opacity: 1
}
.wishlist-prd img{
	display: inline-block;
	float: left;
	width: 70px;
	margin-right: 30px;
}
.product-name{
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin-bottom: 12px;
	margin-top: 15px;
}
.wishlist-prd p{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-bottom: 0;
}
.wishlist-hr{
	padding-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    clear: both;
}
.not-found-page{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	 transform:translate(-50%, -62%);
    -webkit-transform:translate(-50%, -62%);
    -moz-transform:translate(-50%, -62%);
    -o-transform:translate(-50%, -62%);
    text-align: center;
}
.not-found-page p{
	color: #fff;
	font-size: 21px;
}
.banner-page .not-found-page h1{
	display: block;
	color: #fff;
	font-size: 220px;
	line-height: 200px;
	text-shadow: 2px 2px 2px #999;
}
.not-found-page .common-button{
	margin-top: 30px;
	padding: 16px 44px;

}
.page_not_found .newsleter-box{
	display: none;
}
.industrial-coating-segment{
	padding-bottom: 40px;
	position: relative;
}
.industrial-coating-segment .dots-blue{
	right: 10px;
}
.industrial-coating-segment .yellow-circle.righttop{
	top: 600px;
}
.industrial-coating-segment .purple-red-circle{
	left: -175px;
	right: inherit;
	top: 350px;
}
.segment-box{
	margin-top: -20px;
}
.segment-row{
	padding-right: 60px;
}
.segment-hr{
	border-bottom: 3px solid #333;
	clear: both;
}
.segment-hr:last-child{
	border-bottom: 0;
}
.segment-row:after,.segment-row:before, .segment-col ul:after, .segment-col ul:before{
	content: '';
	display: block;
	clear: both;
}
.segment-col{
	width: 50%;
	max-width: 425px;
	float: left;
	margin-top: 70px;
	margin-bottom: 70px;
}
.segment-col:nth-child(2n){
	float: right;
}
.segment-col h6{
	font-size: 30px;
	color: #333;
	margin: 20px 0;
}
.segment-col ul li{
	padding-left: 38px;
	background: url(../img/list-arrow2.png) no-repeat;
	background-position: left top 4px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 18px;
	line-height: 26px;
	color: #333;
	font-weight: 500;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.segment-col ul li:last-child{
	border-bottom:0;
}
.segment-col .common-button{
	margin-top: 20px;
}
.segment-col ul.list-50{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}
.segment-col ul.list-50:last-child{
	border-bottom: 0;
}
.segment-col ul.list-50 li:nth-child(2n+1){
	clear: left;
}
.segment-col ul.list-50 li{
	width: 50%;
	float: left;
	padding-right: 10px;
	border-bottom: 0;
	margin-bottom: 0;
}
.overlay-wrap2{
	max-width: 775px;
	background: #fff;
	position: relative;
	margin: 100px auto;
	padding: 60px 70px;
}
.overlay-wrap2 .close-botton {
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 1;
    width: 31px;
    height: 31px;
    background: url(../img/close2.png) no-repeat;
    cursor: pointer;
}
.overlay-wrap2 h5{
	font-size: 46px;
	margin-bottom: 30px;
}
.overlay-wrap2 .input{
	margin-bottom: 30px;
}
.overlay-wrap2 .input.mar-btn0{
	margin-bottom: 0;
}
.overlay-wrap2 .input input{
	background: #fff;
}
.overlay-wrap2 .input textarea{
	height: 80px;
}
.range-box{
	margin: 60px 0;
	padding-bottom: 60px;
	border-bottom: 3px solid #333;
}
.range-box:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.range-row{
	background: #f5f6f7;
}
.range-col{
	width: 50%;
	float: left;
}
.range-box h3{
	font-weight: 500;
	font-size: 36px;
	margin-bottom: 30px;
}
.range-box h3 span{
	font-weight: 4500;
	font-size: 24px;
}
.range-box h5{
	font-weight: 700;
	font-size: 18px;
	background: #e5e5e5;
	padding: 8px 18px;
}
.range-box ul{
	padding: 8px 15px;
}
.range-box ul:after, .range-row:after{
	content: '';
	display: block;
	clear: left;
}
.range-box ul li{
	width: 50%;
	float: left;
    background: url(../img/list-arrow2.png) no-repeat;
    background-position: left top 4px;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    padding: 0 15px 15px 38px;
}
.range-box .common-button{
	margin-top: 18px;
}

.search-box-content { overflow: hidden; padding-top: 70px;
    padding-bottom: 55px; }
.search-box-content  .search { margin-bottom: 50px; overflow: hidden;  }
.search-box-content .form-div { overflow: hidden; position: relative;  }
.search-box-content input { padding-right: 60px; width: 100%;height: 70px; border:none; border-bottom: 1px solid #ccc; padding-bottom: 0; font-size: 30px; color: #000; }
.search-box-content button { cursor: pointer; border:none; display: block; width: 54px; height: 70px; position: absolute; right: 0; top: 0; background: url(../img/search-icon2.png) left center no-repeat;  }
.search-box-content .found { font-size: 22px;font-weight: 400; color: #999; margin-top: 20px; clear: both; overflow: hidden;  }
.search-box-content .found span { color: #feb116;  }
.search-box-content .result-list { overflow: hidden;  }
.search-box-content .result { margin-bottom: 40px; width: 100%; float: left;  }
.search-box-content .result a { display: block; font-size: 16px; color: #999; line-height: 24px }
.search-box-content .result a span {margin-bottom: 10px; color: #000; display: block; font-size: 20px; font-weight: 700;  }
.search-box-content .result a:hover span { color: #feb116;  }
.hamburger-mobile{
	display: none;
}
.common-page{
	padding-bottom: 80px;
}
.common-page p strong{
    color: #333;
    font-weight: 500;
    line-height: 24px;
}
.common-page h2{
	margin-bottom: 40px;
}
.common-page h3, .common-page h4, .common-page h5, .common-page h6{
	margin-bottom: 15px;
	margin-top: 30px;
}
.common-page h3{
	font-size: 30px;
}
.common-page h4{
	font-size: 25px;
}
.common-page h5{
	font-size: 20px;
}
.common-page h6{
	font-size: 16px;
	color: #333;
	margin-bottom: 7px;
}
.common-page ul{
	margin-left: 20px;
}
.common-page ul li{
	list-style: disc;
	margin-bottom: 10px;
    color: #747474;
    line-height: 24px;
    font-size: 16px;
}
.common-page a{
	color: #333;
	font-weight: 400;
}
.blog-popular{
	margin-bottom: 50px;
}
.office-row:after{
	content: '';
	display: block;
	clear: left;
}
.office-row .office{
	width: 33.33%;
	float: left;
}
.office-row .office:nth-child(3n+1){
	clear: left;
}
.consultation-box .counsel-box{
	background: #fff;
}
.consultation-box .counsel-box .counselin{
	-webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.3);
}
.painting-tips .tips-row{
	margin-bottom: 0;
}
.tech-col .common-button.open_div{
	padding: 8px 25px;
    font-size: 12px;
    margin-bottom: 20px;
}
.mobile .overlay-menu-wrap {
	margin: 40px 15px;
}
.mobile.overlay-menu ul li{
	margin-bottom: 15px;
}
.mobile.overlay-menu ul ul li{
	margin-bottom: 5px;
}
.mobile.overlay-menu ul li.cate a{
	color: #fff;
}
.message-box-frmConsultation{
	margin-bottom: 15px;
}
.message-box-frmNewsletter, .newsleter-box .error{
	color: #fff;
}
.message-box-frmNewsletter{
	font-size: 14px;
	margin-top: 5px;
}
.newsleter-box .g-recaptcha{
	margin-top: 15px;
}
.counsel-box .g-recaptcha{
	width: 50%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
} 
.hamburger_mega{
	position: fixed;
	top: 0;
	right: -440px;
	z-index: 999;
	background: #fff url(../img/mega_bg.png) no-repeat;
	background-position: bottom right;
	width: 440px;
	height: 100%;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	transition: right 0.5s;
}
.hamburger_mega.open{
	right: 0;
}
.hamburger_mega .slinky-menu a, .hamburger_mega .slinky-menu a.next, .hamburger_mega .slinky-menu a.next:after, .hamburger_mega .slinky-menu h2{
	color: #333;
}
.hamburger_mega ul li{
	margin-bottom: 25px;
}
.hamburger_mega ul ul li{
	margin-bottom: 6px;
}
.hamburger_mega .slinky-menu a.next{
	font-size: 20px;
	font-weight: 700;
}
.hamburger_mega .slinky-menu .menuhead{
	margin-bottom: 15px;
}
p.md-font{
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
}
.architects .gain-col{
	margin-top: -90px;
	padding-top: 80px;
	position: relative;z-index: 2;
}
.architects .gain-col-form{
	margin-top: -410px;
	position: relative;
	z-index: 10;
}

.architects .pro-common.two-style .image{
	margin: 0;
	margin-bottom: 35px;
    padding: 0; 
    background: #fff;
}
.architects .pro-common.two-style .image img{
	width: 100%;
	display: block;
}
.architects-row{
	overflow: hidden;
	margin-bottom: -70px; 
}
.pro-hr{
	border-top: 1px solid #dbdbdb;
	clear: both;
	margin-bottom: 40px;
}
.cate-name{
	font-size: 18px;
	color: #999;
	margin-top: 20px;
	margin-bottom: 40px;
}
.advisable-sec{
	padding-bottom: 80px;
	position: relative;
}
.advisable-sec:after{
	content: '';
	position: absolute;
	top: 30%;
	left: 0;
	background: #f1f1f2;
	width: 100%;
	height: 70%;
}
.advisable-sec .wrapper{
	z-index: 5;
}
.advisable-box{
	max-width: 550px;
}
.advisable-box h3{
	font-size: 26px;
	margin-top: 20px;
}
.advisable-box p{
	margin-bottom: 30px;
}
.advisable-row{
	margin-top: 40px;
}
.popular-stories{
	padding-top: 70px;
	padding-bottom: 20px;
}
.advisable-sec .purple-botom.leftcenter{
	top: 20%;
}
.gain-col .purple-red-circle{
	top: 125px;
}



.custom-alert { overflow: hidden; padding: 15px 0; color: #fff; background: green; }
.custom-alert.alert-error { background: #cf0d0d; }
.icon-wish{ background: url(../img/wishlist-icon.png) no-repeat; position: relative; display: block; height: 35px; width: 35px; margin-bottom: 15px;}

/* ------------ clients ----------- */
.clients-text .yelow-dot{ left: -81px; top: -40px;}
.slider-client .purple-red-circle{ top: -294px; right: -278px; }
.img-detalis .large{position: relative; top: -70px;}
.space-bg:after { height: 45%; }
.clients-logo ul.slick-dots { margin-top: 10px; width: 100%; float: right; text-align: center;  }
.clients-logo li { display: inline-block; margin: 0 4px;  }
.clients-logo li button { cursor: pointer; font-size: 0px; display: block; border: none; background: url(../img/dots01.png) no-repeat -17px top; width: 16px; height: 16px;
}
.clients-logo .slick-dots li.slick-active {
    background: url(../img/dots01.png) no-repeat 0 center;
}
.slider-client{margin-bottom: 80px;}
.clients-logo {margin: 40px 0px 0px;}
.logo-slide img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto; width: auto!important;
}

.clients-logo .slick-slide div { line-height: 0px;  }
.clients-logo .slick-list { margin-right: 1px;  }
.clients-logo .slick-slide { margin-bottom: -1px;  }

.logo-slide{height: 150px;position:relative; border-right: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4; }
.mg-bt{margin-bottom: 20px;}
.ds-block{display: block;}
.contact-form {float:left;width:60%;padding:50px 50px 0;}
.contact-form form{padding-top: 25px;}
.contact-form .g-recaptcha {margin-bottom: 25px;}
.cont-head{font-size: 25px;font-weight: 600;color: #333;margin-bottom: 30px;}
.corner-prd-list{
	padding-bottom: 80px;
	padding-top: 20px;
}
.corner-prd-list h6{
	color: #666;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	margin-top: 10px;
}
.corner-prd-list a:hover h6{
	color: #333;
}
.corner-prd-item{
	padding: 0 15px;
}
.calc-row{

}
.step-row:after, .button-center:after{
	content: '';
	display: block;
	clear: both;
}
.step-row{
	margin: 60px -20px;
}
.calc-step{
	width: 25%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.calc-step:after{
	content: '';
	position: absolute;
	top: -20px;
	left: 10px;
	width: 97px;
	height: 97px;
	border-radius: 100%;
	background: url(../img/step-bg.png) no-repeat;
	background-position: left top;
}
.calc-step.spt2:after{
	background-position: left -114px top;
}
.calc-step.spt3:after{
	background-position: left -229px top;
}
.calc-step.spt4:after{
	background-position: left -342px top;
}
.calc-step.active:after{
	background-position: left top -113px;
}
.calc-step.spt2.active:after{
	background-position: left -114px top -113px;
}
.calc-step.spt3.active:after{
	background-position: left -229px top -113px;
}
.calc-step.spt4.active:after{
	background-position: left -342px top -113px;
}
.calc-step span{
	font-size: 18px;
	color: #999;
	border: 2px solid #999;
	display: block;
	padding: 15px 15px 15px 110px;
	font-weight: 500;
}
.calc-step.active span{
	border: 2px solid #9e191d;
	color: #9e191d;
}
.calc-head{
	font-size: 18px;
	color: #333;
	font-weight: 400;
	margin-bottom: 20px;
}
.calc-input-col{
	background: #fff;
	border-radius: 8px;
	padding: 40px 25px;
	padding-right: 60px;
	width: 66%;
	float: left;
	margin-bottom: 40px;
}
.calc-input-col2{
	background: url(../img/calc-bg.png) repeat;
	background-size: 100%;
	background-position: top left;
	border-radius: 8px;
	padding: 25px 25px;
	width: 33%;
	float: left;
	margin-top: 12px;
	margin-left: -20px;
	margin-bottom: 40px;
	min-height: 207px;
}
.result-row:after{
	content: '';
	display: block;
	clear: both;
}
.result-col{
	width: 70%;
	float: left;
	padding-right: 10px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 13px;
}
.result-col2{
	width: 30%;
	float: left;
	font-size: 20px;
	color: #fff;
	margin-bottom: 13px;
}
.result-col2 span{
	font-size: 14px;
}
.total{
	border-top: 2px solid #ddd;
	padding-top: 15px;
}
.total .result-col{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
}
.lrg-font .result-col{
	font-size: 16px;
	font-weight: 500;
}
.total .result-col2{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.lrg-font .result-col2{
	font-size: 24px;
	font-weight: 600;
}
.calc-input-col .input-col{
	margin-bottom: 30px;
	position: relative;
}
.last-row .input-col{
	margin-bottom: 20px;
}
.calc-input-col input, .calc-input-col select{
	padding-bottom: 0;
	height: 50px;
	padding-left: 58px;
}
.calc-input-col select{
	background: url(../img/arrow.png) right 17px no-repeat;
}
.button-center{
	text-align: center;
}
.calc-input-row{
	display: none;
}
#data_spt1{
	display: block;	
}
.back-btn{
	float: left;
}
.next-btn{
	float: right;
}
.common-button.sm-btn.back-btn span{
	padding-left: 0;
    margin-left: 0;
    padding-right: 40px;
    margin-right: -26px;
    background: url(../img/buton-arow3.png) right center no-repeat;
}
.r_length{
	background: url(../img/r_length.jpg) left center no-repeat;
}
.r_width{
	background: url(../img/r_width.jpg) left center no-repeat;
}
.r_height{
	background: url(../img/r_height.jpg) left center no-repeat;
}
.no_rooms{
	background: url(../img/no_rooms.jpg) left center no-repeat;
}
.win_length{
	background: url(../img/win_length.jpg) left center no-repeat;
}
.win_width{
	background: url(../img/win_width.jpg) left center no-repeat;
}
.win_no_room{
	background: url(../img/win_no_room.jpg) left center no-repeat;
}
.door_length{
	background: url(../img/door_length.jpg) left center no-repeat;
}
.door_width{
	background: url(../img/door_width.jpg) left center no-repeat;
}
.door_no{
	background: url(../img/door_no.jpg) left center no-repeat;
}
.select_product{
	background: url(../img/select_product.png) left center no-repeat;
}
.coverage_area{
	background: url(../img/coverage_area.png) left center no-repeat;
}
.info{
	background: url(../img/info.png) no-repeat;
	display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-left: 5px;
}
.euqal{
	background: url(../img/euqal.png) no-repeat;
}
.app-download{
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #dadada;
	color: #333;
	font-weight: 400;
}
.app-download span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.app-download span:last-child{
	margin-right: 0;
}
.app-sec h3{
	margin-bottom: 35px;
}
.app-sec{
	padding-bottom: 40px;
}
.about-con-sec p{
	margin-bottom: 30px;
}
.about-con-sec a{
	text-decoration: underline;
	color: #333;
}

.about-con-sec u{
	text-decoration: underline;
	color: #333;
}
.about-number-row{
	padding: 0px 0 60px 0;
}
.about-number-row:after{
	content: '';
	display: block;
	clear: both;
}
.about-number{
	font-size: 71px;
	font-weight: 700;
	line-height: normal;
	float: left;
	padding-right: 100px;
	letter-spacing: -3px;
}
.about-number span{
	font-size: 17px;
	display: block;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: normal;
}
.number1{
	color: #9b1f7c;
}
.number2{
	color: #16a7e7;
}
.number3{
	color: #ffa200;
}
.number4{
	color: #f4255e;
}
.col-34 {
    width: 34%;
    padding: 0 15px;
    float: left;
}
.col-26 {
    width: 26%;
    padding: 0 15px;
    float: left;
}
.crafted{
    background: #f4f4f4 url(../img/crafted-bg.png) no-repeat top center;
    background-size: 100% auto;
    font-size: 16px;
    color: #999;
}
.crafted1{
	margin-left: -10%;
	padding-right: 30px;
}
.crafted3{
	margin-bottom: 25px;
	margin-right: -10%;
}
.crafted2 h4{
	font-size: 24px;
	font-weight: 600;
	color: #333;
}
.crafted2 h5{
	font-size: 30px;
	font-weight: 700;
	color: #666;
}
.crafted3 h4, .crafted4 h4{
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.map-sec{
	text-align: center;
	margin-top: 40px;
}
.pan-india-sec{
	position: relative;
}
.pan-india-sec:after{
	content: '';
	display: block;
	clear: both;
	background: url(../img/map-sec-bg1.jpg) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 250px;
	width: 300px;
	height: 500px;
	z-index: -1;
}
.pan-india-sec:before{
	content: '';
	display: block;
	clear: both;
	background: url(../img/map-sec-bg2.jpg) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 250px;
	width: 250px;
	height: 650px;
	z-index: -1;
}
.pan-india-sec .purple-red-circle{
	right: inherit;
	left: -175px;
	top: 400px;
}
.crafted .green-circle{
	left: inherit;
	right: -175px;
	top: -250px;
}
.calc-input-col .error{
	position: absolute;
	top: 100%;
	left: 15px;
	display: block;
}
#menu_overlay_m .slinky-menu {
	padding-top: 30px;
}
.tel-mob {
    background: url(../img/m-fone-icon.png) no-repeat left top;
    background-size: 30px;
    font-size: 20px;
    line-height: 30px;
    padding: 0 0 0 38px;
    font-weight: 500;
}
.tel-mob a{
	color: #fff;
}
#menu_overlay_m .slinky-menu li li.main-cate a{
	font-size: 18px;
}
#menu_overlay_m .slinky-menu li li.cate a{
	font-size: 17px;
}
.clients-bg:after{
	top: 28px;
}
.har-color-bg:after{
	height: 70%;
}
.martop10{
	margin-top: 10px;
}
.culture-img img.culture-mob-img{
	display: none;
}
.sitemap-row:after{
	content: '';
	display: block;
	clear: both;
}
.sitemap-row{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 40px;
	margin-bottom: -30px;
	overflow: hidden;
}
.sitemap-col, .sitemap-col50{
	width: 25%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.sitemap-col2{
	margin-bottom: 30px;
}
.sitemap-page {
    padding-bottom: 80px;
}
.sitemap-page h3 {
    margin-bottom: 15px;
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
.sitemap-page h3 a{
	color: #333;
}
.sitemap-page li {
    margin-bottom: 15px;
}
.sitemap-page li a {
    font-size: 14px;
    color: #333;
}
.sitemap-page li.cate a{
	font-weight: 500;
}
.prd-sitemap h2{
	font-size: 30px;
	margin-bottom: 30px;
}
.sitemap-col50{
	width: 50%;
}
.prd-sitemap .sitemap-col2{
	width: 50%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}

.hidescroll { overflow: hidden;  }

.center-coc { width: 400px; margin: 0 auto;     background: #fff;     position: relative;
    z-index: 2; }

.all-coco-cont:before { content: ""; position: absolute; left: 50%; top: 0; width: 400px; height: 100%; margin-left: -208px; background: #fff;  }
.all-coco-cont { padding-top: 71px; display: none; left: 0; top: 0; width: 100%; position: fixed; height: 100%; z-index: 999; background: rgba(0,0,0,0.7);  }
.hide-coco { display: none;  }
.coco-icon { cursor: pointer; 
	width: 100px; 
	height: 100px; position: 
	fixed; right: 15px; bottom: 30px;  z-index: 99; 
	background:  url(../img/coco/b-logo.png) no-repeat center; 
	background-size: 38px 49px; opacity: 0;
}
.coco-icon.afterload { opacity: 1;  }
.coco-icon img {
	-webkit-animation: rotation 2s infinite linear;
	-moz-animation: rotation 2s infinite linear;
	animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}


.canvas-style { position: relative;  }
.canvas-style span {
    display:none; font-size: 12px; width: 237px; height: 30px; text-align: center; line-height: 30px; color: #8a4e21; border: 1px solid #aeaead; font-weight: bold; margin-left: -118px;
}
.canvas-style:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}

.colorpick-box.bgchange { background: #000;  } 

.day-night { padding: 10px; z-index: 99; position: absolute; right: 0; top: 0; /*background: rgba(0,0,0,0.7);*/  }
.day-night .comon-dn-btn { opacity: 0.7; border:2px solid #ccc; margin: 0 6px; float: left; width: 82px; height: 39px; -webkit-border-radius: 25px; border-radius: 25px; }
.day-night .day {  background: #fff url(../img/day-img.png) no-repeat right top; }
.day-night .night { background: #000;  }
.day-night .comon-dn-btn.active { opacity: 1;  }

.landscape-message { display: none; z-index: 99; left: 0; top: 0; position: fixed; width: 100%; height: 100%; background: #fff; text-align: center; padding-top: 10%;  }  
.landscape-message span { margin-top: 15px; display: block; color: #000; font-weight: bold;  }

.coco-loader { display: none; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background: #fff url(../img/video-loader.gif) no-repeat center; z-index: 99; }
.videoBP { position: relative;  }
.homepage .counsel-box:before{
	top: 0;
}
.common-slider{display: none;}
.project-box .common-slider.home_top_sliders_mobile{
	
}
.page_22 .breadcrum{
	padding-bottom: 0;
}
.page_33 .efflorescence-sec ul li::before{
	background: url(../img/list-red.png) no-repeat;
}
.floating-icons {
    width: 49px;
    border: 1px solid #ab2548;
    position: fixed;
    right: 0;
    top: 50%;
	margin-top: -95px;
    overflow: hidden;
    z-index: 999;
    background: #911636;
    transition: all 0.4s;
}
.floating-icons li {
    cursor: pointer;
    border-bottom: 1px solid #ab2548;
    height: 47px;
    width: 220px;
    float: right;
}
.floating-icons li a {
    padding-left: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #c7c7c7;
    text-transform: uppercase;
    height: 47px;
    line-height: 47px;
    display: block;
}
.floating-icons li .hide-icon {
    border-left: 1px solid #ab2548;
    border-top: 1px solid #ab2548;
    width: 49px;
    height: 47px;
    display: block;
    float: right;
    text-indent: -999px;
    overflow: hidden;
}
.floating-icons li:first-child .hide-icon{
	border-top: 0;
}
.floating-icons li:hover {
    background: #ab2548;
}
.floating-icons:hover{
	width: 220px;
}
.floating-icons li:hover a {
    color: #c5c5c5;
}
.floating-icons li.locator .hide-icon {
    background: url(../img/locator.png) center 15px no-repeat;
}
.floating-icons li.cal .hide-icon {
    background: url(../img/calculator.png) center 15px no-repeat;
}
.floating-icons li.blog_icon .hide-icon {
    background: url(../img/blog_icon.png) center 15px no-repeat;
}
.floating-icons li.cont .hide-icon {
    background: url(../img/cont_icon.png) center 15px no-repeat;
}

/*menu start*/
nav {
    padding-top: 10px;
    text-align: center;
    width: 810px;
    margin: 0 auto;
}

.drop-menu {
    display: inline-block;
    list-style: none;
    position: relative;
}

.drop-menu>li {
    display: inline-block;
    float: left;
    position: relative;
}

.drop-menu>li>a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}


li.drop-down ul>li>a:hover {
    background: #911636;
    color: #fff;
}


li.drop-down,
.flyout-right,
.flyout-left {
    position: relative;
}


li.drop-down>ul {
    left: -50px;
    min-width: 230px;
}

.drop-down-ul {
    display: none;
}

.flyout-right>ul,
.flyout-left>ul {
    top: 0;
    /*min-width: 230px;*/
    min-width: 260px;
    display: none;
    border-left: 1px solid #ddd;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
    color: #fff;
    display: block;
    text-align: left;
    font-size: 14px;
    padding: 12px 20px;
    text-decoration: none;
    background: #9d1e3f;
    border-bottom: 1px dotted #B8C7BC;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
    border-bottom: 1px dotted #B8C7BC;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {
    background-color: #9d1e3f;
}


.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul {
    display: block;
}

.drop-menu>li>a {
    display: block;
    padding: 0 12px 31px 12px;
    font-size: 17px;
    font-weight: 400;
}
.drop-menu>li>a:before{
	content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    background: #feb735;
    width: 0;
    height: 4px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
}
.drop-menu>li>a:after{
	content: '';
    position: absolute;
    right: 50%;
    bottom: -1px;
    background: #feb735;
    width: 0;
    height: 4px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    z-index: 1;
}
.drop-menu li:hover a:after,.drop-menu li:hover a:before{
	width: 50%;
}

.mega-menu,
.flyout-mega-wrap,
.flyout-right>ul,
.flyout-left>ul,
li.drop-down>ul {
    position: absolute;
}

.flyout-right>ul {
    left: 100%;
}

.flyout-left>ul {
    right: 100%;
}

a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}
.gradient-color .fan-color{
	font-size: 14px;
	font-weight: 500;
	color: #c2242f;
	margin-top: -10px;
}
/*menu End*/

@-webkit-keyframes leaves {
     0% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes leaves {
    0% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(0.9);
    }
}




@keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
 16.66%, 29.32% {transform:translate3d(0,-33%,0);}
 33.32%,45.98% {transform:translate3d(0,-66%,0);}


}
.afterload:hover .coctext.hidecont { width: 141px;  }
.coctext.hidecont { opacity: 0;  }
.coctext { padding-top: 25px; position: absolute; right: 93px; top: 18px; height: 73px;  width: 141px; background: url(../img/coco/coco-bg.png) no-repeat center;  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.coctext .coctext-in { width: 85%; height: 25px; overflow: hidden;  }
.content__container__list em { font-style: normal;  }
.content__container__list em.coco-clor1 { color: #a32015;  }
.content__container__list em.coco-clor2 { color: #d84747;  }
.content__container__list em.coco-clor3 { color: #59aacd;  }
.content__container__list em.coco-clor4 { color: #249f7d;  }
.content__container__list em.coco-clor5 { color: #11387b;  }
.content__container__list li { color: #000; font-size: 20px; font-weight: bold; text-align: center;  }
.content__container__list {
    margin-top: 0;
    
    text-align: left;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.coco-icon { background: none;  }
.coco-icon span {   background: url(../img/coco/b-logo.png) no-repeat center; display: block;  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    
    
    -webkit-animation: leaves 0.5s ease-in-out infinite alternate;
    animation: leaves 0.5s ease-in-out infinite alternate;


}
.branch-office{
	margin-top: -70px;
	clear: both;
}
.branch-form{
	-webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    background: #fff;
    padding: 30px;
    clear: both;
}
.branch-form .form-row{
	margin-left: -15px;
	margin-right: -15px;
}
.branch-form .form-div{
	width: 33.33%;
	float: left;
	padding: 0 15px;
}
.branch-form .form-row:after{
	content: '';
	display: block;
	clear: both;
}
.branch-form .common-button{
	float: left;
}


@media only screen and (max-width: 768px) {
  .bhp-sec .geeting-box .left-text {
	    display: inline-block;
	    width: 100%; 
	    position: relative;
	    top: 30px;
	    padding: 0 20px;
	}

	.bhp-sec .geeting-box .right-img{
		display: inline-block;
		float: right;
		position: relative;
		right: 0!important;
		max-width: 400px;
	}
}


@media only screen and (min-width: 768px) {
  .bhp-sec .geeting-box .left-text{
		display: inline-block;
		width:50%;
	    position: relative;
	        padding: 10% 5% 10% 5%;
	}

	.bhp-sec .geeting-box .left-text p{
		font-size: 18px;
    	line-height: 32px;
	}

	.bhp-sec .geeting-box .right-img{
		display: inline-block;
		float: right;
		position: inherit;
			width: 50%;
			max-width: 700px;
			
	}
}


#video1, #video2, #video3{
	display:none;
    z-index: 999;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
        background: #0009;
}

.bhp-sec .geeting-box{
	float: none!important;
	padding: 0!important;
	margin-top: 0!important;
}


.bhp-sec .geeting-box .left-text img.rang-gg-img{
	width: 50%;
	margin-bottom: 15px;
}


.bhp-sec .space-bg:after{
	background: none!important;
}

/* CTA Button */

.ft-fixed {
    display: inline-block;
}
.request-callback {
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 14px;
    color: #fff !important;
    background: linear-gradient(to right,#9a1f6f,#b20c67,#c7005a,#d9004a,#e60035);
    padding: 15px 20px !important;
    z-index: 999;
    width: 50%;
    border: none;
    border-radius: 0px;
    height: 50px;
    opacity: 1 !important;
    border-left: 1px solid #ffffff !important;
    text-align: center;
}
.addtab {
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #fff !important;
    background: linear-gradient(to right,#9a1f6f,#b20c67,#c7005a,#d9004a,#e60035);
    padding: 15px 20px;
    z-index: 999;
    width: 50%;
    border: none;
    border-radius: 0px;
    height: 50px;
}

.request-callback {
    border-radius: 0px !important;
}

.hide-big-size {
    display: none;
}

@media only screen and (max-width: 768px) {
    .hide-big-size {
	    display: block;
	}
}
.menu-tag{
    background: #feb735;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 5px;
    /*position: relative;*/
    position: absolute;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    font-size: 10px;
    vertical-align: text-top;
    margin-left: 10px;
    font-weight: 400;
    float: right;
    /*top: -18px;
    right: -18px;*/
    top: 12px;
    right: 10px;
}
.menu-tag::after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #feb735;
    border-top: 10px solid transparent;
    content: '';
    position: absolute;
    left: -9px;
    top: 0;
}
.news-event .row{margin-bottom:30px;}
.press-coverage .col-left-9{    flex: 0 0 85%;float: left;
    max-width: 75%;padding: 0 15px;}
.press-coverage .col-right-3{
	max-width: 20%;
    padding: 0 15px;
    float: right;
}	
	
.press-section{    display: flex;
    flex-wrap: wrap;  padding: 10px;
}
.press-coverage hr	{    margin-top: 30px;
    margin-bottom: 30px;
    width: 95%;
   }
.press-section .col-10 {
    width: 12%;
    padding: 0 0px;
    float: left;
}
.press-section .col-90 {
    max-width: 85%;
    padding: 0 15px;
    float: left;
}
.press-section .pr-title{font-size:16px;    font-weight: 600;    padding-top: 10px;}
.press-section .date-box {
	background-image: linear-gradient(to right,#9b1f7b,#b11174);
    padding: 15px 10px 10px 10px;
    text-align: center;
    width: 100px;
    border-radius: 100px;
    height: 100px;
}
.press-section .date-box span {
    color: #fff;
    display: block;
    line-height: 100%;
	    font-weight: 600;
}
.press-section .date-box .day {
    font-size: 36px;
    margin-bottom: 5px;
}
.press-section .date-box .mnth-year {
    font-size: 16px;
}
.press-section .pr-download-link{font-size: 20px;
    font-weight: 600;
    color: #9a1f6f;
	}
 .press-section:hover{   
	border-top-left-radius: 100px;
    border-bottom-left-radius: 100px; 
	background-image: linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e);
}
.press-section:hover .pr-title{color:#fff}
.press-section:hover .pr-download-link{color:#fff}

.press-coverage .archives-list {
    background-color: unset;
    padding: 0;
    border: .5px solid #9a1f6f;
	    width: 180px;
    text-align: center;
}
.press-coverage .archives-list li {
    border-bottom: 1px solid;
    padding: 12px 0;
	    border-color: #9a1f6f;
}

.press-coverage .archives-list li a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.press-coverage .archives-list li:hover{   background-image: linear-gradient(to right,#9b1f7b,#b11174,#c5006a,#d7005d,#e5004e);}
.press-coverage .archives-list li:hover a{color: #fff;}