@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
body{font-family: 'Roboto', sans-serif; font-size: 15px;}
.font{}
a,a:hover,a:focus,a:active{color: inherit; text-decoration: none;}
p{line-height: 30px; font-size: 15px;}
ul{padding-left: 0;}
.top{ padding-top: 20px; position: absolute;top: 0; z-index: 999; left: 0; right: 0;}
.top .phone_email{ display: inline-block; }
.top .phone_email .phone{background: url('../images/icon/phone.png') no-repeat left center; padding-left: 20px; font-size: 20px; color: #2e2f21; letter-spacing: 1px; font-weight: 600; margin-bottom: 0; display: inline-block;}
.top .phone_email .email{background: url('../images/icon/email.png') no-repeat left center; padding-left: 20px; font-size: 16px; font-weight: 300 !important;}
.top .navbar-brand{display: none;}
.top .menu .navbar-default {margin: 0;padding: 0; background: none; border: none; min-height: 0;}
.top .menu .navbar-default a{font-size: 14px; text-transform: uppercase; font-weight: 500; color: #2e2f21; padding:15px 30px;}
#homepage .top .menu .navbar-default a:hover, .top .menu .navbar-default a:focus{ color: #fff;}
.top .menu .navbar-default a:hover, .top .menu .navbar-default a:focus{ color: red;}

.top .menu .navbar-default ul li:nth-child(5) a{padding-right: 0;}
.slider{position: relative; overflow: hidden;}
.slider h3.title{text-transform: uppercase; color: #0d5272; font-size: 30px; font-weight: bold; text-shadow: none;}
.slider p{color: #000; text-shadow: none}
.slider .slogan a{transition:all 0.5s;color: #0d5272; padding: 19px 25px; font-size: 20px; border: 3px solid #0d5272; text-shadow: none; display: inline-block;}
.slogan{text-align: left; left: 9%; right: 50%; padding-bottom: 10%;}
.slider .lady{position: absolute; right: 5%; width: 31%; bottom: 0;}
.slogan1 h3,.slogan1 p,.slogan1 a{text-shadow:0 0 2px rgba(255,255,255,0.3) !important;}
.slider .slogan a:hover{background: #0d5272; color: #fff;}

.services{padding: 50px 0;}
.services .img-box{text-align: center;}
.services .img-box .text{display: inline-block; margin: 0 20px; padding: 15px; background: #fff; margin-top: -30px; text-align: left; color: #4d4d4d;}
.services .img-box .text h4.title{text-transform: uppercase; font-size: 20px; font-weight: 500; }
.services .img-box .text a{transition:all 0.2s;padding-top: 10px; margin-top: 5px; border-top: 1px solid #d7d7d7; display: block;}
.services .img-box .text p{}
.services .img-box .text a:hover{color: red}
.project{background: url('../images/project/bg.png'); padding: 50px 0;  color: #fff;}
.project h3.title{text-transform: uppercase; font-size: 26px; font-weight: bolder;}
.project h3 span{color: #bdca1c;}
.project ul{display: inline-block; border-bottom: none;}
.project ul li a{color: #fff; font-weight: 400; font-size: 15px; border:none;}
.project ul li a:hover,.nav-menu ul li a:focus,.nav-menu ul li.active a,.nav-menu ul li.active a:hover,.nav-menu > li.active > a:focus,.project .nav > li.active > a:focus{background: none; border: none;}
.project .nav > li.active > a, .project .nav > li.active > a:focus, .project .nav > li.active > a:hover{background: url('../images/project/line.png') no-repeat  center bottom !important; border: none; color: #ffbb02; background: none;}
.welcome{padding: 50px 0 50px;}
.painting-man{z-index: 999; position: relative;}
.services1 > .container{position:relative; top: -37px; }

.welcome h3{font-size: 37px; color: #4d4d4d; font-weight: 300; text-transform: uppercase; margin-top: 0;}
.welcome h3 span{display: block; color: #ec2423; font-weight: 600; font-size: 47px;}
.welcome h3 small{font-size: 13px; color: #000; font-weight: bold;}
.welcome .exprience{color: #4d4d4d; font-weight: bolder; text-transform: uppercase; font-size: 32px; margin-top: 30px;}
.welcome .exprience .color{margin-top: 30px;}
.srv-box{position: relative; overflow: hidden;}
.services1 .srv-box .text{background: #f7a90b; color: #fff; padding: 30px 0; padding: 0 40px;}
.services1 .srv-box .text1{background: #87bb3d;}
.services1 .srv-box .text2{background: #e3730c;}
.services1 .srv-box .text h4{font-size: 32px; margin-bottom: 10px; margin-top: 20px; margin-bottom: 20px; }
.services1 .srv-box .text p{margin-bottom:0;} 
.services1 .srv-box .text a{font-weight: 600; transition:all 0.2s; display: block; font-size: 18px;}
.services1 .srv-box .text a:hover{color: #333;}
footer{background: #ece7e5; position: relative;}
.form{background: #1f1f1f; margin-top: -30px; border-top: 5px solid #c7d251; padding: 40px 20px 20px; color: #999;}
.form h3{margin-top: 0; padding-top: 0; color: #fff; text-transform: uppercase; margin-bottom: 0;}
.form h3 span{color: #87bb3d; }
.form input, .form select, .form textarea{width: 100%; padding: 20px 10px; border: none; border-bottom: #2c2c2c 1px solid; background: none;}
.form button{background: #87bb3d; border: none; padding: 15px 30px; margin-top: 20px; color: #fff;}
.code-img{margin-top: 12px;}
footer .row > div > div.box{padding: 30px 0}
footer .row > div > div.box > h3.title{text-transform: uppercase; margin-bottom: 20px;}
footer .row > div > div.box li{list-style: none; margin-bottom: 10px; margin-top: 27px;}
footer .row > div > div.box li span{font-weight: bolder; width: 75px; display: inline-block; font-size: 16px;}
.btn1-foot {background: url('../images/foot-bg.png') center top; padding: 37px 0;  color: #fff; margin-top: -194px;}
.btn1-foot h4{color: #fff font-size:18px; font-weight: 500; }
.col-md-offset-4{margin-top: -131px;}
.btn1-foot a{font-size: 18px; margin-right: 15px;}
.btn1-foot a span{color: #87bb3d;}
.btn2-foot{background: #252525; padding: 30px 0; margin-top: -40px; text-transform: uppercase; font-size: 16px; color: #555;}
.stan {position: absolute;overflow: hidden;width: 62px;top: 100px;right: 0;}
.sub-ban{background: url('../images/subban-bg.png') right -250px;background-size: 100% auto; min-height: 300px; position: relative; overflow: hidden;}
.painter-img{width: 100%; position: absolute; top: -160px;}
.sub-ban h3.title{text-transform: uppercase; margin-top: 250px;}
.contact-form {padding: 30px 0;}
.contact-form .input {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 15px 10px;
	width: 100%;
}
.contact-form h3.title {
	font-size: 30px;
	color: #87bb3d;
	text-transform: uppercase;
}
.contact-form .contact-bth {
	background: #87bb3d none repeat scroll 0 0;
	border: medium none #87bb3d;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	transition: all 0.2s ease 0s;
}
.contact-form .contact-bth:hover {
	background: #151515;
	color: #87bb3d;
}
.about p{color: #000; text-shadow:0 0 2px #fff;}
.history{background: #333; padding: 100px 0 0 !important;}
.history p{margin-bottom: 0;}
.about{padding: 50px 0; position: relative; overflow: hidden;}
.about-color{position: absolute; right: -350px; bottom: -220px; z-index: -111;}
.about-img{border: #ddd 5px solid}
.lady-bg{height: 150px; width: 150px; border-radius: 50%; background: #87bb3d; position: relative; overflow: hidden; padding: 8px; position: absolute; top: 410px; left: -40px; border:5px solid #87bb3d;}
.lady-bg img{margin-top: 12px; }
.searvice-section{padding: 50px 0;}
.services-text-box,.services-img-box{width: 50%;}
.services-text-box{position: absolute; top:0; right: 0; background: #87bb3d; padding: 40px; color: #fff;}
.services-text-box h4{text-transform: uppercase; font-weight: bold;}
.searvice-section .box{padding: 30px 0; color: #fff;}
.searvice-section .box .services-text-box1{background:#e3730c; padding: 15px 30px; min-height: 350px;}
.searvice-section .box .services-text-box1 h4{text-transform: uppercase; font-weight: bold;}
.searvice-section .box .services-text-box2{background:#f7a90b; padding: 15px 30px;}
.searvice-section .box .services-text-box3{background: #dd3024;}
.searvice-section .box .services-text-box4{background: #dab913;}
.searvice-section .services-text-box6{background: #522e69;}
.gallery{padding: 50px 0;}
/*.gallery ul{display: inline-block; border-bottom: none;}
.gallery ul li{transition:all 0.5s;}
.gallery ul li a{color: #000; font-weight: 400; font-size: 15px; border:none;}
.gallery ul li a:hover,.nav-menu ul li a:focus,.nav-menu ul li.active a,.nav-menu ul li.active a:hover,.nav-menu > li.active > a:focus,.project .nav > li.active > a:focus{background: none; border: none; color: red;}
.gallery .nav > li.active > a, .project .nav > li.active > a:focus, .project .nav > li.active > a:hover{border: none; color: red; background: none;}
.gallery ul {position: relative;}
*/
.gallery .img-box1{border: 5px solid #ccc; color: #fff;}
.gallery .img-box1 p small{font-size: 50%;}
.gallery .text-box{background:rgba(286,34,34,0.8);}





footer .row > div > div.box p{line-height: 20px; font-style: italic;}



.testimonial-section{background: #87bb3d;  padding-top: 50px; padding-bottom: 50px;}
.testimonial-section .testimonial-text{background: #fff; padding: 40px; min-height: 180px;}
.testimonial-section .testimonial-text:before{width: 0;
content: '';
height: 0;
border-style: solid;
border-width: 25px 25px 25px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: -8px;
}
.testimonial-section .testimonial-text1{background: #fff; padding: 40px; min-height: 180px;}
.testimonial-section .testimonial-text1::after {
  width: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: -8px;
  top: 50px;
}

.testimonial-section img{border-radius: 50%; border: 5px solid #fff; height: 150px; display: inline-block;}
.testimonial-section-box{margin-top: 10px; margin-bottom: 10px;}
.testimonial-section-box p{margin-bottom: 0;}
.hd-person{display: none;}
footer .row > div > div.box a{padding: 10px 20px; text-transform: uppercase; font-weight: 500; border-radius: 50px; background: #f7a90b; display: inline-block; color: #fff; transition:all 0.5s;}
footer .row > div > div.box a:hover{background: #87bb3d;}

iframe{width: 100%;}