/*** -1 Herobanner ***/
#herobanner { 
	position: relative;
	height: calc(100vh - 100px); overflow: hidden; 
}
#herobanner .slick-slide { height: calc(100vh - 100px); }
	/* -- hero overlay */
	#herobanner .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	/* -- hero image */
	#herobanner .slick-slide .has-image { height: 100% }
	/* -- hero title */
	#herobanner .slick-slide .has-content .absolute-top { width: 40%; }
	#herobanner .slick-slide .has-content h3 { font-size: 4rem; }

	.slick-prev { left: 25px; }
	.slick-next { right: 25px; }

	@media (max-width: 767px) {
		#herobanner { 
			position: relative;
			height: calc(80vh - 100px); overflow: hidden; 
		}
		#herobanner .slick-slide .has-content h3 { font-size: 2em; }
		#herobanner .slick-slide { height: calc(80vh - 100px); }

		.navbar-default, 
		.navbar-default .navbar-nav>.active>a, 
		.navbar-default .navbar-nav>.open>a, 
		.navbar-default .navbar-nav>.active>a, 
		.navbar-default .navbar-nav>.active>a:focus, 
		.navbar-default .navbar-nav>.active>a:hover {
			width: auto; display: inline;
		}
	}

/*** -3 Why Us ***/
#extras { position: relative; }
#extras .table-div { width: 100%; }
	.square { position: relative; }
	.square:after {
	  	content: ""; display: block;
	  	padding-bottom: 100%;
	}
#extras h3 { font-size: 28px; }
/* -- top */
/* --- left */
	/* -- overlay */
	#extras .top .left .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c8393+10,ffffff+100&1+10,0+100 */
		background: -moz-linear-gradient(left, rgba(34,34,34,1) 5%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(34,34,34,1) 5%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(34,34,34,1) 5%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8393', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	/* ---- content */
	#extras .top .left .content { position: relative; padding-left: 30px; width: 50%; }
	
/* -- bottom */
	/* -- title */
	#extras .btm a { overflow: hidden; }
	#extras .btm a .absolute-center { top: 80%; width: 40%; text-align: center; }
	/* -- overlay */
	#extras .btm a:nth-child(odd) .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,222222+75&0+50,1+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(34,34,34,0.5) 70%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(34,34,34,0.5) 70%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(34,34,34,0.5) 70%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	}
	#extras .btm a:nth-child(even) .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6921e+50,f6921e+75&0+50,1+100 */
		background: -moz-linear-gradient(top, rgba(246,146,30,0) 50%, rgba(246,146,30,0.5) 70%, rgba(246,146,30,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(246,146,30,0) 50%,rgba(246,146,30,0.5) 70%,rgba(246,146,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(246,146,30,0) 50%,rgba(246,146,30,0.5) 70%,rgba(246,146,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6921e', endColorstr='#f6921e',GradientType=0 ); /* IE6-9 */
	}

	@media (max-width: 1199px) {
		#extras h3 { font-size: 2rem; }
		#extras .btm a .absolute-center { width: 50%; }
	}

/*** -4 Why Us ***/
#whyus { position: relative; background-size: 100%; }
	#whyus .title-subheading{ font-size: 32px; font-weight:bold; margin-bottom:30px;}
	#whyus .btn-home-cta-holder{
		text-align:center;
		padding-top:30px;
	}
	#whyus a.btn-home-cta.btn-custom{
		width:auto;
	}
	
	#whyus ul { padding: 0; }
	#whyus li { list-style-type: none; }
	
	#whyus .table-div { margin: 0 auto; float:left; }
	#whyus .left, #whyus .right { vertical-align: middle; }
	#whyus .left { padding-right: 30px; }
	#whyus .right h2 { margin: 0; }
	#whyus  .tick-title { font-weight:bold; font-size:24px;}

	@media (max-width: 767px) {
		#whyus li { display: block; float: left; width: 50%; }
		section { width: 100%; overflow-x: hidden; }
	}

	
	
	/* -- overlay */
	#whyus .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&1+50,0+100 */
		background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
		/* -- icon */
		#whyus .left svg { width: 50px; height: 50px; }
		/* -- heading */
		#whyus .right h3 { margin-top: 0; text-transform: uppercase; }


/*** -5 Promotional ***/
#promotional { position: relative; padding: 100px 0; }

	/* -- overlay */
	#promotional .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c8393+10,ffffff+100&1+10,0+100 */
		background: -moz-linear-gradient(left, rgba(124,131,147,1) 5%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(124,131,147,1) 5%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(124,131,147,1) 5%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8393', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
		/* -- icon */
		#promotional .has-svg { padding-right: 25px; }
		#promotional svg { width: 150px; height: auto; }
		/* -- title */
		#promotional h2 { font-size: 3rem; margin-top: 0; display: inline-block; }



/*** -1 Subpages: General; ***/
	/*.site-content { margin-top: 100px; }*/

	/* -- Page Banner */
		.entry-header { position: relative; }
		.entry-header .overlay {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
			background: -moz-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 60%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 60%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		}
	/* -- Page Title */
		.entry-title { padding: 150px 0; }

		@media (max-width: 767px) {
			.entry-title { padding: 80px 0; font-size: 30px; width: 50%; }
			.entry-header .overlay {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
			background: -moz-linear-gradient(to right, rgba(255,255,255,.9) 20%, rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 60%); /* FF3.6-15 */
			background: -webkit-linear-gradient(to right, rgba(255,255,255,.9) 20%, rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 60%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(255,255,255,.9) 20%, rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
			}
			.entry-content > p > img { width: 100%; height: auto; }
		}


	/* -- Sidebar Right */
		#sidebar-left .widget, #sidebar-right .widget {
			padding: 30px 15px 15px;
			background-color: #fdfdfd;
			margin-bottom: 50px;
		}
		.widget-title { font-weight: bold; /*color: #F6921E;*/ }
		.gform_fields { padding-left: 0; }

		.dl-horizontal dt { width: 50px; }
		.dl-horizontal dd { margin-left: 70px; }

	/* -- Sidebar Right */
	#addon { min-height: 300px; overflow: hidden; }
	.overimg {
		position: absolute; top: 0; left: 0;
		width: 100%; height: 100%;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#addon:hover .overimg, #extras .square:hover .overimg {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	#addon .overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,222222+75&0+50,1+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(34,34,34,0.5) 70%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(34,34,34,0.5) 70%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(34,34,34,0.5) 70%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	}

	#addon h3 { 
		position: absolute; top: 80%; left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
    	width: 50%;
    	text-align: center; 
	}

	@media (max-width: 767px) {
		#addon h3 { width: 90%; }
		#sidebar-left .widget, #sidebar-right .widget { border-top: 1px solid #F6921E; border-radius: 15px; }
	}


/*** -3 Subpages: About Us ***/
	#sub-aboutus h2 {
		position: relative; top: 15px;
		background-color: #fff;
		width: auto; margin: 0 auto;
		display: inline-block;
		padding: 0 30px;
	}
	#sub-aboutus ul { padding: 30px 0; overflow: hidden; border-radius: 10px; border: 1px solid #aaa; }
	#sub-aboutus ul li { display: inline-block; padding: 10px 0; }
	#sub-aboutus ul li h4 { position: relative; width: auto; display: inline; }

/*** -4 Subpages: Blog ***/
	.display-posts-listing { list-style: none; margin: 0; padding: 0; }

	.listing-item { width: 33.33%; float: left; padding: 0 10px; margin-bottom: 30px;}
	.listing-item:nth-child(3n+1) { clear: left; }

	.listing-item a.image {
		width: 100%; height: 200px;
		overflow: hidden; display: block;
	}
	.listing-item a.image img { width: 100%; height: auto; }
	.listing-item:hover a.image img {
		opacity: .8;
		transition: all .5s ease;
	}
	.display-posts-listing a.title {
		color: #000;
		font-size: 18px; font-weight: bolder;
		display: block; padding: 15px 0;
	}
	.listing-item:hover a.title { color: #F6921E; transition: all .5s ease; }
	.display-posts-listing .date{
		display: block; font-style: italic;
		padding-bottom: 15px;
	}
	.display-posts-listing .date:before { content: "Published Date: "; }
	.display-posts-listing .excerpt-dash { display: none; }

	@media (max-width: 767px) {
		.listing-item { width: 100%; }
	}

/*** -4 Subpages: Services ***/
	h4.subheading { font-size:24px; line-height:30px; margin-bottom:30px; }
	.entry-content a { color: #555; text-decoration: underline; }

	.more-content { position: relative; overflow: hidden; }
	.more-content .box-content { border-bottom: 1px solid #ddd; padding: 10px 0; }
	.more-content .box-content:last-child { border-bottom: 0; }
	.box-content--svg svg { width: 50px; fill: #555; }

	.box-col { border-radius: 15px; border: 1px solid #eee; padding: 30px; margin-bottom: 20px; }
	.more-content--col:nth-child(odd) > div { padding-left: 0; clear: both; }
	.more-content--col:nth-child(even) > div { padding-right: 0; }
	.col-content { padding-top: 20px; }

	.box-col--a { text-decoration: none !important; color: #555; }
	.box-col--a:hover { text-decoration: none; color: #555; }
	.box-col--a .box-col { border: 1px solid #F49121; }



	@media (max-width: 991px) {
		.box-col { min-height: 0; margin-bottom: 20px; }
		.more-content--col:nth-child(odd) > div { padding-left: 15px; }
		.more-content--col:nth-child(even) > div { padding-right: 15px; }

		#extras .btm a { max-height: 300px; margin-bottom: 30px; }
	}

	@media (max-width: 767px) {
		.more-content { padding-bottom: 0; }
		.more-content > div { padding-left: 0; padding-right: 0; }
	}

/*** -5 Subpages: Contact Us ***/
	.gform_wrapper { max-width: 100% !important; }
	.gform_wrapper li.gfield.gfield_error, 
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		background-color: transparent !important;
		border-top: 0 !important;
	}

	.validation_error { display: none !important; }


/*** -6 Media Queries ***/
@media (max-width: 767px) {
	/*.site-content { margin-top: 55px; }*/
	
	/*** -1 Herobanner ***/
		#herobanner .slick-slide .has-content .absolute-top { width: 80%; padding: 0 15px; }
		#herobanner .slick-slide .has-content h1 { font-size: 2.5rem; padding: 0 15px; }

	/*** -2 Extras ***/
		#extras .top .left .content { width: 90%; padding: 80px 15px; }

	/*** -5 Promotional ***/
		#promotional .table-div, #promotional .table-cell { width: 100%; display: block; }
		#promotional svg { width: 50px; }
	
}