/* start top header section */
	.top-header{
		font-family: "Source Sans Pro";
		font-size: 14px;
		padding: 2px 0;
		background-color: #121d31;
		color:#fff;
		min-height: 30px;
	}
	.top-header .col-sm-6:last-child{
		text-align: right;
	}
	.logo-section{
		min-height: 100px;
    	padding: 20px 0;
		background-color: #262626;
	}
	.top-add-call{
		padding-top: 4px;
	}
	.top-add-call i {
		color: #fec214;
		font-size: 20px;
		text-align: right;
	}
	.top-add-call h2{
		font-size: 26px;
		color:#fff;
		margin:0;
		font-family: "Myriad Pro";
		font-weight: 400;
	}
	.top-add-call h4{
		color: #fff;
		font-weight: 300;
		margin: 0;
		font-family: "Myriad Pro";
	}
/* start top header section */

/* start logo & menubar */
	.menubar-section{
		
	}
	.menubar-section 
	 .navbar-default{
		border-radius: 0;
		/*background-color: #e1e1e1;*/
		border:0;
		margin-bottom: 0;
		min-height: 43px;

		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(225,225,225,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%);
	}
	.menubar-section
	 .navbar-default 
	 .navbar-brand{
		height: auto;
		padding: 5px 15px;
		display: none;
	}
	.menubar-section 
	 .navbar-default 
	 .menubar {
		/*margin: 39px 0;*/
		margin-left: -30px;
	}
	.menubar-section 
	 .navbar-default 
	 .navbar-nav li a{
		font-size: 14px;
		font-family: "Open Sans";
		color:#0b0b0b;
		font-weight: 600;
		padding: 12px 15px;
		/*border-right: 1px solid #2b4059;*/
	}
	.menubar-section
	 .navbar-default
	 .navbar-nav li:last-child a {
		border-right: 0;
	}
	.menubar-section .navbar-default .navbar-nav li.active a, 
	.menubar-section .navbar-default .navbar-nav li a:hover, 
	.menubar-section .navbar-default .navbar-nav li a:focus, 
	.menubar-section .navbar-default .navbar-nav li a:active{
		background-color: transparent;
		color: #cb9a0d;
	}
	.menubar-section .navbar-default .menu-social-icon li a{
		padding: 12px 5px;
		font-size: 20px;
	}
/* end logo & menubar */

/* start banner slider section */

/* end banner slider section */

/* start our services section */
	.services-section{
		padding: 35px 0;
	}
	.header-section{
		margin-bottom: 35px;
		text-align: center;
	}
	.header-section h4{
		font-size: 19px;
		font-family: "Open Sans";
		text-align: center;
		margin: 0;
		color: #383838;
	}
	.header-section h1{
		font-size: 36px;
		font-family: "Open Sans";
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		margin: 0;
	}
	.service-sec-col{
		margin: 10px 0;
	}
	.service-sec-col img{
		width: 100%;
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
	}
	.service-sec-col img:hover{
		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}
	.service-sec-col h3{
		font-size: 22px;
		font-family: "Open Sans";
		font-weight: 400;
		margin: 20px 0;
	}
	.service-sec-col p{
		font-family: "Open Sans";
		line-height: 26px;
		word-spacing: -4px;

	}
	.service-sec-col a{
		color: #cb9a0d;
		font-style: italic;
		word-spacing: -4px;
	}
	.service-sec-col a:hover{
		color: #fec214;
		text-decoration: none;
	}
/* end our services section */


/* start welcome section */
	.welcome-section{
		padding: 35px 0; 
		position: relative;
	}
	.welcome-bg{
		position: absolute;
		top: 20px;
		right: 0;
		bottom: 20px;
		background-color: #262626;
		width: 42%;
	}
	.welcome-section p{
		font-family: "Open Sans";
		line-height: 26px;
		text-align: center;
		/*word-spacing: -4px;*/

	}
	.welcome-content{
		text-align: center;
	}
	.welcome-content a.btn{
		background-color: #e7b900;
		border-radius: 8px;
		margin: 20px 0;
		font-family: "Open Sans";
		color: #fff;
		padding: 9px 18px;
		/*word-spacing: -4px;*/
	}
	.welcome-content a.btn:hover{
		background-color: #b17c0c;
	}
	.welcome-call{
		color: #fff;
		padding-left: 55px;
		padding-top: 40px;
		text-align: left;
	}
	.welcome-call h2{
		font-size: 27px;
		font-family: "Open Sans";
		margin: 20px 0;
	}
	.welcome-call p{
		text-align: left;
	}
	.welcome-call a.btn{
		background-color: #b17c0c;
		border-radius: 0;
		border: 1px solid #fff;
		margin: 20px 0;
		font-family: "Source Code Pro";
		color: #fff;
		padding: 10px 20px;
		word-spacing: -4px;

	}
	.welcome-call a.btn:hover{
		background-color: #e7b900;
	}
/* end welcome section */

/* 	Start gallery-section */
	.gallery-section{
		padding: 35px 0;
		background: url(../img/gallery-bg.jpg);
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	}
	.gallery-section #owl-demo .item a img{
		width: 278px;
		height: 192px;
	}
	.gallery-section #owl-demo{
		margin-bottom: 30px;
	}
/* 	end gallery-section */

/* start testimonial section */
	.testimonial-section{
		padding: 45px 0;
	}
	.testimonial-section .header-section h1{
		text-align: left;
	}

	.testimonial-section
	 .carousel-inner
	  .item .carousel-caption{
		position: static;
		width: 100%;
		margin: 10px auto;
		border: 1px solid #ddd;
		padding: 20px 60px 10px 60px;
		text-shadow: none;
	   	color: #000;
	   	font-family: "Open Sans";
	   	font-style: italic;
	}
	.testimonial-section
	 .carousel-inner
	  .item .carousel-caption 
	   .quote{
	   	position: absolute;
	   	left: 15px;
	   	top: 10px;

	}
	.testimonial-section
	 .carousel-inner
	  .item .carousel-caption 
	   p{
	   	position: relative;
	   }
	.testimonial-section
	 .carousel-inner
	  .item .carousel-caption 
	   p .quote1{
	   	position: absolute;
	   	right: -30px;
	   	bottom: 0px;
	}
	.testimonial-section
	 .carousel-inner
	  .item 
	   .client{
	   	margin-top: -60px;
	   	margin-left: 15px;
	}
	.testimonial-btm{
		text-align: center;
	}
	.testimonial-btm a.btn{
		background-color: #e7b900;
		border-radius: 0;
		border: 1px solid #fff;
		font-family: "Source Code Pro";
		color: #fff;
		padding: 10px 20px;
		word-spacing: -4px;
	}
	.testimonial-btm a.btn:hover{
		background-color: #b17c0c;
	}
/* end testimonial section */

/* start footer section */
	.footer-section{
		/*background-color: #000;*/
	}
	.footer-section .top-footer{
		padding-top: 50px;
		padding-bottom: 30px
	}
	
	.footer-section .top-footer h3{
		margin: 0;
		color: #fff;
	}
	
	.footer-services{
		list-style-image:url(../img/bullets.png);
		padding-left: 15px;
		margin: 20px 0;
	}
	.footer-services li{
		line-height: 28px;
		border-bottom: 1px solid #4e4e4e;
	}
	.footer-services li a{
		color: #fff;
	}
	.footer-services li a:hover{
		color: #ffae00;
		text-decoration: none;
	}
	.get-a-quote{
		background-image: url(../img/form-bg.png);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.top-footer{
		background-color: #262626;
	}
	.top-footer form{
		padding: 20px 0;
		
	}
	.top-footer form .form-control{
		border-radius: 0;
		border:1px solid #5d4c08;
		background: rgba(55, 54, 54, 0.5);
	}
	.top-footer form .submit-btn{
		background-color: #e7b900;
		color:#fff;
		border: 0;
		padding: 10px 15px;
		font-family: "Open Sans";
	}
	.top-footer form .submit-btn:hover{
		background-color: #b17c0c;
	}
	.top-footer .contact-detials{
		margin: 20px 0;
	}

	.contact-detials p{
		font-family: "Myriad Pro";
		color: #fff;
	}
	.top-footer .contact-detials h4{
		color: #fff;
		font-size: 16px;
	}
	.footer-social-icons{
		font-size: 17px;
	}
	.footer-social-icons a{
		margin-right: 15px;
		color: #fff;
	}
	.footer-social-icons a:hover{
		color: #ffae00;
	}
	.footer-section>hr{
		border:1px solid #ffae00;
		margin-bottom: 0;
	}
	.bottom-footer{
		padding: 20px 0;
		background: #000;
		color: #fff;
	}
	.bottom-footer p{
		margin: 0;
	}
	.bottom-footer .reserved p, .bottom-footer .powered p{
		margin: 7px 0;
	}
	.bottom-footer .payment{
		text-align: center;
		font-size: 25px;
		
	}
	.bottom-footer .payment  a{
		color: #fff;
	}
	.bottom-footer .payment  a:hover{
		color: #ffae00;
	}
/* end footer section */

/* =========== Pages =============== */
	.pages-header{
		font-family: "Oswald";
		text-transform: uppercase;
		margin:20px 0;
	}
	.pages-header span{
		color: #ffae00;
	}
	.about-us-page{
		padding: 30px 0;
	}
	.welcome-to-site,
	 .about-thumb {
	 	margin:10px 0;
	}
	.welcome-to-site h3{
		font-family: "Open Sans";
		font-size: 25px;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.about-us-page p{
		line-height: 25px;
	}
	.about-thumb{
		position: relative;
		overflow: hidden;
	}

	.about-thumb img{
		width: 100%;
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
	}

	.about-thumb:hover img{
		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}

	.about-thumb .about-thumb-box{
		border: 1px solid #fff;
		position: absolute;
		left: 7px;
		right: 7px;
		top: 7px;
		bottom: 7px;
		text-align: center;

	}
	.welcome-to-site ul{
		list-style-image: url(../img/bullets1.png);
		padding-left: 15px;
	}


/* ============ Our services Page ========= */
	.our-services-page{
		padding: 40px 0;
		text-align: center;
	}
	.our-services-page h3{
		font-size: 25px;
		font-family: "Open Sans";
		text-transform: uppercase;
	}
	.our-services-page hr{
		width: 65px;
		border-top: 2px solid #d4a009;
		margin-top: 15px;
	}
	.our-services-page h4{
		font-size: 16px;
		font-family: "Open Sans";
		text-align: left;
	}
	.residential-thumb{
		position: relative;
		margin:15px 0;
	}
	.residential-thumb img{
		/*max-height: 220px;*/
		width: 100%;
	}
	.residential-thumb .thumbnail-topic{
		position: absolute;
		background: #d4a009; 
		left: 10px;
		right: 10px;
		bottom: 10px;
		color:#fff;
		padding: 3px;
		text-align: center;
		min-height: 56px;
		font-family: "Open Sans";
		font-weight: 700;

	}


/* ===========  our-gallery-page =============== */
	.our-gallery-page{
		padding: 40px 0;
	}
	.our-gallery-page .gal_list {
		float:left;
		width:270px;
		height:175px;
		overflow:hidden;
		border:1px solid #ddd;
		margin:0px 10px 20px 0;

	}
	.our-gallery-page .gal_list img {
		width:115%;
		height:auto;
	}

/* ======= testimonail page ======= */
	.testimonial-page{
		padding: 40px 0; 
	}
	.testimonial-page h4{
		font-size: 20px;
		font-weight: 700;
	}

	.testimonial-page h3{
		font-weight: 100;
		font-size: 22px;
	}
	.client-reviews{
		border:2px solid #ddd;
		padding: 15px;
		margin:10px 0;
	}
	.client-reviews h5{
		text-transform: uppercase;
	}
	.client-pic{
		background: #d4a009;
		border-radius: 50%;
		height: 97px;
		width: 97px;
		margin:0 auto;
		position: relative;
		text-align: center;
	}
	.client-pic img{
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
		margin:0 auto;
	}
	.review-stars{
		text-align: right;
		font-size: 25px;
		color: #d4a009; 
	}
	.client-text{
		text-align: center;
		margin:20px 0;
		padding: 0 50px;
		position: relative;
		font-style: italic;
	}
	.client-text img:first-child{
		position: absolute;
		top: 0;
		left: 0;
	}
	.client-text img:last-child{
		position: absolute;
		right:0;
		bottom: 0;
	}

/*  ============ contact us page =============== */
	.contact-map{
		width: 100%;
		height: 400px;
	}
	.contact-us-page{
		padding: 40px 0;
	}
	.contact-us-page .form-control{
		min-height: 43px;
	}
	.contact-us-page textarea.form-control{
		min-height: 240px;
	}
	.contact-us-page form .btn{
		border: 1px solid #003467;
		background: #003467;
		padding: 10px 20px;
		color: #fff;
		cursor: pointer;
		border-radius: 3px;
	}
	.contact-us-page .contact-details{
		color:#000;
	}
	.contact-us-page .contact-social-icons{
		color:#000;
	}
	..contact-social-icons{
		font-size: 25px;
	}
	.contact-social-icons a{
		margin-right: 15px;
		color: #000;
	}
	.contact-social-icons a:hover{
		color: #ffae00;
	}
	.contact-us-page .contact-page-services{
		color:#000;
		list-style-image:url(../img/bullets.png);
		padding-left: 15px;
		margin: 20px 0;
	}
	.contact-page-services li{
		line-height: 28px;
		border-bottom: 1px solid #4e4e4e;
	}
	.contact-page-services li a{
		color: #000;
	}
	.contact-page-services li a:hover{
		color: #ffae00;
		text-decoration: none;
	}
/* ================ Responsive ================ */

	@media only screen and (max-width: 380px) {
	    .top-header .col-xs-6{
			width: 100%;
			text-align: center;
		}	
		.top-header .col-sm-6:last-child{
			text-align: center;
		}
		.top-social-icons {
		    text-align: center;
		}
		
		.banner-call-us h3 {
		    font-size: 16px;
		}
		.banner-call-us h2 {
		    font-size: 20px;
		    text-align: left;
		}
		.banner-call-us span {
		    font-size: 40px;
		    color: #fff;
		}
	}
	@media only screen and (max-width: 410px){
		.client-reviews .col-xs-6{
			width: 100%;
		}
		.client-reviews .review-stars{
			text-align: left;
		}
	}

	
	@media only screen and (max-width: 768px){
		.logo-section{
			display: none;
		}
		.menubar-section
		 .navbar-default
		  .navbar-header {
		 	background-color: #262626;
		 }
		.menubar-section
		 .navbar-default 
		 .navbar-brand{
			display: block;
		}
		.menubar-section 
		 .navbar-default 
		 .menubar {
		 	margin: 7.5px -15px;
		}
		.menubar-section 
		 .navbar-default
		  .navbar-brand>img {
		    width: 250px;
		}

		.menu-social-icon{
			display: none;
		}
		.welcome-bg{
			display: none;
		}
		.welcome-call {
		    color: #fff;
		    padding :15px;		    
		    text-align: center;
		    background-color: #262626;
		}
		.welcome-call p {
		    text-align: center;
		}
		.footer-map{
			margin-bottom: 20px;
		}
		.bottom-footer{
			text-align: center;
		}
	}