/**
 * Contest-coupon Style Sheet
 *
 * Authors:Tal Reznic
 */

header {
	position: absolute;
}

header.mobile nav {
	display: none;
}

#main {
	overflow-x: hidden;
}

ul#menu-main {
	display: none;
}

/*div.symbol {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: calc(50% - 540px);
	right: -moz-calc(50% - 540px);
	right: -webkit-calc(50% - 540px);

	background-image: url('../images/back-to-school/bust-tomer2.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% auto;
	width: 50px;
	height: 50px;
	z-index: 10000;
	color: #31b3a5;
}
*/
div.header-title {
	display: inline-block;
	vertical-align: top;
	max-width: 450px;
}

.invite-friend-cta {
	top: 110px;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.invite-friend-cta.coupon a.vc_general.vc_btn3 {
	background-color: #FF0044 !important;
}

.invite-a-friend-valid-date {
	top: 175px;
}

div.main-content h2 {
	margin-bottom: 2em;
}

.contest-counter-wrap {
	background-color: #e7fdfb;
	border: 2px solid #afe9e2;
	border-radius: 10px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.header-counter {
	text-align: center;
}
.header-counter h2 {
	text-transform: uppercase;
}
.counter-cta {
	margin-top: 30px;
}

.contest-counter-wrap .vc_btn3-container {margin-bottom: 0}

.contest-counter-wrap .vc_btn3-style-modern.vc_btn3-size-md {
	font-size: 25px !important;
	border-radius: 8px !important;
	padding: 15px 25px !important}

.contest-counter-wrap .valid-until {font-size: 18px; color: #101010}

#contest-counter {
	width: 380px;
	margin: 0 auto;
	margin-top: 1em;
}

#contest-counter span {
	font-size: 60px;
	line-height: 60px;
	color: black;
	display: block;
	font-weight: bold;
}

#contest-counter div{
	float: left;
	text-align: center;
	width: 80px;
}

#contest-counter div.counter-sep {
	width: 20px;
	background: url('../images/promotions/contest-counter-sep.png') center center no-repeat;
	float: left;
	height: 70px;
	display: block;
}

@media (max-width: 1025px) {
	div.symbol {
		right: calc(50% - 490px);
	}
}

/* Mobile Adjustments */
@media (max-width: 768px) and (min-width: 768px) {
	.invite-page-header-container > .upb_row_bg {
		background-image: url('../images/promotions/contest-opt-bg.png') !important;

	}

	div.symbol {
		right: calc(50% - 360px);
	}

	body{
		overflow-x: hidden;
	}
}



@media (max-width: 767px) and (min-width: 640px) and (orientation: landscape) {

	div.symbol {
		right: calc(50% - 420px);
	}

	.mobile-image-container .upb_row_bg {
		background-image: url('../images/promotions/contest-opt-bg.png') !important;
		background-position: right top;
	}

	.vc_row.wpb_row.vc_row-fluid.iaf-coupon-banner {
		top: -240px;
		left: 20px;
		right: auto;
		margin: 0 !important;
		margin-bottom: -210px !important;
	}

	.invite-a-friend-valid-date {
		top: 170px;
	}
	.invite-a-friend-valid-date {
		max-width: 100%;
	}

	div.header-title {
		max-width: 100%;
		display: block;
	}
	div.header-title .uvc-sub-heading,
	div.header-title h2 {text-align: center !important}

	.wistia-video-popup-control-small {max-width: 375px;}
}

@media all and (max-width: 767px) and (orientation: portrait){

	div.symbol {
		content: "";
		position: absolute;
		top: 50%;
		right: 5px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 100% auto;
		width: 50px;
		height: 50px;
	}

	div.symbol strong{
		display: none;
	}

	div.symbol span {
		display: none;
	}

	.content-wrap {
		max-width: 100% !important;
		padding-left: 0%;
		padding-right: 0%;
	}

	.contest-counter-wrap {
		border-radius: 0px;
		border-bottom: none;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.vc_row.wpb_row.vc_row-fluid.iaf-coupon-banner {
		top: -90px;
	}

	.invite-page-header-container {
		background-color: #32ada8;

	}
	.invite-a-friend-valid-date {top: 170px;}

	.main-content h2 {margin-top: 0.5em !important;}

	.contest-counter-wrap .vc_btn3-style-modern.vc_btn3-size-md {
		font-size: 15px !important;
		border-radius: 8px !important;
		padding: 15px 12px !important;
	}

	.contest-counter-wrap .valid-until {
		font-size: 14px;
	}

	#contest-counter {width: 260px;	margin: 0 auto;}

	#contest-counter span {
		font-size: 42px;

	}

	#contest-counter div{
		width: 50px;
	}

	#contest-counter div.counter-sep {
		background-size: 5px;
	}

	#contest-counter {
		margin-top: 15px;
	}

	.invite-friend-main-content {
		margin-top: -60px;
	}

	.invite-friend-main-content {
		margin-top: -60px;
		padding-left: 10px;
		padding-right: 10px;
	}

	div.header-title {
		padding: 0.5em 0em;
	}

	.wpb_single_image img {
		max-width: 90%;
	}

	.vc_row {
		padding-left: 10px;
		padding-right: 10px;
	}

	.counter-cta {
	margin-top: 10px;
}

	.vc_row.vc_row-flex.contest-counter-wrap {margin-left: 0; margin-right: 0;}


}

.mobile-footer-join {display: none !important;}

a#toggle-mobile-menu {
	display: none;
}