body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#444444; 
	font-family: 'Open Sans', sans-serif; font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
 @font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.6.2');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}  
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
 

.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; display:table;}

.header{width:100%; float:left; margin:0px; padding:0px;}
.logo{float:left; margin:14px 0; padding:0px; line-height:0px;}
.top-line{float:right; margin:34px 0; padding:0px; font-size:36px; line-height:36px; color:#333333; font-weight:700; letter-spacing:-1px;}


.banner{width:100%; float:left; margin:0px 0 0 0; padding:0px;  text-align:center; font-family: 'Poppins', sans-serif;} 
.banner_content{width:524px; float:left; margin:112px 0 0 0; padding:30px; text-align:left; background:rgba(0, 0, 0, 0.7)} 
.banner_content h2{width:100%; float:left; margin:0px 0 18px 0; padding:0px; color:#ffffff; font-size:46px; line-height:55px; font-weight:700; letter-spacing:-1px;}
.banner_content h2 span{color:#ffc410;}

.recent-pro-btn{float:left; margin:0px; padding:0 25px; line-height:50px; background:#ffbf00; font-weight:700; font-size:16px; color:#fff; text-transform:uppercase;}
.recent-pro-btn:hover{background:#000; color:#fff;}

.menu{width:100%; float:left; margin:1px 0 0 0; padding:0px; background:#ffbf00}

.quick-quote-btn{float:right; margin:0px; padding:0 22px; line-height:48px; background:#333333; font-weight:700; font-size:14px; color:#fff; text-transform:uppercase;}
.quick-quote-btn:hover{background:#000; color:#fff;}

.about-section{width:100%; float:left; margin:50px 0 80px; padding:0px;}
.about-section h2{width:100%; float:left; margin:0px 0 22px 0; padding:0px; color:#000000; font-size:36px; line-height:36px; font-weight:700; letter-spacing:-0.5px;}
.about-section h3{width:100%; float:left; margin:0px 0 22px 0; padding:0px; color:#000000; font-size:24px; line-height:36px; font-weight:300; }
.about-txt{width:100%; float:left; margin:0px; padding:0px;}
.about-img{float:left; margin:0px; padding:0px; line-height:0px;}
.about-txt-right{width:67%; float:right; margin:0px; padding:0px; }
.about-txt-right p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; color:#000000; font-size:14px; line-height:26px; font-weight:300; }
.about-txt-right h4{width:100%; float:left; margin:0px 0 10px 0; padding:0px; color:#000000; font-size:18px; line-height:26px; font-weight:700; }
.about-txt-right ul{width:100%; float:left; margin:0px; padding:0px;}
.about-txt-right ul li{width:100%; float:left; margin:0px 0 10px; padding:0px 0 0 25px; list-style:none; background:url(../images/bullet-icon.png) 10px 7px no-repeat; font-size:14px; color:#333333; font-weight:700; letter-spacing:-0.5px;}


.our-services{width:100%; float:left; margin:0px; padding:60px 0; background:#262626;}
.our-services h2{width:100%; float:left; margin:0px 0 30px 0; padding:0px 0 22px 0; color:#fff; font-size:36px; line-height:36px; font-weight:700; letter-spacing:-0.5px; border-bottom:#6d6d6d 1px solid; text-align:center}
.our-services ul{width:100%; float:left; margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.our-services ul li{width:33%; float:left; margin:0px; padding:0px 2% 30px 2%; list-style:none;}
.our-services ul li .img-nw{width:100%; float:left; margin:0px 0 20px 0; padding:0px; text-align:center; line-height:0px}
.our-services ul li h3{width:100%; float:left; margin:0px 0 10px 0; padding:0px; color:#fff; font-size:18px; line-height:18px; font-weight:700; text-align:center}
.our-services ul li p{width:100%; float:left; margin:0px 0 0px 0; padding:0px; color:#999999; font-size:14px; line-height:24px; font-weight:400; text-align:center}


.our-project{width:100%; float:left; margin:0px; padding:55px 0 70px; background:#eaeaea}
.our-project h2{width:100%; float:left; margin:0px 0 25px 0; padding:0px; color:#262626; font-size:36px; line-height:36px; font-weight:700; letter-spacing:-0.5px; text-transform:uppercase; text-align:center}

.main-img{position: relative;
  width:259px; float:left; margin:0 24px 20px 0}
   
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0, 0, 0, 0.7);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.main-img:hover .overlay {
  height: 100%;
}

.text {
  position: absolute;
  overflow: hidden;
  top:40%; width:100%;
}
.text p{width:100%; float:left; margin:0px 0 35px 0; padding:0px 2%; text-align:center; font-size:16px; line-height:24px; color:#fff; font-weight:700; letter-spacing:-0.5px}


.viewall-btn{float:right; margin:0px 30px 0 0; padding:0 22px; line-height:45px; background:#ffbf00; font-weight:700; font-size:16px; color:#fff; text-transform:uppercase; position:relative; clear:both;}
.viewall-btn:hover{background:#000; color:#fff;}

.footer-bg{width:100%; float:left; margin:0px; padding:65px 0 95px; background:url(../images/footer-bg.jpg) #fff no-repeat center bottom}
.footer-left{width:47%; float:left; margin:0px; padding:0px;}
.footer-left h2{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:24px; letter-spacing:-0.5px; font-weight:700; color:#000; line-height:24px;}
.footer-left p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; font-weight:300; color:#333; line-height:24px;}
.footer-left ul{width:100%; float:left; margin:0px; padding:0px;}
.footer-left ul li{width:100%; float:left; margin:0px 0 18px 0; list-style:none; padding:0px; font-size:14px; font-weight:300; color:#333;}
.footer-left ul li i{float:left; width:41px; float:left; margin:0 10px 0 0; height:41px; background:#ffbf00; border-radius:50%; line-height:41px; text-align:center; font-size:22px; color:#fff; font-weight:normal;}
.footer-left ul li span{font-weight:700; text-transform:uppercase;}
.footer-left ul li a{color:#333;}
.footer-left ul li a:hover{color:#d8a200;}

.footer-right{width:47%; float:right; margin:0px; padding:0px;}
.footer-right h2{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:24px; letter-spacing:-0.5px; font-weight:700; color:#000; line-height:24px; text-transform:uppercase}
.footer-right ul{width:100%; float:left; margin:0px; padding:0px;}
.footer-right ul li{width:100%; float:left; margin:0px 0 10px 0; padding:0px; list-style:none;}
.footer-right ul li:nth-child(1){float:left; width:49%;}
.footer-right ul li:nth-child(2){float:right; width:49%;}
.footer-right ul li .txtfield{width:100%; float:left; margin:0px; padding:0px 10px; line-height:39px; border:#b7b7b7 1px solid; border-radius:5px; background:#fff; font-size:14px; font-weight:300; color:#333;outline:0px;}
.footer-right ul li .txtarea{width:100%; float:left; margin:0px; padding:10px 10px; height:109px; border:#b7b7b7 1px solid; border-radius:5px; background:#fff; font-size:14px; font-weight:300; color:#333;font-family: 'Open Sans', sans-serif; outline:0px;}


.submit-btn{float:right; margin:0px; padding:0 22px; line-height:45px; background:#ffbf00; font-weight:700; font-size:16px; color:#fff; text-transform:uppercase; border-radius:5px; cursor:pointer; border:none; outline:none;}
.submit-btn:hover{background:#000; color:#fff;}

.footer{width:100%; float:left; margin:0px; padding:15px 0; background:#000000;}
.copy{float:left; margin:0px; padding:0px; font-size:14px; color:#c1c1c1; font-weight:300; line-height:18px;}
.footer ul{float:right; margin:0px; padding:0px;}
.footer ul li{float:left; margin:0px 8px 0 0; padding:0px; list-style:none; color:#fff; font-size:26px; line-height:26px; font-weight:normal;} 
.footer ul li a{color:#fff;}
.footer ul li a:hover{color:#ffbf00;}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    float: left;
    margin: 0;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size:13px;
    font-weight: normal;
    display: block;
    float: left;
}

.main-img img {
    width: 259px;
    height: 234px;
}

.popup-content{width:700px; margin:0 auto; padding:0px; display:table;}

.popup{width:100%; float:left; margin:0px; padding:10px;  border-radius:0px; background:#fff; box-sizing:border-box;}
.popup1{width:100%; float:left; margin:0px; padding:0px; box-sizing:border-box;  overflow:auto; position:relative;}

.popup-form-left{width:48%; float:left; margin:0px; padding:10px 15px ; box-sizing:border-box; background:#ffbf00;}
.popup-form-left h4{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:24px; color:#fff; font-weight:700; letter-spacing:-0.5px;}
.popup-form-left ul{width:100%; float:left; margin:0px; padding:0px;}
.popup-form-left ul li{width:100%; float:left; margin:0px 0 7px 0; padding:0px; list-style:none;}
.popup-form-left ul li .txtfield{width:100%; float:left; margin:0px; padding:0px 10px; background:#fff; font-size:14px; color:#444c52; line-height:43px; box-sizing:border-box; border:0px; font-weight:300;}
.popup-form-left ul li .submit{width:100%; float:left; margin:0px; padding:0px; line-height:53px; background:#333333; font-size:20px; color:#fff; text-align:center; font-weight:700; text-decoration:none; border:none; outline:none; cursor:pointer; }
.popup-form-left ul li .submit:hover{background:#000;}

.popup-form-right{width:48%; float:right; margin:0px; padding:5px 15px 0 0; box-sizing:border-box}
.popup-form-right h2{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:24px; letter-spacing:-0.5px; font-weight:700; color:#000; line-height:24px;}
.popup-form-right p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; font-weight:300; color:#333; line-height:24px;}
.popup-form-right ul{width:100%; float:left; margin:35px 0 0; padding:0px;}
.popup-form-right ul li{width:100%; float:left; margin:0px 0 18px 0; list-style:none; padding:0px; font-size:14px; font-weight:300; color:#333;}
.popup-form-right ul li i{float:left; width:41px; float:left; margin:0 10px 0 0; height:41px; background:#ffbf00; border-radius:50%; line-height:41px; text-align:center; font-size:22px; color:#fff; font-weight:normal;}
.popup-form-right ul li span{font-weight:700; text-transform:uppercase;}
.popup-form-right ul li a{color:#333;}
.popup-form-right ul li a:hover{color:#d8a200;}

.cross{float:right; margin:0px; padding:0px; position:absolute; right:0px;}



div#catalogue-lightbox {
    position: fixed;
    width: 100%;
    margin: 10% 0 0 0;
	z-index:99999;
}

.popup-form-right p {
    display: none;
}

.popup-form-right h2 {
    display: none;
}

.goback {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.goback a {
    background-color: #222;
    color: #fff;
    padding: 7px 20px;cursor:pointer;
}
.goback a:hover {
    background-color: #ffbf00;
   
}

.link {
      width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;}


.link a {
    background-color: #ffbf00;
    width: 100%;
    text-align: center;
    color: #222;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 5px;
}