/* ----------------------------------------------------
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	Banners
* 1.5	Our Services
* 1.6	Why Choose Us
* 1.7	Our Team
* 1.8	Newsletter
* 1.9	Our Gallery	
* 1.10	Testimonials
* 1.11	Companies Logo
* 1.12	Contact Us
* 1.13	Map
* 1.14	Footer

**/


/* -----------------------------------------------------
	1.0		Settings
   ----------------------------------------------------- */

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center no-repeat #fff;
}
   
p{
	color:grey;
}

.page-heading h1{
	color:#01477f;
}

.page-heading h1 > span{
	color:#fec200;
}

.page-heading p{
	color:#4d4d4d;
}

.page-heading::after{
	background-color:#fec200;
}
	
.heading-info::after{
	background:#30b34e;
}

.btn{
	border:0px;
}

.btn-yellow{
	background:#fec200;
	color:white;
	border:0px;
}

.btn-yellow:hover{
	background:#222;
	color:white;
}

.btn-black{
	background:#222;
	color:white;
}

.btn-black:hover{
	background:#111;
	color:white;
}

.map iframe{
	border:0px;
}

/* -----------------------------------------------------
	1.1		Header
   ----------------------------------------------------- */
   
header #header-top{
	background-color:#112134;	
}

#header-top .fa,
#header-top .fab{
	color:#fec200;
}

#header-top #info ul{
	color:white;
}

#mynavbar{
	border-radius:0px;
	border:0;
	background:white;
}

.navbar-default .navbar-nav li a{
	color:#4d4d4d;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav .active > a:hover,
.navbar-default .navbar-nav .active > a:focus{
	color:#fec200;
	background:none;
}

.navbar-custom.affix{
	box-shadow:0px 5px 5px rgba(0,0,0,0.2);
}

#mynavbar .navbar-toggle{
	background:#fec200;
	border:0;
	border-radius:0px;
}

#mynavbar .navbar-toggle span{
	background:white;
}

@media(min-width:768px) and (max-width:991px){
	
	.navbar-nav{
		background:#fec200;
	}
	
	#mynavbar li a{
		color:white;
		border-bottom:1px solid #ffd666;
	}
	
	#mynavbar .navbar-nav > li > a:hover,
	#mynavbar .navbar-nav > li.active > a{
		color:#fec200;
		background:white;
	}
	
	#mynavbar .navbar-nav .active > a,
	#mynavbar.navbar-nav .active > a:hover,
	#mynavbar .navbar-nav .active > a:focus{
		background:#fec200;
		color:white;
	}
	
	#mynavbar .navbar-nav{
		border-top:1px solid #ffd666;
	}
	
}

@media(max-width:767px){
	
	.navbar-nav{
		background:#fec200;
	}
	
	#mynavbar li a{
		color:white;
		border-bottom:1px solid #ffd666;
	}
	
	#mynavbar .navbar-nav > li > a:hover,
	#mynavbar .navbar-nav > li.active > a{
		color:#fec200;
		background:white;
	}
	
	#mynavbar .navbar-nav .active > a,
	#mynavbar.navbar-nav .active > a:hover,
	#mynavbar .navbar-nav .active > a:focus{
		background:#fec200;
		color:white;
	}
	
	#mynavbar .navbar-collapse{
		border-color:#ffd666;
	}
}

/* -----------------------------------------------------
	1.2		Home
   ----------------------------------------------------- */
   
#home{
	
	background-size:cover;
	background-position:center;
}

#home .home-text,
#home .home-text p{
	color:white;
	text-shadow:0px 0px 2px rgba(0,0,0,0.2);
}

#home .home-form .tab-pane{
	background:rgba(0, 0, 0,0.65);
}

#home .home-form .nav-tabs{
	border-bottom:0px;
}

#home .home-form .nav-tabs li a{
	border:0px;
	background:rgba(0, 0, 0,0.5);
	color:white;
}

#home .home-form .nav-tabs li.active a .fa{
	color:#fec200;
}

#home .home-form .nav-tabs li.active a{
	color:#fec200;
	background:rgba(0, 0, 0,0.65);
}

#home .home-form h3{
	color:#fec200;
}

#home .home-form form label{
	color:white;
}

#home .home-form form .btn{
	border-radius:0px;
	box-shadow:none;
	border:0;
}

#home .home-form form .form-group input::placeholder{
	color:#555;	
}

#home .home-form form .form-group select{
    -webkit-appearance: none;
    -moz-appearance: none;
}

#home .home-form form .form-group .fa{
	color:#fec200;
}

#home .home-form form .btn{
	background:#fec200;
	color:#222;
}

#home .home-form form .btn:hover{
	opacity:0.9;
}

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

#progress{
	background:#0a1429;
	color:white;
}

#progress .progress-block .icon .fa{
	color:#fec200;
}

#progress .progress-block .progress-text p{
	color:#f2f2f2;
}

#progress #block-2{
	background:rgba(20, 39, 82,0.4);
}

/* -----------------------------------------------------
	1.4		Banners
   ----------------------------------------------------- */

#banner-1{
	/*background:linear-gradient(rgba(0, 0, 0,0.1),rgba(0, 0, 0,0.1)),url('../images/banner-1.jpg');
	background-position:center;
	background-size:cover;*/
	color:white;
}

#banner-1 .banner-text{
	background:#fec200;
	color:#222;
}

#banner-1 .banner-text p{
	color:#222;
}

#banner-2{
	background:linear-gradient(rgba(242, 242, 242,0.95),rgba(242, 242, 242,0.95)),url('../images/banner-2.jpg') center center;
	background-size:cover;
	background-position:center;
	color:#333;
}

#banner-2 .highlight-box .fa{
	color:#01477f;
}

#banner-2 #highlights .highlight-box h1{
	color:#fec200;
}

#banner-3{
	background:linear-gradient(rgba(10, 20, 41,0.9),rgba(10, 20, 41,0.9)),url('../images/banner-3.jpg') center center;
	background-size:cover;
	color:white;
	background-position:center;
}

#banner-3 .page-heading h1,
#banner-3 .banner-text p{
	color:white;
}

#banner-3 .banner-text .btn:hover{
	color:#fec200;
}

#banner-4{
	background:linear-gradient(rgba(10, 20, 41,0.9),rgba(10, 20, 41,0.9)),url('../images/banner-4.jpg') center center;
	background-size:cover;
	color:white;
}

/* -----------------------------------------------------
	1.5		Our Services
   ----------------------------------------------------- */

.service-block .service-icon .fa{
	color:#fec200;
}

.service-block:hover .service-icon .fa{
	transform:rotate(360deg);
	color:#4d4d4d;
}

.service-block:hover .service-info h4{
	color:#fec200;
}

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

.project-block{
	border:1px solid #e6e6e6;
}

.project-block .project-title{	
	background:#f6f6f6;
}

.project-block .project-title h3 a{
	color:#333;
}

.project-block .project-title p .fa{
	color:#01477f;
}

.project-block .project-title .arrow .fa{
	background:#fec200;
	color:white;
}

.project-block .project-title .arrow .fa:hover{
	background:#01477f;
}

#owl-projects .owl-controls .owl-buttons div{
	background:none;
	color:#222;
}

#owl-projects .owl-controls .owl-page.active span{
	border-radius:0px;
	background:#ffcb05;
	border-color:#ffcb05;
}

/* -----------------------------------------------------
	1.6		Why Choose Us
   ----------------------------------------------------- */

.why-us-block .why-us-icon .fa{
	color:white;
	background:#fec200;
	border-radius:100%;
}

/* -----------------------------------------------------
	1.7		Our Team
   ----------------------------------------------------- */

#team{
	background:#f4f4f4;
}

.member-block{
	border:1px solid #e6e6e6;
}

.member-img .member-title{
	background:#fec200;
}

.member-img .member-title p{
	color:white;
	text-shadow:0px 0px 2px rgba(0,0,0,0.2);
}

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

.member-img .member-title ul li .fab:hover{
	background:#01477f;
	color:#fec200;
}

.member-block .member-img .member-mask{	
	background:rgba(0,0,0,0.7);
}

#owl-team .owl-controls .owl-buttons div{
	background:none;
	color:#222;
}

#owl-team .owl-controls .owl-page.active span{
	border-radius:0px;
	background:#ffcb05;
	border-color:#ffcb05;
}

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

.testimonial-block .testimonial-text::before{
	border-left:24px solid #fec200;
	border-top:24px solid transparent;
	border-right:24px solid transparent;
	border-bottom:24px solid transparent;
}

.testimonial-block .testimonial-text blockquote{
	border-left:0px;
}

#testimonials .owl-theme .owl-controls .owl-pagination .owl-page.active span{
	background:#01477f;
}

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

#company-logo{
	background:linear-gradient(rgba(10, 20, 41,0.9),rgba(10, 20, 41,0.9)),url('../images/company-banner.jpg') center center;
	background-size:cover;
	color:white;
	background-position:center;
}

#company-logo h1{
	color:#fec200;
}

#company-logo p{
	color:white;
}

/* -----------------------------------------------------
	1.12	Contact Us
   ----------------------------------------------------- */

#contact{
	background:linear-gradient(rgba(255, 255, 255,0.90),rgba(255, 255, 255,0.90)),url('../images/contact.jpg') center center;
	background-size:cover;
	background-position:center;
}

#contact #contact-form input,
#contact #contact-form textarea,
#contact #contact-form .btn{
	border-radius:0px;
	box-shadow:none;
}

#contact #contact-form input:focus,
#contact #contact-form textarea:focus{
	border-color:#fec200;
}

#contact #contact-form .btn{
	background:#fec200;
	border-color:#fec200;
	color:white;
}

#contact #addresses .address-text-icon .fa{
	color:#fec200;
}

#contact #addresses .address-text-icon a{
	color:#fec200;
}

/* -----------------------------------------------------
	1.14	Footer
   ----------------------------------------------------- */

.footer-top-img-border{
    background: url("../images/footer-top-img.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 85px;
}

#footer-top{
	background: linear-gradient(rgba(254, 194, 0,0.90),rgba(254, 194, 0,0.90)),url('../images/footer.jpg') center center;
	background-size: cover;
	background-position: center;
}

#footer-top .footer-heading{
	color:#01477f;
}

#footer-top #more-about .social-links li a{
	color:#333;
}

#footer-top p,
#footer-top ul li,
#footer-top ul li a{
	color:#333;
}

#footer-top #contact-us li{
	color:#333;
}

#footer-bottom{
	background:#112134;
}

#footer-bottom p,
#footer-bottom .line{
	color:#f2f2f2;
}


#footer-bottom a{
	color:#fec200;
}

#footer-bottom li:first-child:after{
	background:#f2f2f2;
}

/* -----------------------------------------------------
		Page Cover
   ----------------------------------------------------- */
   
.page-cover{
	color:white;
}	

.page-cover .breadcrumb{
	background:none;
}

.page-cover .breadcrumb li a,
.page-cover .breadcrumb li.active{
	color:white;
}

.page-cover .breadcrumb li.active{
	color:#fec200;
}

.page-cover .breadcrumb > li + li::before{
	color:white;
}

#cover-about{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-about.jpg') 50% 57%;
	background-size:cover;
}

#cover-project{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-project.jpg') 50% 57%;
	background-size:cover;
}

#cover-project-detail{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-project-detail.jpg') 50% 80%;
	background-size:cover;
}

#cover-gallery{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-gallery.jpg') 50% 87%;
	background-size:cover;
}

#cover-packages{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-packages.jpg') 50% 87%;
	background-size:cover;
}
#cover-contact{
	background: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('../images/cover-contact.jpg') 50% 57%;
	background-size:cover;
}

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

.side-bar .support-block{
	background:#f1f2f2;
	color:#808285;
}

.side-bar .support-block p{
	color:#808285;
}

/* -----------------------------------------------------
		About Page
   ----------------------------------------------------- */
   
.about-intro h3{
	color:#fec200;
}

.about-intro .about-intro-icon .fa{
	background:#fec200;
	border-radius:100%;
	color:white;
}

/* -----------------------------------------------------
		Detail Pages Slider
   ----------------------------------------------------- */
   
.detail-slider .features li{
	background:#fec200;
	color:white;
}

.detail-slider .features li .f-icon{
	color:#01477f;
}

.detail-slider .features li .f-text p{
	color:white;
	text-shadow:0px 0px 2px rgba(0,0,0,0.2);
}

.feature-slider-nav .slick-arrow,
.feature-slider-nav .slick-arrow:hover,
.feature-slider-nav .slick-arrow:focus{
	background:#fec200;
}

.detail-tabs .nav-tabs li a{
	background:#939598;
	color:white;
	border-radius:0px;
	border-color:#e6e7e8;
}

.detail-tabs .nav-tabs.nav-justified > .active > a{
	border-color:#e6e7e8;
}

.detail-tabs .nav-tabs li.active a{
	background:#f1f2f2;
	color:#686868;
}

.detail-tabs .tab-content .tab-pane{
	border:1px solid #e6e7e8;
	border-top:0px;
	background:#f1f2f2;
}

@media(max-width:768px){
	
	.detail-tabs .nav-tabs.nav-justified > .active > a{
		border-bottom-color:#e6e7e8;
	}
	
	.detail-tabs .tab-content .tab-pane{
		border-top:1px solid #e6e7e8;
	}
}

/* -----------------------------------------------------
		Planning & Elevation Page
   ----------------------------------------------------- */
   
.gallery-block .gallery-mask{
	background:rgba(0,0,0,0.8);
}

.gallery-block:hover .gallery-mask{
	opacity:1;
	transform:scale(1);
}

.gallery-block .gallery-mask .gallery-title h2{
	color:white;
}

.gallery-block .gallery-mask .gallery-title p{
	color:#fec200;
}

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

.price-table{
	background:#f2f2f2;
}

.price-table:hover{
	transform:translateY(-10px);
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
}

.price-table .top-line{
	background:linear-gradient(to left, #1d2127 0%,#fec200 50%,#1d2127 100%);
}

.price-table .p-table-heading{
	background:#1d2127;
	color:#f2f2f2;
}

.price-table .p-table-heading .tag{
	background:white;
	color:#1d2127;
}

.price-table .p-table-heading .gr-line{
	background:linear-gradient(to left, #1d2127 0%,#fec200 50%,#1d2127 100%);
}

.price-table .p-table-heading p{
	color:white;
}

.price-table .features li{
	border-top:1px solid #e6e7e8;
	color:#767676;
}

.price-table .features li:first-child{
	border-top:0px;
}

/* -----------------------------------------------------
		Contact Page
   ----------------------------------------------------- */
   
#contact-form input,
#contact-form textarea{
	border-radius:0px;
	box-shadow:none;
}

#addresses .address-text-icon .fa{
	color:#fec200;
}

#addresses .address-text-icon a{
	color:#fec200;
}


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

#popup-ad .modal-content{
	border:0px;
	border-bottom:9px solid #faa61a;
	border-radius:0px;
}

#popup-ad .modal-content .modal-body .close{
	color:white;
	opacity:1;
}
   
#popup-ad .modal-content .modal-body:after{
	background:#303030;	
	transform:rotate(45deg);
}

.popup-ad-text h2{
	color:#000;
}

.popup-ad-text h2 span{
	color:#faa61a;
}

.btn{
	border-radius:0px;
	border:0px;
}

.btn-orange,
.btn-orange:focus{
	background:#faa61a;
	color:white;
}

.btn-orange:hover{
	background:#010101;
	color:white;
}