/* SETS REBATE BANNER TO BE ABOVE THE FEATURE BANNER */
.headerPromoStripeGradient {
	top: 0px;
	/*position: absolute;*/
}
.headerPromoStripeGradient.openSearch {
	margin-top: 7.33em !important;
}
/* / rebate banner */

body { height: 100% }
#content { z-index: 2; }
#homeContainer { background: white; width: 100%; z-index: 2; position: relative; }
#home-feature { 
	position: relative; 
	z-index: 1; 
	width: 100%; 
}
#home-feature .home-banner { 
	height: 40vh;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url('/assets/images/home/gea-home-laundry-banner.jpg');
	background-position: center;
	background-size: cover;
}

#home-feature .home-banner:before { 
	content: '';
	width:100%;
	height:100%;
	background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.37) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.37) 0%, rgba(0,0,0,0) 65%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.37)), color-stop(65%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 65%);
	background: -o-linear-gradient(45deg,  rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 65%);
	background: -ms-linear-gradient(45deg,  rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 65%);
	background: linear-gradient(45deg,  rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 65%);
	position: absolute;
	top:0;
	left:0;
}

.home-banner .row, .home-banner .columns { height: 100%; }
.home-feature-text {
	position: absolute;
	bottom: 3%;
	left: 0;
	text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}
.home-feature-text h1, .home-feature-text h5 {
	color: white;
	line-height: 1.2em;
}
.home-feature-text h1 {
	/*line-height: .3em;*/
	font-size: 1.9em;
	font-size: 7.5vw;
}
/*.home-feature-text h5 {
	width: 100%;
}*/

.home-feature-upper-left {
	position: absolute;
	top: 3%;
	left: 0;
}

.btn.transparent { 
	border: 3px solid white;
	background: rgba(255,255,255,0.2);
	font-size: .9rem;
	text-transform: uppercase;
	margin-bottom: 0;
	color: white; 
}

.btn.transparent:hover, .btn.transparent:active, .btn.transparent:focus { background: rgba(255,255,255,0.4);}

#scroll {
	transition: all 350ms;
	cursor: pointer;
	height: 60px;
	color: white;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-transform: uppercase;
	padding: 10px 5px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(30,87,153,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(30,87,153,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(30,87,153,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(30,87,153,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(30,87,153,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(30,87,153,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#001e5799',GradientType=0 );
}
#scroll:after {
	content: '\f078';
	  font-family: fontawesome;
	  display: block;
	  text-align: center;
	  font-size: 24px;
	  font-weight: normal;
}
#scroll:hover, #scroll:focus, #scroll:active { text-decoration: none; }
#content { padding-top: 1.5em; transition: all 500ms; }


.see-all {
	text-align:center;
}

.see-all li > a {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: 700;
}

.see-all li > a:hover {text-decoration: none!important;}

.see-all .btn {
	margin: 1em 0 2.5em 0 ;
	padding-right:2em;
	padding-left:2em;
}

.see-all li img {
	width: 139px;
	height:135px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 1em;
	display:block;
}

/*  new appliance collections grid  */
.collections {
	width: 90%;
	height: 0;
	position: relative;
	padding-top: 90%; /* (img-height / img-width * container-width) --- 868 / 868 * 100 */
	margin:0 auto 140px auto;
}

.collections > div { /* containter for all text */
	position: absolute;
	top: 38%;
	left: 0;
	width: 100%;
}

.collections .explore-links { /* container for 'explore' links */
	display: block;
}

.collections > div > div h4 { /* explore links */
	color: #c54b25;
	font-size: 1.2rem;
	margin-top: 25px;
}

.collections > div > div .fa {
	margin-left: 7px;
}

.collections img {
	margin: 7% auto 0px;
	width: 55%;
}

.collections h1, .collections h4, .collections h5 { 
	color: white;
	text-align: left;
	margin: 0;
}
.collections h4 { text-align: center; }
.collections h5 { font-size: 0.83em; text-align:center;}
.collections h1 { text-align:center; padding-top:3%; font-size: 2em;}

.collections.home {background: url('/assets/images/home/new-home_collection_profile-blank.jpg') top center / contain no-repeat;}
.collections.cafe {background: url('/assets/images/home/new-home_collection_cafe-blank.jpg') top center / contain no-repeat;}
.collections.monogram {background: url('/assets/images/home/new-home_collection_monogram-blank.jpg') top center / contain no-repeat;}
.collections.artistry {background: url('/assets/images/home/new-home_collection_artistry-blank.jpg') top center / contain no-repeat;} 


@media (min-width:960px) {
	
	.collections {
		width: 100%;
		height: 0;
		position: relative;
		padding-top: 100%; /* (img-height / img-width * container-width) --- 868 / 868 * 100 */
		margin-bottom: 125px;
	}
	.collections > div > div h4 { /* explore links */
		color: white;
		text-align: center;
		margin: 0;
		font-size: 0.7rem;
	}
	.collections h1 { text-align: center; font-size: 1.3em; padding-top: 0%;}
	.collections h5 { font-size: 1.176rem; text-align:center; font-size: 1rem;}
	.collections.home {background: url('/assets/images/home/new-home_collection_profile.jpg') top center / contain no-repeat;}
	.collections.cafe {background: url('/assets/images/home/new-home_collection_cafe.jpg') top center / contain no-repeat;}
	.collections.monogram {background: url('/assets/images/home/new-home_collection_monogram.jpg') top center / contain no-repeat;}
	.collections.artistry {background: url('/assets/images/home/new-home_collection_artistry.jpg') top center / contain no-repeat;}
	.collections > div { /* containter for all text */
		top: 36%;
	}

}
/* /new appliance collections grid  */


.owners-center {
    background: #d7d7d7;
    padding: 35px 0 50px 0;
    margin-bottom: 30px;
    margin-top: 35px;
}
.owners-button a {
	background: white;
	border: 3px solid white;
	text-align: center;
	position: relative;
	height: 145px;
	display: block;
	line-height: 16px;
}
.owners-button a:after {
	content: "";
	display: block;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	position: absolute;
	padding: 10px;
	display: block;
	border: 2px #1e476b solid;
}
.owners-button a div {
	height: 60px;
	margin: 15px 0 10px;
}
.register-appliance a div { 
	background-image: url('/assets/images/home/icon-register_214x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin-left: 10px;
}
.appliance-manuals a div { 
	background-image: url('/assets/images/home/icon-appliance-manuals_157x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.schedule-services a div { 
	background-image: url('/assets/images/home/icon-schedule-service_200x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.parts-accessories a div { 
	background-image: url('/assets/images/home/icon-parts-and-accessories_134x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.register-appliance a:hover div { 
	background-image: url('/assets/images/home/icon-register-hover_214x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.appliance-manuals a:hover div { 
	background-image: url('/assets/images/home/icon-appliance-manuals-hover_157x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.schedule-services a:hover div { 
	background-image: url('/assets/images/home/icon-schedule-service-hover_200x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.parts-accessories a:hover div { 
	background-image: url('/assets/images/home/icon-parts-and-accessories-hover_134x208.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
.owners-button h4 {
    color: inherit;
	font-weight: 700;
	margin: 0 auto;
	display: block;
	padding: 0px 10px;
}
.owners-button a:hover {
	text-decoration: none;
}
.owners-button a:hover h4 {
    color: inherit;
}

.slick-active .collection-quote, .slick-active .explore-text .btn {		
	opacity: 1;
}

.schedule-services,
.parts-accessories {
    margin-top: 20px;
}

.homeConnectedBanner {
    width: 100%;
    background-image: url(/assets/images/home/home-connected-banner.jpg);
    background-position: center center;
    background-size: cover;
}
.homeConnectedBanner .row {
	padding: 0;
}
.homeConnectedBanner h2 {
	margin-top: 3em;
    color: #fff;
}
.homeConnectedBanner p {
	color: #fff;
}
.homeConnectedBanner a.btn {
	
}
.homeConnectedBanner h2 i.fa {
	float: left;
    font-size: 2em;
    margin: 0.1em 0 0 -1.3em;
}
@media all and (min-width:960px) {
	.homeConnectedBanner {
		background-image: url(/assets/images/home/home-connected-banner.jpg);
	}
	.homeConnectedBanner .row {
		height: 470px;
	}
	.homeConnectedBanner h2 i.fa {
		
	}
}

	/* OVER RIDE FOR SWEEPS */
#home-feature .home-banner #gaceTitle {
		display:block;
		/*margin: 0 auto;*/
		margin-right:3em;
		float:right;
		position: relative;
		width: 190px;
	}
	#home-feature .home-banner #gaceTitle img {
		width:100%;
		position:absolute;
		top:140px;
	}
	


	@media only print, only screen and (min-width: 600px) and (max-width: 960px) {
		
	}
	@media only print, only screen and (min-width: 960px) {
		.home-feature-text h1 {font-size: 4.3em; }
	}




@media all and (min-width:360px) {
	.owners-button a span {
		padding: 0px 10px;
	}
}
@media all and (min-width:600px) {

	
	.home-feature-text { bottom: 13%; }
	.home-feature-text h1 { /*font-size: 3.75em;*/ font-size:8vw; line-height: 1em; margin-bottom: 0.15em !important; }
	.home-feature-text h5 { font-size: 1.4em; line-height: 2em; }
	.home-feature-text h5:last-of-type { font-size: 1.2em; line-height: 1.4em; }
	.btn.transparent { 
		padding: 20px 0px;
		font-size: 1.2em;
	}
	.schedule-services, .parts-accessories { margin-top: 0px; }
	.owners-buttons a {
		height: 135px;
	}
	.owners-button a span {
		padding: 5px 10px;
	}
	.collections > div { 
		top: 38%;
	}
}

@media (min-width:768px) {
	.collections h1 {
	    font-size: 1.45rem;
	}
	.collections h5 {
		font-size: inherit;
	}
}

@media all and (min-width:960px) {


	.home-feature-text h1 { font-size: 4.3em; }
	.home-feature-text h5 { font-size: 1.8em; }
	.home-feature-text h5:last-of-type { font-size: 1.8em; }
	.collections {
	    margin-bottom: 25px;
	}
	.collections .explore-links {
	    display: block;
	    margin: 16px 0px 0px;
	}
	.collections > div > div a h4 {
	    color: white;
	    font-size: inherit;
	    margin-top: 5px;
	}
}


@media all and (min-width:550px) {
	#home-feature .home-banner {
		height: 75vh;
	}
}
@media all and (min-width:768px) {
	#home-feature .home-banner {
		background-attachment: fixed;
		background-position: center 150px;
		height: 85vh;
	}
}
@media all and (min-width:1025px) {
	#home-feature .home-banner {
	
	}
}


/** 1/6/2017 - aaron - attempting to retire these due to homepage banner change that conflicts with some
                     - they mostly affect the banner being specific heights for specific sizes

/*fix for landscape mode phones */
/********************************

 general coverall for vh - fits with iphone 6 plus best *
@media all and (min-width:360px) and (max-height:450px) {
	#home-feature .home-banner { 
		height: 415px;
		/*background-position: right 75px;*
	}
	.home-feature-text h1, .home-feature-text h5 {
		line-height: 1.2em;
	}
	.home-feature-text h1 {
		/*line-height: .3em;*
		font-size: 1.9em;
	}
	.home-feature-text h5 {
		font-size: inherit;
	}
	.btn.transparent { 
		padding: 10px 0px;
		font-size: .9rem;
	}
	#scroll {
		height: 50px;
	}
}

/* adjust background position for phablet devices (6+, note3/4, nexus6) *
@media all and (min-width:600px) and (max-height:480px) {
	#home-feature .home-banner { 
		/*background-position: right 80px;*
	}
	.home-feature-text {
		bottom: 3%;
	}
}

/* specific work arounds for popular devices *
/****************************************/

/* iphone 4 and 5 landscape *
@media all and (device-height: 320px) {
	#home-feature .home-banner { 
		height: 320px;
	}
}

/* nexus 5 / galaxyS landscape *
@media all and (device-height: 360px) {
	#home-feature .home-banner { 
		height: 360px;
	}
}

/* iphone 6 landscape *
@media all and (device-height: 375px) {
	#home-feature .home-banner { 
		height: 375px;
	}
}
/* nexus 4 landscape *
@media all and (device-height: 384px) {
	#home-feature .home-banner { 
		height: 384px;
	}
}

/* the following are specifically vh fixes for iOS7 *

/* cover all phone fix :: should fix all < android 4.4 issues *
@media all and (max-width:360px) and (max-height:640px) {
	#home-feature .home-banner { 
		height: 480px; /* device-height(75%) *
	}
}

/* iphone 4 *****************************************
@media all and (device-width: 320px) and (device-height: 480px) {
	#home-feature .home-banner { 
		height: 360px; /* device-height(75%) *
	}
}

/* iphone 5 *****************************************
@media all and (device-width: 320px) and (device-height: 568px) {
	#home-feature .home-banner { 
		height: 426px; /* device-height(75%) *
	}
}

/* iphone 6 *****************************************
@media all and (device-width: 375px) and (device-height: 667px) {
	#home-feature .home-banner { 
		height: 500px; /* device-height(75%) *
	}
}

/* iphone 6+ *****************************************
@media all and (device-width: 414px) and (device-height: 736px) {
	#home-feature .home-banner { 
		height: 552px; /* device-height(75%) *
	}
}

/* ipad banner fixes *********************************
/* ipad portrait *************************************
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
	#home-feature .home-banner { 
		height: 768px; /* device-height(75%) */	
		/* background-position: 58% 50%!important;  *
	}

}
	
/* ipad landscape ************************************
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
	#home-feature .home-banner { 
		height: 576px; /* device-height(75%) *
	}
}
/* 

/* Keep at bottom */
.contentPushDown {
	display: none !important;
}

.our-continuing-heritage {
    background-image: url('/assets/images/home/our_continuing_heritage_aerial_view.jpg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
    color: white;
    padding: 2rem !important;
    margin-top: 2em;
    margin-bottom: 4em;
}
.our-continuing-heritage .btn.special {
    border: 2px solid white;
    background: transparent;
    background: rgba(255, 255, 255, 0.1);
}
.our-continuing-heritage .btn.special:hover {
    background: #7a9fbe;
    background: rgba(255, 255, 255, 0.2);
}
.our-continuing-heritage h2 {
    color: white;
}
.our-continuing-heritage hr {
    border: 0;
    height: 1px;
    background-image: url('/assets/images/home/our_continuing_heritage_divider_blur.png');
    background-repeat: repeat-y;
    background-position: center center;
    background-size: contain;
}

/* 2017-03-01 - Webfonts Gotham SSm A and Gotham SSm B don't play well with printers via IE11. So this strips it out from print views across the gamut. */
@media print {
	.see-all li > a {
		font-family: 'Gotham', 'Arial', 'Helvetica', sans-serif !important;
	}
}

.compatIPad #home-feature .home-banner {
	/*background-size: auto 100%;*/
	background-size: cover;
	background-position: center center;
	background-attachment: scroll;
}
.compatIPad #home-feature .home-banner .home-feature-text {
	bottom: 23%;
}

.gotham-medium-lower, h1.gotham-medium-lower, .home-feature-text h1.gotham-medium-lower {
	font-weight: 500;
    text-transform: lowercase;
}