.interstitial {
	top:-100px;
	position:absolute;
	opacity:0;
	width:100%;
	height:260px;
	background:#fff;
	z-index:300;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.interstitial.active {
	opacity: 1;
	top:50px;
}
.interstitial h4 {
	font-size:16px;
	font-family:'OpenSans-Bold';
	margin:25px 0 0;
	color:#000;
}

.interstitial p {
	font-size: 16px;
	line-height: 22px;
	color:#000;
}

.interstitial p.small {
	margin-top: 10px;
	font-size:8px;
	line-height: 14px;
	color:#000
}

@media (max-width: 360px){
	.interstitial {
		height: 330px;
		padding: 10px;
	}
}

@media (min-width: 768px){
	.interstitial {
		height: 350px;
	}
	.interstitial.facebook .container {
		background: url('/media/common/interstitial-facebook.jpg') left center no-repeat;
	}
	.interstitial.pinterest .container {
		background: url('/media/common/interstitial-pinterest.jpg') left center no-repeat;
	}
	.interstitial.instagram .container {
		background: url('/media/common/interstitial-instagram.jpg') left center no-repeat;
	}
	.interstitial p.small {
		font-size:12px;
	}
	.interstitial h4 {
		margin:50px 0 0;
	}
}
@media (min-width: 992px) {
	.interstitial {
		top:0;
	}
	.interstitial.active {
		top:125px;
	}	
}

.interstitial h1 {
	font-size:36px;
	font-family:'OpenSans-Bold';
	border-bottom:none;
	text-align:left;line-height:40px;
	margin:0 0 20px;
	color:#000;
}

.interstitial input {
	width: 250px;
	height: 40px;
	float: left;
	padding: 6px 12px;
	font-size: 14px;
}

.interstitial .close {
	position:absolute;
	top:10px;
	right:10px;
	color:#000
}

.interstitial .container {
	height:100%;
}

.interstitial.facebook {
	border-bottom:6px solid #3b579d;
}

.interstitial.pinterest {
	border-bottom:6px solid #bd2228;
}

.interstitial.instagram {
	border-bottom:6px solid #000;
}

.interstitial.showroom {
	border-bottom:6px solid #000;
	background-color: #e3b04b;
	padding: 20px;
	min-height: 380px;
}

.interstitial.showroom .center-block {
	max-width: 480px;
}

.interstitial.showroom .center-block h1 {
	font-size: 29px;
}

.interstitial.facebook .center-block, .interstitial.pinterest .center-block,  .interstitial.instagram .center-block {
	max-width:375px;
}

.interstitial.giveaway {
	border-bottom:6px solid #000;
}

.interstitial.giveaway .container > .row {
	margin-top:55px;
}

.interstitial.giveaway h1 {
	font-size:24px;
	line-height:24px;
}

.interstitial.giveaway img.visible-xs {
	padding-right:20px;
	max-width:150px;
}

.interstitial.giveaway .terms {
	font-size:12px;
	color:#666;
	position:absolute;
	bottom:15px;
	right:20px;
}

.interstitial.promo {
	border-bottom:6px solid #000;
	background-color:#000;
}

.interstitial.promo .close {
	opacity:0.5;
	color:#fff;
}

.interstitial.promo .container > .row, .interstitial.promo .container > .row > .hidden-xs {
	height:100%;
}

.interstitial.promo .hidden-xs > img {
	position: absolute;
	bottom:0;
}

.interstitial.promo .content {
	margin-top:55px;
}

.interstitial.promo h1 {
	font-size:24px;
	line-height:24px;
	color:#fff;
}

.interstitial.promo p {
	color:#fff
}

.interstitial.promo form input.form-control, .interstitial.promo form button {
	border:1px solid #fff;
}

.interstitial.promo .terms {
	font-size:12px;
	color:#fff;
	position:absolute;
	bottom:15px;
	right:20px;
}