@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Construction
Desgined By  : hassan_malik19
Developed By : Hassan;
Date        :  11/Aug/17;

Table Of Index
------------------
1. Base css
2. Top bar css
3. Header css
4. Custom slider css
5. About us css
6. Quote css
7. Services css
8. Porfolio css
9. Testimonials css	
10. Our Team  css
11. News Letter css
12. footer css
13. Slider Video  css
14. Inner-header css
15. Contact us css
16. Blog css
17. Pagination css
18. Side bar css
19. Sidebar Search css
20. Categories css
21. Archives css
22. Popular Posts css
23. Tags css
24. Photo Gallery css
25. Blog grid css
26. inner content css	
27. 404 page css
28. faqs css
29. service css
30. Gallery css
31. Qoute css
------------------------------------------*/



/*********************************************
		base css
*********************************************/


/*********************************************
		Top bar start
*********************************************/
	
/*********************************************
		Top bar end
*********************************************/

/*********************************************
		Header start
*********************************************/


/*********************************************
		Header end
*********************************************/

/*********************************************
	Custom slider options start
*********************************************/


@-webkit-keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}
/*********************************************
	Custom slider options end
*********************************************/


/*********************************************
	About-wrap start
*********************************************/


/*********************************************
		Quote wrap start
*********************************************/


/*********************************************
		Services start
*********************************************/


/*********************************************
		Our Team Wrap start
*********************************************/


/*********************************************
		Our Team Wrap start
*********************************************/


/*********************************************
		News Letter start
*********************************************/

/*********************************************
		News Letter start
*********************************************/


/*********************************************
		footer wrap start
*********************************************/


/*********************************************
	Slider Video wrap start
*********************************************/


/*********************************************
		Inner-header start
*********************************************/
.inner-heading{background:url(../images/inner-heading-bg.jpg) no-repeat; background-size:cover; padding:70px 0;}
.inner-heading h3{font-size:40px; color:#8a6100; text-align:center; text-transform:uppercase; font-weight:bold; font-family: 'Oswald', sans-serif; margin:0;}
.inner-content{padding:50px 0;}

/*********************************************
	 Contact-wrap
**********************************************/

/*********************************************
	 Pagination-wrap
**********************************************/


/*********************************************
	 Tags
**********************************************/

/*********************************************
	 Photo Gallery
**********************************************/
.photo-steam{margin:0 -5px;}
.photo-steam:after{display:table; clear:both; content:'';}
.photo-steam li{float:left; width:25%; padding:0 5px; margin-bottom:10px;}

/*********************************************
	 blog-grid
**********************************************/


/*********************************************
	 inner content
**********************************************/
.inner-content .porfolio-wrap{padding:0;}

/*********************************************
	 404 page
**********************************************/
.four-zero-page{text-align:center;
  padding: 0 0 50px 0;
}
.four-zero-page h2 {
  font-size: 300px;
  color: #fdc236;
  font-weight: 800;
}
.four-zero-page h3 {
  color: #111111;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 10px;
}
.four-zero-page p{letter-spacing: 2px; padding:0 250px;}
.four-zero-page .readmore{margin-top:30px;}

/*****************************************
		faqs start
*****************************************/

/*****************************************
		service
*****************************************/


/*****************************************
		Gallery-page
*****************************************/
.gallery-page{padding:15px 0px; background:#FFF;}
.gallery-service{list-style:none; margin-top:15px; padding:0px;}
.gallery-service li{padding-bottom:15px;}
.gallery-image img{border:1px solid #fff; padding:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.16);}


/*****************************************
		Qoute
*****************************************/
.aboutbox .formint .contctxt {
	padding-bottom: 15px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-weight: 600;
}
.input-group {
	padding-bottom: 10px;
}
.formint .input-group-addon {
	display:block;
	background: none;
	padding: 6px 0;
	border: none;
	text-align: left;
}
.input-group-addon span {
	color: #F00;
}
.input-group .smaltxt {
	font-size: 14px;
	color: #999;
	font-family: 'Open Sans', sans-serif;
}
.conForm .form-control { height:42px;
	border-radius: 0px;
}
.input-group-addon {
	width: 35%;
	text-align: left;
}
.formint .input-group {

	width:100%;
}
.formbtn {
	margin: 20px 0 0 28%;
}
.sbutn {
	background: #fcc642;
	border: none;
	padding: 8px 15px;
	font-size: 18px;
	color: #000;
	display:block;
	width:100%;
	border-radius: 4px;
	font-weight: bold;
}
.sbutn:hover{background:#000; color:#fff;}

.sub-btn{margin-top:10px;}
.contctxt{background:#fcc642; padding:15px; color:#000; font-size:18px; font-weight:bold; box-shadow: 0 0 15px rgba(0,0,0,0.1); text-align: center; text-transform:uppercase;}
.conForm{background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 25px; border: 1px solid #eee;}
.newuser {
	margin-top: 30px;
	text-align: center;
	color: #666;
	font-size:18px;
}
.newuser a {
	font-weight: 600;
}

/*page*/
.scrollToTop{display:none;}
.page-scroll{position:fixed; bottom:20px; right:20px; z-index:1000;}
.page-scroll a{font-size:24px; color:#fff; background:#fdc236; width:50px; height:50px; text-align:center; line-height:50px; display:inline-block; border-radius:6px;  border:1px solid #fff;}





/*****************************************
		media screen
*****************************************/

@media screen and (max-width: 1200px){
.slidertext1{margin-left:60px;}
.slidertext2{margin-left:60px;}
.slidertext3 {margin-left:60px;}

}


@media screen and (max-width: 990px){
.slidertext1{margin-left:50px !important;}
.slidertext2{margin-left:50px !important;}
.slidertext3{margin-left:50px !important;}
.quote-wrap h2{text-align:center; margin-bottom:20px;} 
.about-image{text-align:center; margin-top:30px;}
.serviceList li{margin-bottom:30px;}
.newletter_des{width:70%;}
.pagiWrap{margin-bottom:30px;}
.team_wrap{text-align:center;}
.social{margin-bottom:20px;}
.faqs .pull-right{float:none !important;}
.worker-image{text-align:center;}
.four-zero-page p{letter-spacing: 1px; padding:0;}
.contact-form .button{margin-bottom:40px;}

}

@media screen and (max-width: 767px){
.top-text{text-align:center;}
.topbar-links{text-align:center; margin-top:5px;} 
.logo{text-align:center;}
.serviceList{text-align:center;}
.portfolio-service{text-align:center;}
.team_wrap{text-align:center;}
.newletter_des:before{display:none;}
.newletter_des{width:100%;}
.navigationwrape{float: none;}
.navbar-default .navbar-nav>li>a{padding:14px 16px;}
.blogGrid li .postimg img{width:100%;}
.service-image{display:inline-block;}
.about-service li{float:none; width:100%;}
.copyright{text-align:center;}
.foot{text-align:center;}
.four-zero-page h2 {font-size: 236px;}
.pagiWrap .showreslt{text-align:center;}
.pagiWrap .pagination{text-align:center;}
.pagiWrap{text-align:center;}
.pagination{margin-top:20px !important;}
.dropdown-menu{position:static; float:none; width:100%;}
.hero-wrapper{height:400px;}
.sliderTxt h1{font-size:48px;}
.sliderTxt p{font-size:18px; line-height:20px;}
.navbar-default{background:#f7f7f7; border: 1px solid #eee; border-top:none;}

}




@media screen and (max-width: 480px){
.portfolio-service{text-align:center;}
.four-zero-page h2 {font-size: 140px;}
.four-zero-page h3{font-size:18px;}
.hero-wrapper{height:250px;}
.sliderTxt h1{font-size:24px;}
.sliderTxt p{font-size:14px;}
}