/* F O N T   I N C L U D E S */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
/* G L O B A L   S T Y L E S */
*:focus{outline: none;}
a{text-decoration: none;color: inherit;}
ul,ol{list-style: none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6, .heading, .headerPre p{
	font-family: 'Poppins', sans-serif;
}
.same{
	background-color: #eee;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #444;
  font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444;
  font-weight: bold;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #444;
  font-weight: bold;
}
.blog .item .itemText{
	background-color: #2a2a2a;
	padding: 36px;
}
.blog .item{
	margin-top: 30px;
	margin-left: 0px!important
}
.bgMe{
	height: 100%;
	max-height: calc(100vh - 140px);
	width: 100%;
	background-size: cover;
}
p,ul,ol, nav ul li a{
	font-family: 'Poppins', sans-serif;
}
.tar{
	text-align: right;
}
.tac{
	text-align: center;
}
.showMenu{
	display: none;
}
.site{
	position: relative;
	overflow: hidden;
	max-width: 100vw;
}
.site:before{
	position: absolute;
	background-image: url('../images/overlay.svg');
	background-color: #EEE;
	z-index: -3;
	height: 100%;
	opacity: 0.6;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1366px;
	content: '';
}

/*TopBar*/
.topBar{
	margin-bottom: 30px;
}
.logo img{
	padding: 16px 0;
	height: 120px;
}
.logo{
	display: block;
}
nav ul{
	float: right;
}
nav ul li{
	float: left;
	position: relative;
}
nav ul li a:hover{
	color: #F8502F;
}
nav ul li:hover .sub-menu{
	display: block;
}
nav ul li > a:after {
	content: '\f078';
	color: #F8502F;
	margin-left: 6px;
	text-align: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	font-size: 10px;
} 
nav ul li > a:only-child:after { content: ''; } 
.sub-menu li a{
	line-height: 30px;
	font-size: 13px;
	font-weight: 400;
}
.sub-menu li{
	clear: both;
	width: 100%;
	display: block;
	white-space: nowrap;
}
.sub-menu:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #F8502F;
	top: -10px;
	right: -10px;
	transform: rotate(45deg);
}
.sub-menu{
	overflow: hidden;
	display: none;
	border-top: 2px solid #F8502F;
	position: absolute;
	background-color: white;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
	padding: 18px;
	z-index: 100;
}
nav ul li a{
	padding: 0 12px;
	color: #1a1a1a;
	line-height: 50px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
}

/*Header*/
header{
	position: relative;
}
header:after{
	content: '';
	background-image: url('../images/header.jpg');
	background-size: cover;
	background-position: center center;
	position: absolute;
	width: 70%;
	top: 0;
	left: 0;
	height: 70vh;
	z-index: -2;
}
header:before{
	content: '';
	position: absolute;
	width: 70%;
	top: 0;
	left: 0;
	height: 70vh;
	background-color: #EAE9E8;
	z-index: -1;
	opacity: 0.83;
}
.headerText{
	padding-right: 10%;
	padding-bottom: 30px;
	color: #1a1a1a;
	position: relative;
}
.headerText .subHead{
	opacity: 0.8;
	font-weight: bold;
	margin-bottom: 12px;
	display: block;
	letter-spacing: -1px;
}
.headerText h1 span{
	color: #F8502F;
}
.headerText h1{
	line-height: 110%;
	margin: 0;
	letter-spacing: -1px;
	font-size: 40px;
}
.headerText p{
	opacity: 0.9;
	letter-spacing: -1px;
	font-size: 18px;
	margin: 12px 0 0 0;
}
.headerText .goDown i{
	display: inline-block;
	line-height: 44px;
	height: 44px;
	width: 44px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #F8502F;
}
.headerText .goDown{
	font-weight: 600;
	cursor: pointer;
	letter-spacing: -1px;
	color: #F8502F;
	font-weight: bold;
	margin-top: 30px;
}
/*SlideShow*/
.sliderContainer{
	position: relative;
}
.slideCaption h3{
	margin: 0!important;
}
.slideCaption p{
	margin: 0;
}
.slideCaption:before{
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #F8502F;
	opacity: 0.87;
	z-index: -1;
}
.slideCaption{
	position: absolute;
	/*display: none;*/
	z-index: 1;
	width: calc(100% - 40px);
	right: 20px;
	bottom: 20px;
	padding: 20px;
}
.arrows{
	text-align: right;
	position: absolute;
	width: 200px;
	left: -216px;
	bottom: 40px;
}
.arrows button{
	margin-right: 4px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	color: white;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background-color: #F8502F;
}
.slideShow .slide:before{
	content: '';
	position: absolute;
	width: 100%;
	bottom: -15px;
	right: -15px;
	height: 100%;
	background-color: #F8502F;
	opacity: 0.1;
	z-index: -1;
}
.slideShow .slide{
	position: relative;
	cursor: grab;
	height: 600px;
	background-size: cover;
	margin-right: 30px;
	margin-bottom: 30px;
}
.slideShow{
	width: 230%;
}
/*Section One*/
.splitInfo{
	position: relative;
	padding: 100px 0;
}
.splitInfo .subHead{
	color: #F8502F;
}
.splitInfo.rightAligned:before{
	right: 0;
	left: initial;
	opacity: 0.9;
}
.splitInfo:before{
	left: 0;
	content: '';
	position: absolute;
	width: 67%;
	top: 0;
	height: 100%;
	background-color: #1a1a1a;
	z-index: -1;
}
/*Trio*/
.trio{
	padding: 40px 0 100px 0;
}
.trio i{
	font-size: 50px;
	color: #F8502F;
	margin-bottom: 20px;
	margin-top: 20px;
}
.trio a.button i{
	width: 16px;
}
.trio a.button{
	margin-right: 20px;
	display: block;
	margin: 0;
	height: 30px;
}
/*Accordions*/
.accordion h3:after{
	content: '+';
	position: absolute;
	right: 0;
	color: #F8502F
}
.accordion h3{
	position: relative;
	line-height: 40px!important;
	border-top: 1px solid white;
	margin: 0!important;
}
.accordion p{
	margin: 0 0 10px 0;
	font-size: 12px!important;
}
.accordion{
	border-bottom: 1px solid white;
	margin: 20px 0;
	opacity: 0.8
}
.accordion .infoBox{
	display: none;
}
.accordion .infoBox:first-of-type{
	display: block;
}
/*Tickers*/
.ticker{
	padding: 100px 0;
}
.titleBox h2{
	margin: 0!important;
	padding-right: 120px;
}
.titleBox{
	position: relative;
}
.postTickerButtons, .revTickerButtons{
	text-align: right;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.postTickerButtons button, .revTickerButtons button{
	margin-right: 4px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	color: white;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background-color: #F8502F;
}
.postTicker .item{
	border: 1px solid #DDD;
	margin: 20px;
	padding: 0;
}
.blogPosts .item{
	border: 1px solid #DDD;
	padding: 0px;
}
.postTicker, .revTicker, .blogPosts{
	margin-top: 20px;
}
.revName{
	width: 50px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	color: white;
	font-size: 22px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #F8502F;
}
.vidBox iframe{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.vidBox{
	    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.review i{
	color: #daa520
}
.review .author{
	float: left;
	margin: 5px 0 0 0;
	width: calc(100% - 60px);
	line-height: 20px;
	display: inline-block;
}
.review .date{
	display: inline-block!important;
	width: calc(100% - 60px);
	margin: 0 0 30px 0;
	font-size: 12px;
	line-height: 20px;
	float: left;
}
.review p{
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.revTicker .review{
	border-top: 2px solid #F8502F;
	margin: 20px;
	padding: 30px;
	background-color: #EEE;
}
.itemImg{
	width: 100%;
	height: 200px;
}
.itemText p{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.itemText{
	padding: 20px;
	background-color: #FFF;
}
/*Side Bars*/
.sideBar{
	background-color: #1a1a1a;
	height: 100%;
	padding: 40px;
}
/*Contact Form*/
.contact{
	padding: 70px 0;
	position: relative;
	background-color: #FFFFFF;
}
address{
	margin: 20px 0;
}
.contact address h3{
	margin: 0;
}
.contact address p{
	display: inline-block;
	font-size: 13px;
	margin-bottom: 0;
}
.mapBox{
	position: relative;
}
#map{
	height: calc(100% + 140px);
	top: -70px;
	width: 188%;
	position: absolute;
	z-index: 1;
}
/*Full Width*/
.fullWidth{
	padding: 100px 0;
	position: relative;
}
/*.fullWidth:before{
	content: '';
	position: absolute;
	width: 70%;
	top: 0;
	left: 0;
	height: 60vh;
	background-color: #EAE9E8;
	z-index: -1;
}*/
/*Call to action*/
.callAction{
	position: relative;
	padding: 50px 0;
}
.callAction:before{
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #F8502F;
	opacity: 0.8;
	z-index: -1;
}
.callAction h2{
	margin: 0!important;
	opacity: 1;
}
.callAction a{
	float: right;
}
/*Pale Section*/
.pale{
	background-color: #EEE;
	padding: 40px;
}
.pale h2{
	margin: 0!important;
}
.pale img{
	margin: 0!important;
	padding: 0 16px;
}
/*Text Area*/
.text.light{
	color: #EEE;
}
.text{
	color: #1a1a1a;
}
.text span.subHead{
	opacity: 0.8;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	display: block;
	letter-spacing: -0.5px;
}
.text h1, .text h2, .text h3, .text h4, .text h5{
	line-height: 105%;
	margin: 5px 0 20px 0;
}
.text h1{
	letter-spacing: -1px;
	opacity: 0.9;
}
.text h2{
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: 800;
	opacity: 0.8;
}
.text h1 span,.text h2 span{
	color: #F8502F;
}
.text h3{
	letter-spacing: -1px;
	opacity: 0.8;
	font-size: 18px;
}
.text h4{
	color: #F8502F;
	opacity: 0.8;
	font-size: 18px;
}
.text hr{
	border-radius: 2px;
	position: relative;
	display: inline-block;
	height: 2px;
	width: 100px;
	background-color: #F8502F;
	border: 0px!important;
}
.text p{
	font-size: 14px;
	opacity: 0.8;
}
.text p.statement i{
	width: 30px;
	text-align: center;
	color: #FFF;
}
.text p.statement{
	line-height: 150%;
	margin: 0;
	font-size: 19px;
	font-weight: bold;
	color: #F8502F
}
.text p a{
	color: #F8502F;
	text-decoration: underline;
}
.text a i{
	font-size: 14px;
	margin-right: 6px;
}
.text a{
	color: #F8502F;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}
.text img{
	margin-bottom: 20px;
}
.text img.icon{
	width: 100px;
}
/*Text > Blockquotes*/
.text blockquote:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #F8502F;
	top: -10px;
	right: -10px;
	transform: rotate(45deg);
}
.text blockquote{
	position: relative;
	border-top: 2px solid #F8502F;
	overflow: hidden;
	margin: 0 0 20px 0;
	position: relative;
	padding: 36px;
	z-index: 1;
	background-color: rgba(0,0,0,0.2);
}
.text blockquote h3{
	text-transform: initial;
	font-size: 22px;
	letter-spacing: -1px;
	margin-bottom: 12px;
}
.text blockquote p:first-of-type{
	margin-top: 0;
}
.text blockquote p:last-of-type{
	margin-bottom: 0;
	opacity: 0.6;
	font-weight: bold;
	color: #F8502F;
}
/*Text > Lists*/
.text ul, .text ol{
	text-transform: capitalize;
	font-size: 14px;
	margin-bottom: 18px;
	opacity: 0.7;
}
.socialIcons{
	margin-top: 30px;
}
.socialIcons a i{
	color: white;
	background-color: #F8502F;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	padding: 0!important;
	margin: 0;
	display: block;
	text-align: center;
}
.socialIcons a{
	display: inline-block!important;
}
.text ul.split, .text ol.split{
	-webkit-columns: 2;
	-moz-columns: 2;
	-o-columns: 2;
	columns: 2;
}
.text ul li{
	display: inline-block;
	width: 100%;
	line-height: 26px;
}
.text ul li:before{
	color: #F8502F;
	content: '\f00c';
	font-size: 10px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Pro';
	margin-right: 10px;
}
.text ol li{
	display: inline-block;
	width: 100%;
	line-height: 26px;
	counter-increment: step-counter;
}
.text ol li:before{
	color: #F8502F;
	width: 10px;
	font-weight: 900;
	display: inline-block;
	content: counter(step-counter)".";
	font-size: 13px;
	margin-right: 10px;
}
/*Text > Buttons*/
.text .uiButton i{
	margin-right: 12px;
}
.text .uiButton{
	color: #FFF;
	line-height: 48px;
	border-radius: 0;
	display: inline-block;
	padding: 0 14px;
	background: #1a1a1a;
	font-weight: bold;
	font-size: 16px;
}
/*Website Forms*/
.websiteForm{
	padding-right: 40px;
}
.websiteForm input[type='text'], .websiteForm select{
	width: 100%;
	height: 40px;
	font-size: 14px;
	box-shadow: 0px;
	font-weight: bold;
	color: #444;
	outline: 0;
	border-radius: 0px!important;
	border: none;
	margin-top: 20px;
	background-color: transparent;
	border-bottom: 2px solid #F8502F;
}
.websiteForm textarea{
	font-size: 14px;
	width: 100%;
	font-weight: bold;
	border-radius: 0px!important;
	color: #444;
	resize: none;
	border: none;
	border-bottom: 2px solid #F8502F;
	height: 150px;
	background-color: transparent;
	margin-top: 20px;
}
.websiteForm .uiButton{
	margin-top: 20px;
}
/*GALLERY*/
.gallery .columns a{
	width: 100%;
	height: 100%;
	position: relative;
}
.gallery .columns img{
	margin: 0;
	opacity: 0;
}
.gallery .columns .caption p{
	font-size: 12px;
	margin: 0;
	color: rgba(255,255,255,0.9);
	line-height: 18px;
}
.gallery .columns:hover .caption{
	bottom: 0%;
}
.gallery .columns .caption:before{
	content: 'View';
	position: absolute;
	background-color: #F8502F;
	text-transform: uppercase;
	padding: 6px;
	right: 10px;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	color: white;
	font-weight: bold;
}
.gallery .columns .caption{
	-webkit-transition: bottom 0.4s;
	-o-transition: bottom 0.4s;
	transition: bottom 0.4s;
	position: absolute;
	pointer-events: none;
	color: #444;
	width:100%;
	background-color: rgba(0,0,0,0.8);
	padding: 10px 60px 10px 6px;
	bottom: -100%;
	left: 0px;
	font-size: 13px;
}
.gallery .columns{
	overflow: hidden;
	position: relative;
	background-size: cover;
	width: calc(25% - 12px);
	margin: 6px;
	background-position: center center;
	overflow: hidden;
	float: left;
}
.gallery .columns:nth-child(14n + 7),.gallery .columns:nth-child(14n + 8){
	width: calc(50% - 12px);
}
footer{
	background-color: #1a1a1a;
	padding: 120px 0 50px 0;
}
footer .text h4{
	font-size: 15px;
}
footer .text ul li:before{
	display: none;
}
footer ul{
	text-transform: initial!important;
}
footer .text ul li a, footer .text p, footer .text ul li{
	color: #333;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0px
}
footer .text.light ul li a, footer .text.light p, footer .text.light ul li{
	color: #EEE
}
footer .text ul li a i{
	width: 15px;
	color: #F8502F;
	display: inline-block;
	text-align: center;
}
footer address p{
	font-style: initial!important;
	margin: 9px 0
}
footer .text p.blurb{
	padding-left: 100px;
}
.copy{
	margin-top: 40px;
	opacity: 0.8;
}
.copy p span{
	color: #F8502F;
}
.copy p{
	font-size: 10px!important;
	font-weight: 400!important;
}
@media screen and (max-width: 1700px) {
	#map{
		width: 40vw;
	}
}
/* M E D I U M   S C R E E N S   A N D   U N D E R */
@media screen and (max-width: 64.9375em) {
	#map{
		height: calc(100% + 80px);
		top: -40px;
		width: 100%;
	}
	.pale img{
		margin: 12px 0 12px 0!important;
	}
	section,.section{
		padding: 40px 20px!important;
	}
	.headerText h1{
		letter-spacing: -1px;
		font-size: 36px;
	}
	.headerText p{
		font-size: 16px;
	}
	.showMenu:before{
		content: '';
		width: 100%;
		height: 100%;
		background-color: black;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		border-radius: 50%;
		opacity: 0.5;
	}
	.showMenu{
		background-color: white;
		display: block;
		position: fixed;
		font-size: 18px;
		color: white;
		right: 20px;
		top: 40px;
		border-radius: 50%;
		background-color: #F8502F;
		height: 50px;
		line-height: 50px;
		width: 50px;
		z-index: 10000;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
	}
	.gallery .columns{
		width: calc(50% - 12px);
	}
	.gallery .columns:nth-child(14n + 3),.gallery .columns:nth-child(14n + 8){
		width: calc(100% - 12px);
	}
	nav.viz{
		right: 0
	}
	nav ul li:hover .sub-menu{
		display: none;
	}
	nav{
		box-shadow: -4px 0px 10px rgba(0,0,0,0.1);
		/*display: none;*/
		position: fixed;
		text-align: right;
		top: 0;
		right: -300px;
		height: 120%;
		z-index: 300;
		background-color: white;
		width: 300px;
		padding: 120px 20px 0 20px;
		-webkit-transition: right 0.4s;
		-o-transition: right 0.4s;
		transition: right 0.4s;
	}
	.sub-menu{
		position: relative;
		padding: 14px 0;
		background-color: rgba(0,0,0,0.05);
		width: 100%;
		display: none;
		box-shadow: none;
	}
	nav ul li{
		width: 100%;
	}
	nav ul li a{
		line-height: 40px;
	}
	.slideShow .slide{
		height: 440px;
	}
}
/* S M A L L   S C R E E N S   A N D   U N D E R */
@media screen and (max-width: 39.9375em) {
	.talMob{
		text-align: left!important
	}
	.sliderContainer{
		-webkit-order: -1;
		-moz-order: -1;
		-ms-order: -1;
		-o-order: -1;
		order: -1;
	}
	.callAction a{
		float: left;
		margin-top: 30px;
	}
	.contact aside{
		margin-top: 30px;
	}
	.sideBar{
		padding: 22px;
	}
	.sideBar .columns:first-of-type{
		margin-bottom: 30px;
	}
	.websiteForm{
		padding-right: 0;
	}
	.sideBar h3{
		margin-bottom: 10px;
	}
	.contact address p{
		font-style: initial;
	}
	.contact address{
		margin: 20px 0;
	}
	#map{
		position: relative;
		height: 200px;
		top: initial;
		margin-top: 30px;
		width: 100%;
	}
	.bgMe{
		height: 220px;
		background-size: cover;
		background-position: center center;
		margin-bottom: 20px;
	}
	.splitInfo:before{
		width: 100%;
		height: 100%;
	}
	.logo img{
		height: 100px;
		padding: 0;
		margin: 0;
	}
	.showMenu{
		background-color: white;
		display: block;
		position: fixed;
		font-size: 18px;
		color: white;
		right: 20px;
		top: 40px;
		border-radius: 50%;
		background-color: #F8502F;
		height: 40px;
		line-height: 40px;
		width: 40px;
		z-index: 3000;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
	}
	.arrows{
		right: 0;
		z-index: 120;
	}
	.topBar{
		padding: 0 20px;
		margin-bottom: 12px;
	}

	header:before, header:after{
		height: 100vh;
		width: 77%;
	}
	.headerText{
		padding: 30px;
	}
	.headerText h1{
		letter-spacing: -1px;
		font-size: 30px;
	}
	.headerText p{
		font-size: 14px;
	}
	header .section{
		padding: 0px 20px 40px 0px!important;
	}
	.section{
		padding: 40px 20px!important;
	}
	.slideShow .slide{
		height: 320px;
	}
	.slideShow{
		width: 190%;
	}
	footer .text p.blurb{
		padding-left: 0px;
	}
}
@media screen and (max-width: 400px) {
	.caption{
		display: none;
	}
}