/* ----------------------------------------------------
Theme Name:		WeBuilders - HTML & Bootstrap Template
Version:		1.0.0
Author:			WeBuilders
------------------------------------------------------- */


/* ======================================================
	TABLE OF CONTENTS
   ====================================================== */

/**

* 1.0	Settings
* 1.1	Header
* 1.2	Home
* 1.3	Progress Blocks
* 1.4	About Us
* 1.5	Banners
* 1.6	Our Services
* 1.7	Why Choose Us
* 1.8	Our Team
* 1.9	Newsletter
* 1.10	Our Gallery	
* 1.11	Testimonials
* 1.12	Companies Logo
* 1.13	Contact Us
* 1.14	Map
* 1.15	Footer

**/


/* -----------------------------------------------------
	1.0		Settings
   ----------------------------------------------------- */
   
body,html{
	height:100%;
}

h1,h2,h3,h4,h5,input,select,textarea{
	font-family: 'Roboto Condensed', sans-serif;
}

p,.btn, blockquote, #home .home-form h3, label,.about-intro h3{
	font-weight:normal;
	font-family: 'Open Sans',sans-serif;
	font-size:15px;
}

.page-heading h1,ul{
	font-family: 'Open Sans',sans-serif;
}

p{
	line-height:1.5em;
}

h1,h2,h3,h4,h5,h6{
	margin-top:0px;
}

a,a:hover{
	text-decoration:none;
}

.btn{
	font-weight:bold;
	font-size:18px;
}

.navbar a{
	font-family: 'Open Sans', sans-serif;
}

.page-heading{
	position:relative;
	margin-bottom:30px;
}

.page-heading h1{
	margin-top:0px;
	margin-bottom:3px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:40px;
}

.page-heading p{
	letter-spacing:0;
	font-weight:bold;
	font-style:italic;
	margin:0;
	font-size:17px;
}

.page-heading::after{
	content:'';
	width:50px;
	height:2px;
	display:block;
	margin-top:13px;
}

.page-content-block{
	margin-bottom:90px;
}

.page-content-block:last-child{
	margin-bottom:0px;
}

.btn-t-mg-25{
	margin-top:25px;
}

.section-padding{
	padding-top:115px;
	padding-bottom:115px;
}

.banner-padding{
	padding-top:90px;
	padding-bottom:90px;
}

.map iframe{
	width:100%;
}

@media(max-width:991px){
	
	.section-padding{
		padding-top:90px;
		padding-bottom:90px;
	}
	
	.banner-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
}

@media(max-width:768px){
	
	.section-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.page-heading h1{
		font-size:36px;
	}
	
	.page-heading p{
		font-size:16px;
	}
	
	.btn{
		font-size:17px;
	}
}

@media(max-width:450px){
	
	.page-heading h1{
		font-size:30px;
	}
	
	.page-heading p{
		font-size:15px;
	}
	
	.btn{
		font-size:16px;
	}
}

/* -----------------------------------------------------
	1.1		Header
   ----------------------------------------------------- */
   
#header-top{
	padding:10px 0px 5px 0px;
}

#header-top #info ul{
	margin-top:8px;
	padding-bottom:0px;
	letter-spacing:1px;
}

#header-top #info ul li .fa{
	padding-right:10px;
}

#header-top #links{
	margin-top:8px;
	float:right;
}

#header-top #links a{
	padding-bottom:0px;
}

.navbar-custom{
	width:100%;
	margin-bottom:0px;
	z-index:1;
}

.affix {
	top: 0;
	width: 100%;
	z-index:100;
}
  
.navbar-nav li a{
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
}

.navbar-brand{
	padding-top:0px;
	padding-bottom:0px;
}

#mynavbar .navbar-brand img{
	max-height:56px;
	margin-top:-3px;
}

@media(min-width:992px){
	
	.navbar-nav li a{
		padding:15px 0px;
		margin-left:25px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#mynavbar{
		padding:0px;
	}

	.navbar-collapse{
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.navbar-collapse.collapse{
		display:none !important;
	}
	
	.navbar-collapse.collapse.in{
		display:block !important;
	}
	
	#mynavbar .navbar-toggle{
		display:block;
		margin:0px;
		padding:29px;
	}
	
	#mynavbar .navbar-header{
		float:none;
	}
	
	#mynavbar .navbar-brand img{
		margin-top:8px;
	}
	
	#mynavbar .navbar-nav {
        float: none !important;
		width:100%;
    }
	
	#mynavbar .navbar-nav>li {
        float: none;
    }
	
	#mynavbar .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media(min-width: 768px) {
	
	#header-top #info ul li:not(:last-child){
		margin-right:10px;
	}
	
	#header-top #links ul li{
		margin-left:10px;
	}
	
  	.navbar-custom {
		padding: 20px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
  
	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
  
	.navbar-custom.affix {
		padding: 10px 0;
	}
	
	.navbar-custom.affix .navbar-brand {
		font-size: 1.5em;
	}
}

@media(max-width:767px){
	
	#mynavbar{
		z-index:100;
	}
	
	#mynavbar .navbar-brand{
		padding-top:14px;
		padding-bottom:0px;
	}
	
	#mynavbar .navbar-brand img{
		max-height:40px;
		min-height:40px;
		margin-top:-6px;
	}
	
	#mynavbar .navbar-nav{
		margin-top:0;
		margin-bottom:0;
	}
	
	#mynavbar .navbar-toggle{
		padding:20px;
		border-radius:0px;
		margin:0px;
	}
}

@media(max-width:767px){
	
	#header-top{
		text-align:center;
	}
	
	#header-top #info ul li{
		margin-left:8px;
		margin-right:5px;
	}
	
	#header-top #info li:not(:last-child){
		margin-bottom:5px;
	}
	
	#header-top #links{
		float:none;
	}
	
	#header-top #links ul li{
		margin:5px 5px 0px;
	}	
}

/* -----------------------------------------------------
	1.2		Home
   ----------------------------------------------------- */
   
#home .home-text{
	max-width:700px;
	margin:0 auto 50px;
}

#home .home-text h1{
	font-size:66px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;
}

#home .home-form .tab-pane{
	padding:30px 30px 15px;
}

#home .home-form .nav-tabs{
	margin-bottom:1px;
}

#home .home-form .nav-tabs li{
	font-size:16px;
	text-transform:uppercase;
}

#home .home-form .nav-tabs li a{
	padding:12px 20px;
}

#home .home-form .nav-tabs li a .fa{
	margin-right:10px;
}

#home .home-form .nav-tabs li.active a{
	font-weight:bold;	
	font-size:17px;
}

#home .home-form form .form-group{
	position:relative;
}

#home .home-form form .form-group .fa{
	position:absolute;
	top:11px;
	right:15px;	
	font-size:20px;
	pointer-events:none;
}

#home .home-form form .form-group .fa-map-marker-alt{
	font-size:17px;
}

#home .home-form form label{
	margin-bottom:10px;
	text-transform:uppercase;
}

#home .home-form form .form-group input,
#home .home-form form .form-group select,
#home .home-form form .btn{
	height:40px;
	font-size:16px;
}

@media(max-width:991px){

	#home .home-text{
		max-width:90%;
	}
	
	#home .home-text h1{
		font-size:56px;
	}
	
	#home .home-form .tab-pane{
		padding:30px;
	}
	
	#home .home-form form .btn{
		margin-top:13px;
	}
}

@media(max-width:768px){
	
	#home .home-text h1{
		font-size:50px;
	}
	
	#home .home-form .nav-tabs li a{
		padding:12px 15px;
		font-size:15px;
	}
	
	#home .home-form .nav-tabs li.active a{
		font-size:16px;
	}
}

@media(max-width:450px){
	
	#home .home-text h1{
		font-size:45px;
	}
	
	#home .home-form .nav-tabs li a{
		font-size:14px;
	}
	
	#home .home-form .nav-tabs li.active a{
		font-size:15px;
	}
}

/* -----------------------------------------------------
	1.3		Progress Blocks
   ----------------------------------------------------- */

#progress .progress-block{
	padding-top:50px;
	padding-bottom:50px;
}

#progress .progress-block .icon{
	float:left;
	width:65px;
}

#progress .progress-block .icon .fa{
	font-size:35px;
}

#progress .progress-block .progress-text{
	overflow:hidden;
}

#progress .progress-block .progress-text h3{
	font-size:21px;
	margin-top:0px;
}

#progress .progress-block .progress-text p{
	margin-bottom:0px;
}

/* -----------------------------------------------------
	1.4		About Us
   ----------------------------------------------------- */

#about-us .about-image img{
	max-height:370px;
	display:inline-block;
}
	
@media(max-width:991px){
	
	#about-us .about-image img{
		margin-bottom:30px;
	}
}


/* -----------------------------------------------------
	1.5		Banners
   ----------------------------------------------------- */

#banner-1 .banner-text #banner-content{
	padding-left:40px;
	padding-right:40px;
}

#banner-1 .banner-text #banner-content h2{
	font-weight:bold;
	font-size:40px;
	margin-bottom:20px;
}

#banner-1 .banner-text #banner-content .btn{
	margin-top:20px;
	font-weight:bold;
}

#banner-2 #highlights .highlight-box .fa{
	margin-bottom:20px;
}

#banner-2 #highlights .highlight-box h1{
	font-weight:900;
	font-size:50px;
	margin-bottom:6px;
}

#banner-2 #highlights .highlight-box h4{
	margin-bottom:0px;
}

#banner-3 .banner-image img{
	max-height:350px;
	display:inline-block;
}

#banner-4 h4{
	margin-top:20px;
}

@media(max-width:991px){
	
	#banner-2{
		padding-bottom:30px;
	}
	
	#banner-2 #highlights .highlight-box{
		margin-bottom:60px;
	}
	
	#banner-3 .banner-image img{
		margin-bottom:40px;
	}
}

@media(max-width:768px){
	
	#banner-1 .banner-text #banner-content h2{
		font-size:36px;
	}
}

@media(max-width:767px){
	
	#banner-1 .banner-text{
		padding:60px 15px;	
	}
	
	#banner-1 .banner-text #banner-content{
		padding-left:20px;
		padding-right:20px;	
	}
}

@media(max-width:450px){
	
	#banner-1 .banner-text #banner-content h2{
		font-size:32px;
	}
}


/* -----------------------------------------------------
	Our Projects
   ----------------------------------------------------- */

#owl-projects{
	margin-top:10px;
}

#owl-projects .item{
	padding:1px;
}

.project-block .project-img{
	overflow:hidden;
	max-height:260px;
	min-height:260px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.project-block .project-img img{
	max-height:260px; 
	max-width: 100%;	
	margin:0 auto;   
	transition: .4s;
}

.project-block:hover .project-img img{
	transform:scale(1.1);
}

.project-block .project-title{
	padding:15px 50px 15px 22px;
	position:relative;
}

.project-block .project-title h3{
	margin-bottom:4px;
	font-size:22px;
}

.project-block .project-title p{
	margin-bottom:0px;
}

.project-block .project-title p .fa{
	margin-right:10px;
}

.project-block .project-title .arrow{
	position:absolute;
	right:22px;
	top:25px;
}
	
.project-block .project-title .arrow .fa{
	height: 29px;
	width: 29px;
	text-align: center;
	padding-top: 5px;
	font-size: 20px;
}

#owl-projects .owl-controls .owl-buttons{
	margin-top:40px;
}

#owl-projects .owl-controls .owl-buttons div{
	font-size:40px;
	padding:0px;
	margin:0px 10px;
}

@media(max-width:1199px){
	
	.project-block .project-img{
		max-height:220px;
		min-height:220px;
	}
	
	.project-block .project-img img{
		max-height:220px;
	}
}

@media(max-width:767px){
	
	.project-block .project-img{
		max-height:100%;
		min-height:100%;
	}
	
	.project-block .project-img img{
		max-height:100%;
	}
}

/* -----------------------------------------------------
	1.7		Why Choose Us
   ----------------------------------------------------- */

.why-us-block{
	margin:10px 0px 30px;
}

.why-us-block .why-us-icon{
	float:left;
	margin-right:25px;
}

.why-us-block .why-us-icon .fa{
	height:60px;
	width:60px;
	padding-top:16px;
	font-size:28px;
	text-align:center;
}

.why-us-block .why-us-text{
	overflow:hidden;
}

.why-us-image img{
	max-height:460px;
	margin:0 auto;
}

@media(min-width:992px){
	
	.why-us-image img{
		margin:0px 0px 0px auto;
	}
}

@media(max-width:991px){
	
	.why-us-image{
		margin-top:20px;
	}
}

@media(max-width:768px){
	
	.why-us-block .why-us-icon .fa{
		height:55px;
		width:55px;
		font-size:24px;
	}
	
	.why-us-block .why-us-text h3{
		font-size:22px;
	}
}

@media(max-width:450px){
	
	.why-us-block .why-us-icon{
		margin-right:20px;
	}
	
	.why-us-block .why-us-icon .fa{
		height:50px;
		width:50px;
		font-size:20px;
	}
	
	.why-us-block .why-us-text h3{
		font-size:20px;
	}
}

/* -----------------------------------------------------
		Companies Logo
   ----------------------------------------------------- */

#owl-company{
	margin-top:40px;
}

#owl-company .item .company-img{
	height:150px;
}

#owl-company .item .company-img img{
	max-width:100%;
	max-height:150px;
}

@media(max-width:500px){
	
	#company-logo h1{
		font-size:32px;
	}
}

/* -----------------------------------------------------
	1.8		Our Team
   ----------------------------------------------------- */

.member-block{
	margin:10px 0px 20px;
}

.member-block .member-img{
	position:relative;
	overflow:hidden;
	text-align:center;
	max-height:435px;
}

.member-block .member-img img{
	display:inline-block;
	transition:.4s;
}

.member-block:hover .member-img img{
	transform:scale(1.05);
}

.member-img .member-title{
	position:absolute;
	left:0px;
	bottom:20px;
	right:0px;	
	z-index:1;
	padding:15px 15px;
	text-align:center;
	transition:.4s;
}

.member-block:hover .member-title{
	padding:15px 15px 30px;
	bottom:40px;
}

.member-img .member-title h3{
	margin-bottom:2px;
	font-size:26px;
}

.member-img .member-title p{
	font-size:17px;
}

.member-img .member-title ul{
	visibility:hidden;
	margin-bottom:-43px;
}

.member-block:hover ul{
	visibility:visible;
}

.member-img .member-title ul li .fab{
	width:30px;
	height:30px;
	background:white;
	color:#222;
	border-radius:100%;
	padding-top:8px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);	
}

.member-img .member-mask{
	content:'';
	position:absolute;
	height:100px;
	left:40px;
	bottom:20px;
	right:40px;	
	display:block;
}

#owl-team .owl-controls .owl-buttons{
	margin-top:40px;
}

#owl-team .owl-controls .owl-buttons div{
	font-size:40px;
	padding:0px;
	margin:0px 10px;
}

/* -----------------------------------------------------
		Testimonials
   ----------------------------------------------------- */

#owl-testimonials{
	margin-top:10px;
}

.testimonial-block .testimonial-text{
	padding:25px;
	background:#f4f4f4;
	border-radius:15px;
	position:relative;
}

.testimonial-block .testimonial-text::before{
	content:'';
	position:absolute;
	left:40px;
	bottom:-25px;
	z-index:-1;
}

.testimonial-block .testimonial-text blockquote{
	font-size:15px;
	color:grey;
	margin-bottom:0px;
}

.testimonial-block .testimonial-img img{
	max-height:80px;
	border-radius:100%;
	margin-top:40px;
	float:left;
	margin-right:15px;
}

.testimonial-block .testimonial-img .testimonial-title{
	overflow:hidden;
	padding-top:60px;
}

.testimonial-block .testimonial-img .testimonial-title h5{
	margin-bottom:0px;
	font-size:18px;
	font-weight:bold;
}

.testimonial-block .testimonial-img .testimonial-title p{
	font-size:13px;
}

#testimonials .owl-theme .owl-controls{
	margin-top:40px;
}

/* -----------------------------------------------------
	1.13	Contact Us
   ----------------------------------------------------- */

#contact #contact-form .btn{
	font-weight:normal;
	font-size:16px;
}

#contact #addresses .address-text-icon{
	margin-bottom:20px;
}

#contact #addresses .address-text-icon p{
	margin-bottom:0px;
}

@media(max-width:991px){

	#contact #addresses .address-text-icon .text{
		padding-left:0px;
	}
}
	
@media(min-width:768px){
	
	#contact #contact-form .btn{
		float:right;
	}
}

@media(max-width:768px){
	
	#contact #addresses{
		margin-top:40px;
	}
}

/* -----------------------------------------------------
	1.15	Footer
   ----------------------------------------------------- */

#footer-top #more-about .social-links{
	margin-top:29px;
}

#footer-top #more-about .social-links li a{
	font-size:18px;
}

#footer-top #more-about .social-links li{
	padding-right:20px;
}

#footer-top .footer-heading{
	font-size:28px;
	font-weight:bold;
	margin-bottom:26px;
	text-transform:uppercase;
}

#footer-top p,
#footer-top ul li{
	font-size:15px;
}

#footer-top #company ul li,
#footer-top #f-services ul li{
	text-transform:uppercase;
	margin-bottom:8px;	
}

#footer-top #company ul li:last-child,
#footer-top #f-services ul li:last-child{
	margin-bottom:0px;
}

#footer-top #contact-us li{
	margin-bottom:16px;
}

#footer-top #contact-us li .fa{
	font-size:20px;
	width:25px;
	margin-right:7px;
}

#footer-bottom{
	padding-top:30px;
	padding-bottom:30px;
}

#footer-bottom p,
#footer-bottom ul{
	margin-bottom:0px;
	font-size:15px;
}

#footer-bottom li:first-child{
	position:relative;
	padding-right:10px;
}

#footer-bottom li:first-child:after{
	content:"";
	position:absolute;
	right:0;
	top:5px;
	height:15px;
	width:1px;
	display:block;
}

@media(min-width:992px){
	
	#footer-top #more-about p{
		width:90%;
	}
	
	#footer-top #f-services{
		padding-left:55px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#footer-top #more-about,
	#footer-top #company{
		margin-bottom:40px;
	}
}

@media(min-width:768px){
	
	#terms{
		text-align:right;
	}
}

@media(max-width:768px){
	
	#footer-top #more-about,
	#footer-top #company,
	#footer-top #f-services{
		margin-bottom:40px;
	}
	
	#footer-top .footer-heading{
		font-size:22px;
	}
}

@media(max-width:767px){
	
	#footer-top #more-about .footer-heading{
		font-size:30px;
	}
	
	#footer-top #f-instagram{
		margin-bottom:40px;
	}
	
	#footer-bottom{
		text-align:center;
	}
	
	#footer-bottom #copyright{
		margin-bottom:10px;
	}
}

/* -----------------------------------------------------
		Page Cover
   ----------------------------------------------------- */

.page-cover{
	text-align:center;
	padding-top:95px;
	padding-bottom:95px;
}

.page-cover.pd-tb-70{
	padding:70px 0px;
}

.page-cover h1{
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}

.page-cover .breadcrumb{
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:300;
}

.page-cover .breadcrumb li a{
	text-decoration:none;
}

@media(max-width:768px){
	
	.page-cover h1{
		font-size:30px;
	}
	
	.page-cover .breadcrumb{
		font-size:16px;
	}
}

/* -----------------------------------------------------
		Side-bar
   ----------------------------------------------------- */

.side-bar .side-bar-block{
	margin-bottom:40px;
}

.side-bar .support-block{
	padding:33px 25px 38px;
}

.side-bar .support-block h3{
	font-size:25px;
	font-weight:bold;
}

.side-bar .support-block p{
	font-size:13px;
}

.side-bar .support-contact span{
	font-size:22px;
	margin-right:13px;
	float:left;
}

.side-bar .support-contact p{
	font-size:22px;
	font-weight:bold;
	overflow:hidden;
	margin-bottom:0px;
}

.side-bar .ad-block img{
	width:100%;
}

@media(max-width:991px){
	
	.side-bar{
		margin-top:90px;
	}
}

/* -----------------------------------------------------
		Detail Pages Slider
   ----------------------------------------------------- */
   
.detail-slider{
	position:relative;
}

.detail-slider .features{
	position:absolute;
	top:40px;
	left:0;
}

.detail-slider .features li{
	padding:18px 22px;
	min-width:165px;
	margin-bottom:6px;
}

.detail-slider .features li .f-icon{
	float:left;
	font-size:28px;
	width:37px;
	position:relative;
	top:1px;
}

.detail-slider .features li .f-text{
	overflow:hidden;
}

.detail-slider .features li .f-text p{
	margin-bottom:0px;
}

.detail-slider .features li .f-text p.f-heading{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.detail-slider .features li .f-text p.f-data{
	font-size:14px;
	margin-top:-2px;
}

.feature-slider-nav .slick-list{
	margin:0px 33px;
}

.feature-slider .slick-list .slick-slide{
	max-height:1000px;
}

.feature-slider .slick-list .slick-slide img,
.feature-slider-nav .slick-list .slick-slide img{
	width:100%;
}

.feature-slider-nav .slick-list .slick-slide img{
	padding:0px 15px;
}

.feature-slider-nav .slick-slide{
	cursor:pointer;
}

.feature-slider-nav .slick-arrow{
	height:60px;
	width:23px;
}

.feature-slider-nav .slick-prev{
	left:0px;
	z-index:1;
}

.feature-slider-nav .slick-next{
	right:-1px;
}

.feature-slider-nav .slick-prev::before,
.feature-slider-nav .slick-next::before{
	font-family: FontAwesome;
	font-size:22px;
}

.feature-slider-nav .slick-prev::before{
	content: '\f104';
}

.feature-slider-nav .slick-next::before{
	content: '\f105';
}

.feature-slider{
	margin-bottom:35px;
}

.flight-features li:first-child .f-icon{
	font-size:33px;
}

.detail-tabs{
	margin:88px 0px;
}

.detail-tabs .nav-tabs li a{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 10px;
}

.detail-tabs .tab-content .tab-pane{
	padding:35px 30px;
}

.detail-tabs .tab-pane .tab-text h3{
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:13px;
}

.detail-tabs .tab-pane .tab-text p{
	width:95%;
	line-height:1.55em;
}

.detail-tabs .tab-content .tab-pane .map iframe{
	height:400px;	
}

@media(max-width:576px){
	
	.detail-slider .features{
		top:8px;
	}
	
	.detail-slider .features li{
		padding:12px 20px;
		min-width:140px;
	}
	
	.detail-slider .features li .f-icon{
		font-size:21px;
		width:30px;
	}
	
	.detail-slider .features li .f-text p.f-heading,
	.detail-slider .features li .f-text p.f-data{
		font-size:12px;
	}

	.feature-slider-nav .slick-list .slick-slide img{
		padding:0px 10px;
	}
}

@media(max-width:420px){
	
	.detail-slider .features li{
		padding:10px 17px;
		min-width:130px;
	}
	
	.detail-slider .features li .f-icon{
		top:-3px;
		font-size:17px;
		width:24px;
	}
	
	.detail-slider .features li .f-text p.f-heading{
		display:none;
	}
}

@media(min-width:768px) and (max-width:1199px){
	
	.detail-tabs .tab-pane .tab-text{
		padding-top:0px;
	}
}

@media(max-width:767px){
	
	.available-blocks h2{
		font-size:24px;
	}
	
	.detail-tabs .nav-tabs{
		margin-bottom:5px;
	}
	
	.detail-tabs .nav-tabs.nav-justified > li > a{
		margin-bottom:0px;
	}
	
	.detail-tabs .tab-pane .tab-text p{
		width:100%;
	}
}

@media(max-width:420px){

	.detail-tabs .tab-pane .tab-text h3{
		font-size:19px;
	}
}

/* -----------------------------------------------------
		About Page
   ----------------------------------------------------- */
   
.about-intro h3{
	font-weight:600;
	font-size:22px;
}

.about-intro h2{
	font-size:40px;
	width:65%;
	margin:20px 0px 30px;
	font-weight:bold;
}

.about-intro .about-intro-icon{
	margin-top:30px;
}

.about-intro .about-intro-icon .fa{
	font-size:28px;
	height:60px;
	width:60px;
	text-align:center;
	padding-top:15px;
	margin-bottom:10px;
}

@media(max-width:768px){
	
	.about-intro{
		text-align:center;
	}
	
	.about-intro h3{
		font-size:20px;
	}

	.about-intro h2{
		font-size:35px;
		width:90%;
		margin:20px auto 30px;
	}
	
	.about-intro .about-intro-icon .fa{
		font-size:25px;
		height:55px;
		width:55px;
		padding-top:14px;
	}
	
	.about-intro .about-intro-icon h4{
		font-size:16px;
	}	
}

/* -----------------------------------------------------
		Projects Page
   ----------------------------------------------------- */
   
#project-page .project-block{
	margin:10px 0px 20px;	
}

/* -----------------------------------------------------
		Planning & Elevation Page
   ----------------------------------------------------- */

.masonry-gallery {
    -webkit-column-count: 3;
  	-moz-column-count:3;
  	column-count: 3;
    padding: 0;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
	margin-top:38px;
}

.masonry-gallery .gallery-block {
    display: inline-block;
    margin: 0em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin-bottom:15px;
}

.gallery-block .gallery-img{
	position:relative;
	overflow:hidden;
}

.gallery-block .gallery-img img{
	width:100%;
	transition:.4s;
}

.gallery-block .gallery-mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	opacity:0;
	transition:.6s;
	transform:scale(0);
}

.gallery-block .gallery-mask .gallery-title h2{
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}

.gallery-block .gallery-mask .gallery-title p{
	margin-bottom:0px;
}

@media(min-width: 1201px) {
	
    .masonry-gallery{
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media(min-width: 769px) and (max-width: 1200px){
	
    .masonry-gallery{
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media(min-width: 576px) and (max-width: 768px){
	
    .masonry-gallery{
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media(max-width: 576px) {
	
    .masonry-gallery{
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/* -----------------------------------------------------
		Pricing
   ----------------------------------------------------- */

#price-tables{
	margin-top:40px;
}

.price-table{
	padding:0px 0px 40px 0px;
	transition:.2s;
}

.price-table .top-line{
	height:6px;
	display:block;
	width:100%;
}

.price-table .p-table-heading{
	padding:50px 0px 30px;
	position:relative;
	overflow:hidden;
}

.price-table .p-table-heading .tag{
	position:absolute;
	top:25px;
	left:-40px;
	width:170px;
	transform:rotate(-45deg);
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0px; 
}

.price-table .p-table-heading .title{
	text-transform:uppercase;
	font-size:34px;
	font-weight:500;
	margin-bottom:0px;
	letter-spacing:0.09em;
}

.price-table .p-table-heading .gr-line{
	width:30%;
	height:2px;
	display:inline-block;
}

.price-table .p-table-heading .price{
	font-size:20px;
	margin-top:12px;
	font-weight:400;
	margin-bottom:6px;
}

.price-table .p-table-heading p{
	width:80%;
	margin:0 auto;
	font-size:13px;
	line-height:1.8em;
}

.price-table .features{
	padding:0px 30px;
}

.price-table .features ul{
	margin:35px 0px;
}

.price-table .features li{
	padding:10px 0px;
	font-size:17px;
}

.price-table .features .btn{
	padding:15px 33px;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
}

@media(max-width:991px){
	
	.price-table{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	.price-table .p-table-heading .title{
		font-size:28px;
		padding:12px 0px;
	}
	
	.price-table .p-table-heading .price{
		font-size:19px;
	}
	
	.price-table .features li{
		font-size:15px;
	}
	
	.price-table .features .btn{
		padding:13px 25px;
	}
}

/* -----------------------------------------------------
		Contact Page
   ----------------------------------------------------- */

#c-form,
#addresses{
	margin-top:10px;
}

#contact-form input{
	height:40px;	
}

#contact-form .btn{
	padding:10px 30px;
	margin-top:10px;
}

#addresses .address-text-icon{
	margin-bottom:20px;
}

#addresses .address-text-icon .icon{
	float:left;
	margin-right:20px;
	font-size:20px;
}

#addresses .address-text-icon .text{
	overflow:hidden;
}

#addresses .address-text-icon .text p{
	margin-bottom:0px;
}

#contact-page .map iframe{
	height:300px;
}

@media(max-width:767px){
	
	#c-form{
		margin-bottom:60px;
	}
}
input.error, select.error, textarea.error {
      border:2px solid #F00;
} 


/* -----------------------------------------------------
		Popup Ad
   ----------------------------------------------------- */

#popup-ad .modal-dialog{
 	top:25%;
}

#popup-ad .modal-body{
	padding:20px 20px 10px;
	position:relative;
	overflow:hidden;
}

#popup-ad .modal-body .close{
	position:absolute;
	top:3px;
	right:8px;
	z-index:1;
	font-size:33px;
	color:white;
	opacity:1;
}

#popup-ad .modal-body:after{
	content:'';
	position:absolute;
	top:-15px;
	right:-34px;
	width:90px;
	height:55px;
}

#popup-ad .modal-body .popup-ad-text h2{
	text-transform:uppercase;	
	margin:-7px 0px 1px;
	font-weight:bold;
	font-size:47px;
	line-height:1.05em;
}

#popup-ad .modal-body .popup-ad-text h2 span{
	font-size:52px;
	font-weight:900;
}

#popup-ad .modal-body .popup-ad-text .btn{
	padding:8px 26px 9px;
}

#popup-ad .modal-body .popup-ad-text p{
	margin:25px 0px 30px;
}

#popup-ad .modal-body .popup-ad-img img{
	max-height:250px;
	display:inline-block;
}

@media(max-width:767px){
	
	#popup-ad .modal-body{
		text-align:center;
	}
	
	#popup-ad .modal-body .popup-ad-img{
		margin-top:40px;
	}
	
	#popup-ad .modal-body .popup-ad-text h2{
		margin:-7px 0px 1px;
		font-size:40px;
	}
	
	#popup-ad .modal-body .popup-ad-text h2 span{
		font-size:45px;
	}
	
	#popup-ad .modal-body .popup-ad-text .btn{
		padding:7px 26px 8px;
	}	
}