/* HERO BLOCK */

.homeHero {
    margin:0 auto 0;
    position:relative;
	height:auto;
    text-align:center;
    overflow:hidden;
	padding:0 10px;
}
 
	.homeHero a:hover {
		color:#000;
	}

	.homeHero img {
		position:relative;
		width:100%;
	}
	
	.heroCopy {
		position:absolute;
		text-align:center;
		padding-right:10px;
	}
		
		.heroCopy h1 {
			font-size:10px;
			line-height:10px;
			text-transform:uppercase;
		}
			
		.heroCopy p {
			font-size:20px;
			line-height:26px;
		}
		
		.heroCallToAction {
			display:inline-block;
			margin-top:15px;
			padding:10px 30px;
			color:#000;
			border:solid 2px #000;
			font:18px/18px Neutraface-Text-Demi;
			letter-spacing: 1px;
			text-transform:uppercase;
		}
		

/* SELLING PROPOSITION MESSAGE */
		
.serviceProp {
	/*margin:-54px auto 35px;*/
    width: auto;
    text-align: center;
    /*border-bottom: 1px solid #ccc;*/
	padding:0 10px;
}

	.serviceProp h2 {
		display: inline-block;
		position: relative;	
		/*top: 36px;*/
		padding:0;
		font-size:13px;
		line-height:16px;
		text-transform:uppercase;
		letter-spacing:0.3px;			
	}

		.serviceProp h2 span {
			padding:0 10px;					
			font:13px/16px Neutraface-Text-Demi;
			background:#fff;	
		}
		
		
/* PROMO BLOCKS AREA */

.promos {
	display: block;
    clear: both;
	margin: 0 auto;
    overflow: hidden;
	padding:0 10px;
}		
	.promos ul {
		text-align:center;
	}
	.promos li {
		/*margin-right:10px;
		float: left;*/
		display:inline-block;
		vertical-align:top;
		
	}
	
		.promos li a {
			display: block;
			position:relative;		
			margin:0;		
			text-align:center;			
			overflow:hidden;
			color:#000;
		}
		
			.promos li a {
				text-decoration:none;
			}		
			.promos li div.ctaArea {
				padding:0px 5px; 				
			}
			.promos li div.ctaArea h3.title {
				margin:0;				
				padding-top:5px; 				
				font:0.7em/1.1em Neutraface-Text-Demi;
				text-transform:uppercase;
				letter-spacing:0.3px;
			}
			
			.promos li div.ctaArea p.cta {
				margin:0 8px 0 0;
				font-size:0.65em;
				line-height:1.1em;
				text-transform:uppercase;
				letter-spacing:0.3px;
			}
			
				.promos li div.ctaArea p.cta span {
					text-decoration:underline;
				}
			
				.promos li div.ctaArea p.cta span:after {
					content: "";
					position: absolute;
					width: 0px;
					height: 0px;
					border: 4px solid #000;
					border-color: transparent transparent transparent #000;
					margin-left: 5px;
					margin-top: 2px;
				}
			
		ul.largePromos, ul.smallPromos {
			margin-bottom:15px;
			overflow:auto;
			display:flex;
			justify-content:space-between;	
		}
		
			ul.largePromos li { 
				width:calc(50% - 5px);
			}
		
				ul.largePromos li img { 
					border:1px solid #e7e7e7;
					width: calc(100% - 2px);	
				}
			
			ul.smallPromos li { 
				width:31%;	
			}
			
				ul.smallPromos li img { 
					width: calc(100% - 2px);
					border:1px solid #e7e7e7;	
				}
			
			
		ul.fullWidthPromo {
			margin-bottom:15px;
			overflow:auto;
			width:300px;
		}
			
			ul.fullWidthPromo li.clearancePromo {
				margin:0;
				padding-bottom:15px;
				width:100%;
				background:#ef80a0;
			}
			
				ul.fullWidthPromo li.clearancePromo a {
					color:#fff581;
					text-decoration:none;
					text-transform:uppercase;
				}
			
				.topLineBorder {
					display: inline-block;
					margin: -20px 0 10px 0;
					padding: 0 50px;
					border-bottom: solid 1px #FEF67F;
				}
				
					.topLineBorder span.lineOne {
						display: inline-block;
						position: relative;
						top: 20px;
						margin-bottom: 5px;
						padding: 0 5px;
						font: 18px/28px AustinLight;
						background: #F083A0;
						letter-spacing: 1px;
					}

				span.lineTwo {
					margin:0;
					padding:0;
					font:36px/32px AustinLight;
					letter-spacing:1px;
				}
			
			
/* SEO AREA */
			
.seoContainer {
	margin:-20px auto 25px;
	display:inline-block;
	width:100%;
}
		
	.seoHeader {
		margin:0 auto 10px;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}

		.seoHeader h2 {
			display: inline-block;
			position:relative;
			top:20px;
			padding: 0 10px;
			font: 13px/16px Neutraface-Text-Demi;
			text-transform: uppercase;
			letter-spacing: 0.3px;
			background: #fff;
		}
		
		.seoCopy {
			margin:0 auto;
			font-size: 13px;
			line-height:16px;
			text-align:center;
			letter-spacing:0.3px;
		}
/*
@media (orientation: landscape){
	.homeHero{
		background:none !important;
	}
	.homeHero img{
		width:100%;	
	}
	.HPHero{
		display:block;	
	}
	.heroCopy{
		display:none;	
	}
	.promos li div.ctaArea h3.title {
		font:0.9em/1.3em Neutraface-Text-Demi;
	}
	
	.promos li div.ctaArea p.cta {
		font-size:0.85em;
		line-height:1.3em;
	}
	.promos li div.ctaArea p.cta span:after {
		margin-top: 4px;
	}
}

@media (orientation: portrait){
	.homeImg{
		width: 100%;
		height: 56.8vh;
	}
	.heroCopy{
		display:none;	
	}
	.HPHero{
		display:none;	
	}	
}
@media (min-device-width : 325px) and (orientation : portrait) {
	.homeImg{
		height: 55.3vh;
	}
}

@media (min-device-width : 375px) and (orientation : portrait) {
	.homeImg{
		height: 56.8vh;
	}
}
*/