/**
Theme Name: Turner Custom
Theme URI: https://yellowfindigital.com/
Author: YellowFin Digital
Author URI: https://yellowfindigital.com/
Description: Turner custom desigend theme by YellowFin Digital.
Version: 1.0.0
Tags: two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turner
*/

body,html{ overflow-x:hidden; }

/** WordPress Defaults */
.alignleft, img.alignleft{ margin-right: 1em; display: inline; float: left; }
.alignright, img.alignright{ margin-left: 1em; display: inline; float: right; }
.aligncenter, img.aligncenter{ margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone{	/* not sure about this one */ }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { font-style: italic; font-size: 1.063rem; }
blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; }
.gallery{ position:relative; }
.gallery .gallery-item{display: inline-block;text-align: center;vertical-align: top;width: 25%;margin: 0 0 0.7em;}
.gallery.gallery-columns-1 .gallery-item{ width: 100%; }
.gallery.gallery-columns-2 .gallery-item{ width: 50%; }
.gallery.gallery-columns-3 .gallery-item{ width: 33.33%; }
.gallery.gallery-columns-5 .gallery-item{ width: 20%; }
.gallery.gallery-columns-6 .gallery-item{ width: 16.667%; }
.gallery.gallery-columns-7 .gallery-item{ width: 14.285%; }
.gallery.gallery-columns-8 .gallery-item{ width: 12.5%; }
.gallery.gallery-columns-9 .gallery-item{ width: 11.11%; }
.gallery img { box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2); border-radius: 6px; max-width: 84%; height: auto; }
.gallery img:hover{background-color: #ffffff;}
.gallery .gallery-caption { color: #999; font-size: 12px; margin: 7px 0 10px; line-height: 1.48; }
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br{ display: none; }
.bypostauthor{ text-transform: none; }
.bypostauthor .media-heading{ color: #d12a5c; }
.sticky{ position: relative; vertical-align: text-bottom; }

/** Sinle Post Common **/
.post-meta .meta{ display: inline-block; margin: 0 10px 3px 0; }
.post-meta .meta i{ margin-right: 2px; }
.meta.category .post-categories{ padding: 0; margin: 0; display: inline-block; list-style-type: none; }

/** Widget Common **/
aside.sidebar .widget{ margin-bottom: 25px; }
aside.sidebar .widget ul{ margin: 0; padding: 0; list-style-type: none; }
aside.sidebar .widget ul li{ padding: 8px 0; border-bottom: 1px solid #cccccc; }

/** 404 Page **/
body.error404 h2.title404 {
	font-size: 9em;
	margin: 0;
	font-weight: 700;
	line-height: .81em;
}
body.error404 p.error-page-text{ margin-bottom: 0; }
body.error404 .error-page-text span {
	font-size: 22px;
	text-transform: uppercase;
	padding: 5px 0;
	display: block;
}
.turner-search-box h3{ margin-bottom: 0; }
.turner-search-box p{ margin-bottom: 5px; }

/** Search Form **/
.search-form label{ display: inline-block; position: relative; margin: 0; width: calc( 100% - 45px ); }
.search-form .search-submit { text-indent: -99px; border: 2px solid #414141; border-left: 0; height: 45px; width: 45px; cursor: pointer; float: right; }
.search-form label{ position: relative; margin: 0; width: calc( 100% - 45px ); }
.search-form label:after { content: "\f002"; font-family: "FontAwesome"; position: absolute; top: 15px; right: -28px; cursor: pointer; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important; }

/** Main Layout **/

/*MAIN STYLESHEET*/
body,html{ overflow-x:hidden; }
body { font-family: 'Overpass', sans-serif; overflow-x: hidden !important; color:#414141; }
a{ text-decoration: none; }
a:hover{ text-decoration: none; }
a:focus{ outline: none; text-decoration: none; }
.font-weight-bold { font-weight: 700 !important; }
p{ margin:0; }
p a{ color:#484848; }
p a:hover{ color:#1f5aa7; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	color: #000000;
}

/** Listing **/
ul.turner-listing { list-style: disc; padding: 0; }
.turner-listing li { 
	margin-left: 15px; 
	color: #1f5aa7; 
	line-height: 1.2; 
	margin-bottom: 8px;
}
.turner-listing li span{ color:#555; }

ul#menu-footer-menu { list-style: disc; padding: 0; }
#menu-footer-menu li { 
	margin-left: 15px; 
	color: #1f5aa7; 
	line-height: 1.2; 
	margin-bottom: 8px;
}
#menu-footer-menu li span{ color:#555; }


/** Main Layout **/

#main-content{ padding-top: 80px ; padding-bottom: 80px;}
.flush-top-space{ padding-top: 0 !important; }
.flush-bottom-space{ padding-bottom: 0 !important; }
.flush-top-bottom-space{ padding-top: 0 !important; padding-bottom: 0 !important; }

/* HEADER 
--------------------------------*/
#header{
	display: inline;
	width: 100%;
	position: absolute;
	top:0px;	
	padding:10px 0;
	z-index:9;
}
#header.no-banner{
	position:relative;
	display:block;
	background:#1b1a1a;
}
header .btn{
	border-radius:0;	
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px;
	line-height: 1;
	display:inline-block;
}
header .btn-login>a{
	color: #fff;
	background: #1f5aa7;
	text-transform: uppercase !important;
	font-size: 14px !important;
	padding-top: 12px !important;
	height: 36px;
	display: inline-block;
}
.get-social{ padding: 0; margin: 0; }
.get-social li{
	display:inline-block;
	margin-left: 2px;
}
.get-social a{
	display:block;
	height:36px;
	width:36px;
	background:#fff;
	color:#000 !important;
	font-size:16px;
	padding:0;
	line-height:38px;
}
.get-social li .btn-fb:hover {
	background:#3b5998;
	color:#fff !important;
}
.get-social li .btn-insta:hover {
	background:#833ab4;
	color:#fff !important;
}
.get-social li .btn-pin:hover {
	background:#bd081c;
	color:#fff !important;
}
.get-social li .btn-twit:hover {
	background:#1da1f2;
	color:#fff !important;
}
.get-social li .btn-gplus:hover {
	background:#db4437;
	color:#fff !important;
}
.get-social li .btn-linkedin:hover {
	background:#007bb5;
	color:#fff !important;
}
/* MAIN MENU
--------------------------------*/
.sticker.stick .navbar {
	background: rgba(0,0,0,1);
}
#header-sticky-wrapper.sticky-wrapper{
	height: unset !important;
}
#header-sticky-wrapper.is-sticky #header{
	background-color: rgba(3,13,27,0.95);
	padding: 0;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-top: 20px;
	padding: 12px 0px;
}
#navbar{
  overflow-x: hidden;
}
.navbar {
	padding:0;
	margin:10px 0 10px;
}
.navbar-brand img {
	max-height: 60px;
	display: block;
	margin: 0;
}
.nav-item {
	padding:0px 5px;
}
.navbar-expand-md .navbar-nav .nav-link {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 10px 15px 8px;
	line-height: 1;
}
.nav-link:hover{	
}
.nav-item.active > a, 
.nav-item.active > .nav-link, 
.nav-item.active > a a:focus {

}
.navbar ul li {
	position: relative;
}
.navbar ul li.current a {
	color:#1f5aa7;
}
.dropdown-menu {
	padding: .5rem 0;
	margin: 00rem 0 0;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	border: solid 1px #fff;
	border-radius: 0;
	top:101%;
}
.dropdown-item {
	color: #fff;
}
.nav-btn{
	background:#1f5aa7;
}

/* SLIDER
---------------------------------------*/
#main-slider{
	border-bottom:solid 1px #fff;
	position:relative;	
}
.carousel-item .slide-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
	display: block;
	opacity: 0.7;
}
.carousel-item{
	background:#272727;
}
.carousel-inner .carousel-item img{
	opacity: 0.7;
	width:100%;
}
.carousel-caption {
	position: absolute;
	bottom: 30%;
	color: #fff;
	/* left: auto; */
	width:100%;
	max-width: 700px;
	text-align: center;
	left: 0;
	right:0;
	/* right: auto; */
	margin: auto;
}	
.carousel-caption h1{
	font-size:70px;
	color: #ffffff;
	font-weight:900;
	margin:0 0 15px 0; 
	padding:0;
	line-height:1.2;
	text-shadow: 0px 5px 49px rgba(0,0,0,0.5);	
	font-family: 'Noto Serif', serif;
}
.carousel-indicators {
	z-index: 1;   
}
.carousel-indicators li {
	height:4px;
	width:40px;
	margin:0px 4px;
	background-color: rgba(255,255,255,1);
}
.carousel-indicators .active {
	background-color: #1f5aa7;
}		
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: auto;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
	padding-left: 0;
	 margin-right: 3%;  
	list-style: none; 
	display:none;   
}
.carousel-caption .btn-turner.btn-white {
	background:rgba(0,0,0,0.56);
}
.carousel-caption .btn-turner.btn-white:hover{
	background:rgba(255,255,255,1);
	color:#000 !important;
}
#main-slider .down-arrow {
	position: absolute;
	display: block;
	width: 100%;
	/* height: 32px; */
	bottom: 10%;
	left: 0;	
	text-align:center;
}
.down-arrow-in {
	width: 100%;    
}
.down-arrow .btn{
	background:transparent;
	padding:0;
	margin:0;
	color:#fff;
}

/* COLORS
--------------------------------*/
.color-blue{ color:#1f5aa7; }
.color-black{ color:#000; }
.big-text { font-size: 24px; line-height: 1; }

/* BGCOLORS
--------------------------------*/
.bg-blue{ background:#1f5aa7; }
.bg-black{ background:#000 !important; }
.bg-gray{ background:#dedede; }
.bg-lightgray{ background:#efefef; }
.bg-lightergray{ background:#fafafa; }

/* BUTTONS 
--------------------------------*/
.btn{
	cursor: pointer;
	border-radius: 0;
}
.btn.btn-turner{
	padding: 12px 22px 7px;
	line-height: normal;
	font-size: 16px;
	font-weight: 800;
	margin: 0;
	border: solid 3px;
	background: transparent;
	text-transform: uppercase;
}
.btn.btn-turner.btn-white{
	border-color:#fff;
	color: #fff !important;
}
.btn.btn-turner.btn-black{
	border-color:#000;
	color: #000 !important;
}
.btn.btn-turner.btn-black:hover{
	background:#000;
	color:#fff !important;
}
.btn.btn-turner.btn-white:hover{
	background:#fff;
	color:#000 !important;
}


/* FORMS
--------------------------------*/
input[type="text"], input[type="email"],
input[type="tel"], input[type="password"],
input[type="search"], input[type="number"],
.form-control{
	display: block;
	width: 100%;
	height: 50px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	border-radius: 0px; 
	box-shadow:none;
	border-color:#dedede;   
}
input[type="search"]{
	border: 2px solid #414141;
	height: 45px ;
}
.form-control:focus {
	outline: 0;  
	box-shadow:none; 
}
form label {
	margin-bottom: 0;
	font-size: 14px;
	line-height:1;
}
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #999;
}
.form-control::-webkit-input-placeholder {
	color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}
.form-padding{
	padding:50px;
	background:#fff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15); 
}

/* Titles 
--------------------------------*/
/*.main-title{ margin-bottom:25px; }
.main-title .h1{ text-transform: capitalize; font-size: 48px; font-weight: 600; color: #000; }*/

.main-title{ margin-bottom:25px; position:relative; color: #000000; }
.main-title .h1{
	/*text-transform: capitalize;
	font-size: 32px;
	overflow: hidden;
	color: inherit;
	text-align: center;*/
	overflow: hidden;
	text-align: center;
	text-transform: capitalize;
	font-size: 32px;
	color: inherit;
	line-height:1.5;
}
.single-turner-portfolio .main-title .h1{ 
	overflow: hidden;
	text-transform: capitalize; 
	font-size: 40px; 
	color: inherit;
	font-weight: 700 !important;
}
.main-title .h1:before,
.main-title .h1:after{
/*	background-color: #dcdcdc;
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 50%;*/
	background-color: #dcdcdc;
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.main-title .h1:before{ right: 0em; margin-left: -50%; }
.main-title .h1:after{ left: 0em; margin-right: -50%; }
.main-title .h1 span{ position:relative; padding:0 20px; }
.main-title .h1 span:before,
.main-title .h1 span:after{
	/*content:"";
	position:absolute;
	height:10px;
	width:10px;
	border-radius:10px;
	background:#ffffff;
	border:solid 2px #dcdcdc;
	left:0;
	top:35%;*/
	content:"";
	position:absolute;
	height:10px;
	width:10px;
	border-radius:10px;
	background:#fff;
	border:solid 2px #dcdcdc;
	left:0;
	top:35%;
}
.main-title .h1 span:after{ right:0; left:auto; }

/* Padding & Margins 
--------------------------------*/
.pt80{ padding-top:80px; }
.pb80{ padding-bottom:80px; }
.ptb80{ padding-top:80px; padding-bottom:80px; }
.pt40{ padding-top:40px; }
.pb40{ padding-bottom:40px; }
.ptb40{ padding-top:40px; padding-bottom:40px; }
.nopadding{ padding-left:0; padding-right:0; }
.nomargin{ margin-left:0; margin-right:0; }
.mb30{ margin-bottom:30px; }
.mt30{ margin-top:30px }
.mb1rem{ margin-bottom:1rem; }

/* PAGE : TITLE
--------------------------------*/
#heading-banner{
	background-size:100% 620px;
	height:620px;
	position:relative;
}
.heading-banner-inner {
	display: table;
	width: 100%;	
	height: 100%;
	vertical-align: middle;
	background:rgba(0,0,0,0.23);
}
.heading-banner-text{
	display:table-cell;
}
.heading-banner-text h1{
	font-family: 'Noto Serif', serif;
	text-transform:capitalize;
	color:#fff;
	font-size:60px;
	padding-top: 50px;
}

/*--
PORTFOLIO----------------*/
.tpg-list { margin-bottom: 30px; }
.home .tpg-list { margin-bottom: 0px; }
.tpg-grid { background:#fff; text-align:center; position:relative; }
.tpg-img img{ width: 100%; height: auto; }
.tpg-content h3, .tpg-content h6{
	color: #000;
	font-weight: 600;
	margin-bottom: 0em;
 	text-transform: inherit;
}
.tpg-content h3{ font-size:30px; }
.tpg-content h6{ font-size:20px; font-weight: 800; margin-bottom: 20px; }
.tpg-info-hover {
	position: absolute;
	width: 100%;
	left:0;
	opacity:0;
	height:0;
	height:100%;
	width:101%;
	top:0;
	transition: all 0.4s ease-in-out 0s; 
}
.tpg-grid:hover .tpg-info-hover {  opacity: 0.9; }
.tpg-info-table {
	display:table;
	height: calc(100% - -5px);
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+40,1+60 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.tpg-info-tablecell { display:table-cell; height:100%; width:100%; vertical-align:bottom; }

/*--
PORTFOLIO- DETAIL----------------*/
.portfolio-single { margin-bottom: 30px; }
.portfolio-single p{ font-size: 18px ; }
.portfolio-single .tpg-grid .tpg-info-table{ padding: 30px; }

/*----------------------
STAFF----------------------*/

.staff .main-title {
	margin: 40px 0 35px;
}
.staff .slick-slider {
	margin-bottom: 0px;
}
.staff-member-in{
	display:table;
	width:100%;
	background:#fff;
}
.staff-img, .staff-text{
	display:table-cell;
	vertical-align:middle;
}
.staff-img{
	width:370px;
}
.staff-img img{
	width:100%;
}
.staff-text{
	padding: 0 40px;
}
.staff-slick-arrows{
	text-align:right;
	margin: 0;
}
.staff-slick-arrows .slick-prev, .staff-slick-arrows .slick-next{
	left: auto;
	background-image: none;
	height: 35px;
	width: 35px;
	border-radius: 0;
	border: solid 2px #aaa;
	padding: 0;
	background: #fff;
	position: relative;    
	right: auto;
	display: inline-block;
	margin:0;
}
.staff-slick-arrows .slick-prev{
	right:5px;
}
.staff-slick-arrows .slick-prev .fa, .staff-slick-arrows .slick-next .fa{
	color: #000000;
	font-size: 24px;
}
.fadeIn-bottom{
	top: 80%;
}

.team-title .main-title{ text-align: left; }
.team-arrow .staff-slick-arrows{ text-align: right; }
.team-list{ margin-top: 10px; }
.team-grid{ text-align:center; position:relative; }
.team-grid-img img { width: 100%; }
.team-grid-content { padding:15px; }
.team-grid-content p { font-size:15px; margin-bottom: 0; }
.team-grid-detail .phone { margin-bottom: 0; }
.team-grid h5 { font-size:22px; font-weight:700; color:#000; }
.team-grid-info-hover {
	position: absolute;
	width: 100%;
	left:0;
	opacity:0;
	height:0;
	height:100%;
	width:101%;
	top:0;
	transition: all 0.4s ease-in-out 0s; 
}
.team-grid-about { padding:15px 20px 15px; }
.team-grid:hover .team-grid-info-hover { opacity:1; }
.team-grid-info-table {
	display:table;
	height: calc(100% - 60px);
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+40,1+60 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.team-grid-info-tablecell { display:table-cell; height:100%; width:100%; vertical-align:bottom; }
.team-grid-btn { position: relative; }

/*--Single Staff--*/
.turner-img img{ width: 100%; }
.turner-detail p{ font-size: 18px; margin-bottom: 10px; }

/*--HOME PAGE---*/
.vc_section.custom-homes-portfolio{
	background-position: right top !important; 
}
.vc_section.custom-homes-portfolio p{
	font-size: 18px; 
}
.vc_section.homepage-about-section p{ 
	line-height: 1.2; 
	max-width: 1200px; 
	margin: auto; 
}
.vc_section.homepage-about-section {
	background:linear-gradient(0deg,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),url(images/bg-home-about.jpg); 
}

/*--ABOUT PAGE---*/
.vc_section.about-us>.vc_row .wpb_column .vc_row p{
	line-height: 1.4; 
}
.about-us>.vc_row>.wpb_column>.vc_column-inner>
.wpb_wrapper>.vc_row>.wpb_column>.vc_column-inner{
	height: 350px !important; 
}

.about-us-sec .left-text .vc_column-inner{
	padding: 50px 80px!important;
}
.about-us-sec .left-text hr{ border-top: 1px solid rgba(0,0,0,.1); }
.tc-icon-box{
	display:table;
	color: #ffffff;
	text-transform:uppercase;
	line-height:1.2;
}
.tc-icon-box .tcib-text,
.tc-icon-box .tcib-icon{ display:table-cell; vertical-align:middle; }
.tc-icon-box .tcib-icon{ padding-right: 10px; }
.tc-icon-box .tcib-text{ font-size: 18px; font-weight: 600; }
.inner-outline{ outline: 1px solid #ffffff; outline-offset: -15px; }

/*Build With Us*/
.thankyou-section p{  font-size: 18px; }
.email-us{ word-wrap: break-word; }

/*--Contact section---*/
.contact-now{	
	background-size:cover;
}
.contact-now .form-control{
	background:transparent;	
	margin-top:10px;
	color:#fff;
}
.contact-now .form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
.contact-now .form-control:-ms-input-placeholder {
	color: #fff;
}
.contact-now .form-control::-webkit-input-placeholder {
	color: #fff;
}
.custom-control-label {
	line-height:1.8;
}
.contact-now textarea.form-control{
	height:auto;
}
.contact-now .btn-submit{
	margin:auto;
	width:125px;
}
/*Client Login page*/
.padding-full-sec-box .vc_column-inner {
    padding: 80px !important;
}
.client-login-form {
    max-width: 550px;
    margin: 0 auto;
}
/*only firefox browser*/
@-moz-document url-prefix() {
	 #map_canvas{
	}
}

/* FOOTER 
--------------------------------*/
footer {
	background: #dddddd;
	padding-top: 60px;		
	color:#4d4a4a;
	font-size:16px;
	line-height: 1.2;
	border-top:solid 1px #fff;
}
footer h6 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 800;
	color:#000;
}
footer a {
	color: #4d4a4a;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
footer a:hover{
	color:#000;
}
.f-logo img{
	max-width:160px;
	width:100%;
}
.f-contact .fc {
	display:table;
	margin-bottom:10px;
}
.fc-icon, .fc-text {
	display:table-cell;
	vertical-align:top;
	font-size:18px;
}
.fc-icon {
	width: 25px;
	text-align: left;
}
.members-logo {
	text-align: right;
}
.m-logo-area{
	display:block;
	width:100%;
}
.m-logo {
	display: inline-block;
	vertical-align: middle;
	border: solid 1px rgba(255,255,255,0.2);
	padding: 8px;
	height:60px;
	width:60px;
	border-radius: 3px;
	background:#fff;
	border:solid 1px #aaa;
	margin-bottom: 4px;
}
.m-logo img{
	width:100%;
	max-width:70px;
	max-height:70px;
	margin:2px auto auto;
	display:block;
	border-radius: 0px;
}
.footer-bottom{
	padding:10px 0;
	background:#c6c6c6;	
	font-size:14px;
	color:#666;
	margin-top:50px;
}
.footer-bottom .copyright{
	padding-top:12px;
}
footer .get-social{
	text-align:right;
}

/* 
BACK TO TOP SCROLL ------------------*/
.cd-top{
	display: inline-block;
	position: fixed;
	bottom: -12px;
	right: 10px;
	font-size:40px;
	color: #000;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible{
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	z-index: 10;
}
.cd-top.cd-fade-out{
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .7;
}
.no-touch .cd-top:hover{
	opacity: 1;
	color:#c00a32;
}

/* 
HOVER ----------------------*/
a, a:hover, .btn.btn-turner span, .btn.btn-turner:hover span, .slick-next:hover, .slick-prev:hover, .slick-next, .slick-prev, .h-community, .h-community:hover .h-community-img img, .h-community .h-community-img img, .comm-home-plan:hover .expand-img, .comm-home-plan .expand-img {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

/* MEDIA QUERIES */

@media(max-width:1480px ){
	.carousel-caption {
		bottom: 25%;
	}
	.carousel-caption h1{
		font-size: 48px;	
	}
	.vc_section.homepage-about-section{ 
		background-position: unset !important; 
		padding-top: 80px !important; 
		padding-bottom: 80px !important; 
	}
}
@media(max-width:1280px ){
	#header .container {
		width: 98%;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0px;
		padding-left: 0px;
	}
	.heading-banner-text h1{
		font-size:48px;
	}
	.about-us-sec .left-text .vc_column-inner{
		padding: 40px 70px!important;
	}
}
@media(max-width:1200px ){
	.about-us-sec .left-text .vc_column-inner{
		padding: 30px 20px!important;
	}
}
@media(max-width:1180px ){
	.navbar-nav .nav-link {
		font-size: 12px;
	}
	.fc-text span{
		display:inline-block;
	}
	.m-logo{
		padding: 5px;
		height: 60px;
		width: 60px;	
	}
	#heading-banner{
		background-size: 100% 450px;
		height: 450px;
	}
	.ptb80 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#main-content{ padding-top: 40px; }
	.vc_section.custom-homes-portfolio{ 
		padding-top: 50px !important; 
		padding-bottom: 50px !important; 
	}
	.vc_section.custom-homes-portfolio>.vc_row>.wpb_column>.vc_column-inner>
	.wpb_wrapper .wpb_content_element:nth-child(3){
		margin-bottom: 0px !important;
	}
	.vc_row.thankyou-section{ 
		padding-top: 50px !important; padding-bottom: 50px !important; 
	}
	.portfolio-overlayimage { padding-bottom: 30px; }
	.team-grid-about {     padding: 10px 10px 10px; }
	.padding-full-sec-box .vc_column-inner{
		padding: 50px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) { }
@media only screen and (max-width: 991.5px) {
	.padding-full-sec-box .vc_column-inner{
		padding: 50px 35px !important;
	}
}

@media(max-width:991.5px ){
	.navbar-expand-md .navbar-nav .nav-link {
		font-size: 14px;
		font-weight: 600;
		padding: 10px 8px 8px;
	}
	.carousel-caption h1 {
		font-size: 36px;
	}
	.main-title, .vc_custom_heading.h1{
		margin-bottom: 15px;
	}	
	.main-title h1 {
		font-size: 30px;
	}
	header .get-social li{ margin-left: 0; }
	#main-content, .ptb80{ padding-top: 30px; padding-bottom: 30px; }
	.btn-login>a{
		margin-right: 5px;
	}
	.members-logo, .f-social {
		text-align: center;
		margin-top:20px;
	}
	footer .get-social{ text-align: center; }
	.btn.btn-turner {
		padding: 8px 10px;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0;
	}
	.portfolio-details h3 {
		font-size: 24px;
		letter-spacing: -0.5;
	}
	.portfolio-details h6 {
		font-size: 16px;
	}
	.f-logo img {
		max-width: 160px;
		width: 100%;
	}
	#heading-banner {
		background-size: 100% 300px;
		height: 300px;
	}
	.heading-banner-text h1 {
	   font-size:36px;
	}
	.portfolio-single p {
		font-size: 14px;
	}
	.vc_section.homepage-about-section{ 
		background-position: unset !important; 
	}
	.vc_section.homepage-about-section p{ 
		font-size: 16px ;
	}
	.vc_section.homepage-about-section .wpb_text_column.wpb_content_element.big-text{ 
		margin-bottom: 22px !important; 
	}
	.vc_section.homepage-about-section, .vc_section.custom-homes-portfolio, 
	.vc_row.thankyou-section{ 
		padding-top: 30px !important ;
		padding-bottom: 30px !important; 
	}
	.vc_section.custom-homes-portfolio>.vc_row>.wpb_column>.vc_column-inner>
	.wpb_wrapper .wpb_content_element:nth-child(3){
		margin-bottom: 0px !important;
	}
	.about-us p{
		line-height: 1.2 !important;
	}
	.about-us>.vc_row>.wpb_column:nth-child(odd) .wpb_wrapper>
	.vc_row:nth-child(1), .about-us>.vc_row>
	.wpb_column:nth-child(even) .wpb_wrapper>.vc_row:nth-child(2){ 
		padding: 0 10px !important;
	}
	body.turner_portfolio h1{ font-size: 30px; }
	body.turner_portfolio h4{ font-size: 18px; }
	body.turner_portfolio p{ font-size: 14px !important; }
	.tpg-grid{ border: 1px solid #e3e3e3; }
	.tpg-info-table{ background: transparent; }
	.tpg-grid .tpg-info-hover,
	.tpg-grid:hover .tpg-info-hover{
		opacity: 1;
		position: relative;
    	padding: 15px 10px;
    	background-color: #f4f4f4;
	}
	.tpg-content h3{ font-size: 24px; }
	.tpg-content h6{ font-size: 18px; margin-bottom: 0; }
}
@media (max-width: 767.5px){
	#header {
		position: relative;
		background: #1f5aa7;
		display: block;
	}
	.header-right .get-social{
		display:none;
	}
	.navbar-brand img {
		height: 45px;    
	}
	.navbar {
		margin-top: 0;
	}
	.nav-item {
		padding: 0 15px;
		text-align: right;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 3px;
		font-size: 16px;
		color:#fff;
	}
	.btn-login>a{
		margin:0; 
		padding: 12px 10px 10px !important;
	}
	.navbar-collapse {
		top: 55px;
	}
	.navbar-toggler {
		background: #000;
		color: #fff;
		border-radius: 0px;
		height: 36px;
		width: 36px;
		padding: 0;
		line-height: 2;
		font-size: 18px;
		cursor: pointer;
		right: 0;
		top: 0px;
	}
	.navbar-toggler-icon {
		width: auto;
		height: auto;
		vertical-align:top;
	}
	.navbar-collapse {
		background: #383838;
		right: 0 !important;
		position: absolute;
		top: 65px;
		min-width: 290px;
		z-index: 9;
	}
	.navbar-nav{
		padding:15px;
	}
	.header-right.text-right.my-2.my-lg-0 {
		margin: 0px !important;
	}
	.navbar-toggler {
		margin: 2px 5px 0 auto !important;
	}
	.navbar-nav .nav-link {
		font-size: 14px;
	}
	footer h6 {
		font-size: 18px;
		margin-top: 20px;
	}
	.members-logo, .f-social {
		text-align: left;
	}
	footer .get-social{ text-align: left; }
	.footer-bottom, .footer-bottom .get-social {
		text-align: center !important;
	}
	.footer-bottom .get-social{
		margin-top:10px;
	}
	.staff .main-title {
		margin: 24px 0 0px;
	}
	.staff-img, .staff-text{
		vertical-align:top;
	}
	.staff-img {
		width: 250px;
	}
	.staff-text {
		padding: 15px;
	}
	.staff-slick-arrows {
		margin: 23px 0;
	}
	.staff-slick-arrows .slick-prev, .staff-slick-arrows .slick-next {
		height: 30px;
		width: 30px;
	}
	.about-us>.vc_row .wpb_column:nth-child(odd)>.vc_column-inner>
	.wpb_wrapper>.vc_row:nth-child(1), 
	.about-us>.vc_row .wpb_column:nth-child(even)>.vc_column-inner>
	.wpb_wrapper>.vc_row:nth-child(2){
		padding: 30px !important;
	}
	.about-us>.vc_row>.wpb_column:nth-child(odd)>.vc_column-inner>
	.wpb_wrapper>.vc_row:nth-child(1)>.wpb_column>.vc_column-inner, 
	.about-us>.vc_row>.wpb_column:nth-child(even)>.vc_column-inner>
	.wpb_wrapper>.vc_row:nth-child(2)>.wpb_column>.vc_column-inner{
		height: unset !important;
	}
	.about-us p{    
		line-height: 1.2 !important;
	}
	.build-with-us .vc_row:not(:last-child)>.wpb_column:nth-child(2) 
	.vc_column-inner, .build-with-us .construction-text>.vc_column-inner{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.divider_heading h1:before, .divider_heading h1:after { height: 0px;   }
	.divider_heading h1 span:before, .divider_heading h1 span:after {
		content: none; height: 0px; border: 0;
	}
	.team-grid { max-width: 400px;     margin: 0 auto; }
	.team-title .main-title{ text-align: center; }
	.team-arrow .staff-slick-arrows{ text-align: center; }
}
@media (min-width: 576px) and (max-width: 767px) { 
}
@media only screen and (max-width:767px) {
    h2 { font-size: 1.5rem; }
    .main-title .h1 { font-sizt:26px }
}
@media (max-width: 575.5px){
	#main-slider .down-arrow {
		display: none;
	}
	.carousel-caption h1 {
		font-size: 24px;
		margin-bottom:5px;
	}
	.vc_section.custom-homes-portfolio {
		background: url(images/h-about-portfolio-mobile.jpg) no-repeat center bottom !important;
		background-size: 100% auto !important;
		padding-bottom: 120px !important;
		padding-top: 30px !important;
	}
	footer {
		padding-top: 30px;
	}
	.m-logo {
		height: 50px;
		width: 50px;
		padding:5px;
	}
	.staff .main-title h1 {
		font-size: 24px;
		padding:0; margin:0;
	}
	.staff-img, .staff-text {
		display: block;
	}
	.staff-img {
		width: 100%;
	}
	.main-title h1 span::before, .main-title h1 span::after { bottom: 6px!important; top: auto!important; }
}
@media(min-width:575.5px ){
	.container{
		max-width:none ;
		width:92%;
		margin:auto ;
	}
    
}
@media ( max-width: 575px ) {
	.main-title .h1 span::before, .main-title .h1 span::after { bottom: 12px; top: auto; }
	.main-title .h1 span { padding: 0 10px; max-width: 260px; display: inline-block; line-height:1; }
	.padding-full-sec-box .vc_column-inner{
		padding: 50px 15px !important;
	}
}