html {
    width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,sans-serif;
	/*cursor:url(../img/mouse.gif),default !important;*/
	background: #000;
}
.mylogo {
	width: 100%;
height: 60px;
margin: 8px auto;
position: absolute;
text-align: center;
}
/*body>div {
	-webkit-transition:all 1s ease-in-out;
}*/
#question {
	margin-top:20px;
}
#question h1 {
	margin:20px 0;
	font-size: 30px;
	line-height: 32px;
}
h1 {
	font-size:50px;
	line-height: 45px;
	margin:0;
	text-transform: uppercase;
}
h2 {
	font-size:20px;
	margin:0;
	font-weight: 300;
}
p {
	font-size:16px;
	line-height:24px;
	margin:0;
	font-style:italic;
}
#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	overflow:hidden;

}
#mask {
	width:1000%;
	height:100%;
}
.item {
	width:10%;
	height:100%;
	float:left;
}
#item2 {
	background:#2b912a;
}
#item3 {
	background:#1a070a;
}
#item4 {
	background:#ebc42f;
}
#item5 {
	background:#e06b15;
}
#item6 {
	background:#76b0f1;
}
#item7 {
	background:#b87ff2;
}
.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9,.content10 {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	padding-top:20px;
}
.selected {
	
}
.clear {
	clear:both;
}
#main-content {
	width:40%;
	margin:5%;
	z-index:99999;
	position:relative;
	max-width: 700px;
}
.answer1,.answer2,.answer3,.answer4,.answerOne, .answerTwo {
	float: left;
	width: 18%;
	text-align: center;
	margin: 0 5px;
	border-radius: 25px;
	border: 2px solid #fff;
	padding: 15px;
}
.answerOne, .answerTwo {padding: 0;width: 28%;}
.answer1:hover,.answer2:hover,.answer3:hover,.answer4:hover, .answer5:hover,.answer6:hover,.answer7:hover,.answer8:hover, .answer1:hover a,.answer2:hover a, .answerOne:hover, .answerTwo:hover {background:#fff;color: #fff!important;}
.answer5,.answer6,.answer7,.answer8 {
	float:left;
	width:22%;
	text-align:center;
	margin:0 5px;
}
#opt, label {
	display: block;

}
#opt1 {
	display: block;
	overflow: hidden;
	float: left;
width: 100%;
}
.back-btn {
	font-size:20px;
	padding:10px 50px;
	background:#fff;
	margin:30px;
	border-radius:25px;
	width:50px;
	color:#090909;
	text-decoration:none;
	-webkit-appearance: none;
}
#question .next {
	font-size:20px;
	padding: 10px 45px;
	border-radius:3px;
	color: #FFFFFF;
	text-decoration:none;
	border:none;
	margin-top: 20px;
	-webkit-appearance: none;
	cursor: pointer;
	border-radius: 25px;
	border: 2px solid #fff;
	background: none;
	padding: 10px 30px;
}
.next:hover {background: #fff;color: #000;}

.back-btn:hover {
	background:#fff;
	color:#090909;
}
#free {
	font-weight:bold;
	background:#F00;
	overflow:hidden;
	position:fixed;
	right:-50px;
	top:40px;
	padding:5px 60px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-moz-box-shadow:0 0 40px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.4);
	-o-box-shadow:0 0 40px rgba(0,0,0,0.4);
	-ms-box-shadow:0 0 40px rgba(0,0,0,0.4);
	box-shadow:0 0 40px rgba(0,0,0,0.4);
}
#footer, #pop_login {display: none;}
.err {border: solid 3px red!important;}
.p_country {clear:both;}
/*=========================Content 1 css==============================*/
#item1 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(../img/v2/bg1.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item1 h2 {
	color:#FFF;
}
#item1 p {
	color:#06E0E0;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

.location {color:#00eaff;
}
/*=========================Content 2 css==============================*/
#item2 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(../img/v2/bg2.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item2 h2 {
	color:#18FFE3;
}
#item2 p {
	color:#DBDBDB;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#item2 #question img:hover {
	border:4px solid #00FF70;
	width:95%;
}
#item3 #question img:hover {
	border:4px solid #000;
	width:95%;
}
#item4 #question img:hover {
	border:4px solid #FFF500;
	width:95%;
}
#item5 #question img:hover {
	border:4px solid #00E0FF;
	width:95%;
}
#item6 #question img:hover {
	border:4px solid #FF00EB;
	width:95%;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}
#question a {
	text-decoration: none;
	color: #fff;
	padding: 15px;
}
#question a:hover {color: #000;}
/*=========================Content 3 css==============================*/
#item4 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(../img/v2/bg4.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item4 h2 {
	color:#FFE000;
}
#item4 p {
	color:#DBDBDB;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

/*=========================Content 4 css==============================*/
#item3 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(bg3.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item3 h2 {
	color:#39D6DD;
}
#item3 p {
	color:#DBDBDB;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

#next {
	height:45px;
	overflow:visible;
	margin-top:20px;
}
#age-select {
	margin-bottom: 30px;
}
select {
	font-weight:bold;
	font-size:14px;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	menulist-button:none;
	overflow:hidden;
	background:#FFFFFF;
	padding:15px;
	border:1px solid #fff;
	border-radius:4px;
}
#submit {
	height:45px;
	overflow:visible;
	margin-top: 20px;
	-webkit-appearance: none;
	cursor: pointer;
}
/*=========================Content 5 css==============================*/
#item5 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(bg5.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item5 h2 {
	color:#51E3FF;
}
#item5 p {
	color:#DBDBDB;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

/*=========================Content 5 css==============================*/
#item6 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(bg6.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	/*overflow: auto;*/
}
#item6 h2 {
	color:#1BD0FD;
}
#item6 p {
	color:#fff;
	font-weight: bold;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

/*=========================Content 7 css==============================*/
#item7 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(bg7.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
}
#item7 h2 {
	color:#09F8D1;
}
#item7 p {
	color:#DBDBDB;
}
#question {
	overflow:hidden;
}
#question img {
	border-radius:50%;
	border:4px solid #FFF;
	width:90%;
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
#question img:hover {
	border:4px solid #b32911;
	width:95%;
}

#form {
	background-color:transparent;
	border:2px solid #fff;
	width:100%;
	height:35px;
	color:#fff;
	font-size:1em;
	font-style:italic;
	margin-bottom:25px;
	padding: 2px 5px;
	border-radius: 4px;
}
*::-webkit-input-placeholder {
    color: #fff;
}    
*:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
}    
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
/*=========================Content 8 css==============================*/
#Fr1 input, #Fr2 input, #Fr1 select, #Fr2 select {box-sizing: border-box;}
#item8 {
	/*background:#b32911;*/
	color:#fff;
	background:#b32911 url(bg8.jpg) center no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
	width:100%;
	height: 100%;
	display: table;
}
#item8 h2 {
	color:#1BB12D;
}
#item8 p {
	color:#fff;
}

#question {
	overflow:hidden;
}
.myr2 select {
	vertical-align:middle;
	padding:10px;
}
.myr2 .address_b {
	display:none;
}
.myr2 b {
	display:block;
	margin-bottom: 3px;
}
.city span,.state span,.zip span {
	display:block;
}
.city,.state,.zip {
	overflow:hidden;
	float:left;
	width: 32%;
}
.city,.state {margin-right: 2%;}
.myr2 textarea {
	width:100%;
	height:75px;
	resize:none;
	background:none;
	border:2px solid #fff;
	color:#fff;
	font-size:14px;
	box-sizing: border-box;
}
.marital_status, .body_type, .race {width: 32%;float:left;}
.marital_status,.body_type {margin-right:2%;}
.marital_status select,.body_type select, .race select {
	width:100%;
}
.p_country {}
.p_country select {width: 100%;}
.pr_Headline_p input, .p_mobile input {
	width:100%;
	height:35px;
	background:none;
	border:2px solid #fff;
	color:#fff;
	font-size:14px;
}

tt,code,kbd,samp {
	font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,sans-serif;
	font-weight:bold;
}
.addr_p input {
	font-weight:bold;
	font-size:14px;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	menulist-button:none;
	overflow:hidden;
	background:url(/graphics/j2/mdates_J2/css/graphics/skin_3223/blue-select-arrow.png) no-repeat right #FFFFFF;
	padding:10px;
	border:1px solid #fff;
	border-radius:4px;
}
.city input, .state input, .zip input  { width: 100%;}

.mybutton3 {
	font-size:20px;
	padding:10px 50px;
	background:#51BD1E;
	border-radius:25px;
	color:#090909;
	text-decoration:none;
	color:#fff;
	border:none;
}
.mybutton {
	height: 100%;
	width: 22%;
	text-align:center;
}
.addr_p {
	overflow:hidden;
}
.myr2 #submit {
	clear:both;
	display:block;
	overflow:hidden;
	margin-top: 30px;
}
/*================================parallax is here=================================*/
.scene {
	width:90%;
	margin:0 auto;
	padding:0;
	height:100%;
	z-index:2;
	position:absolute;
}
.scene1,.scene2 {
	width:90%;
	margin:0 auto;
	padding:0;
	height:80%;
	z-index:2;
	position:absolute;
}
.layer:nth-child(1) {
}
.layer:nth-child(2) img {
	float:right;
}
.layer:nth-child(3) {
}
.layer:nth-child(4) {
}
.layer:nth-child(5) {
}
.layer:nth-child(6) {
}
.footer {
	display:none;
}
#e,.e {
	color:#fff;
	border:solid 2px red!important;
	font-size:14px;
	padding:10px 7px;
	width:100%;
	margin-bottom: 20px;
	background: rgba(255, 0, 0, 0.4);
	border-radius: 4px;
	box-sizing: border-box;
}
#display_login #e {background: #fbdfdf!important;color: #F00;}
.alt_logins u {color: #000DFF;}
.alt_logins {color: #000;}
/*
.myr2 #e {
	width:100%;
}
*/
.state #e, .city #e, .zip #e {
	color:#000;
	border:solid 3px red!important;
	font-size:14px;
	padding:10px;
	margin-bottom: 20px;
}
input:-webkit-autofill {
	background-color:none;
	background-image:none;
	color:#fff;
}
#agree span {
	font-size:12px;
	line-height:14px;
}
#agree a {
	color:#DBDBDB;
	text-decoration: underline;
	padding: 0;
}
:focus {outline: 0;}

/*==============================================tossing==============================================*/

.parallax-viewport {
	position:relative;
	/* relative,absolute,fixed */
	overflow:hidden;
}
.parallax-layer {
	position:absolute;
}
.parallax-viewport {
}
@media only screen and (max-width:1024px) {
	h1 {
		font-size:48px;
		margin:0;
	}
	h2 {
		font-size:20px;
		margin:0;
	}
	p {
		font-size:14px;
		line-height:18px;
		margin:0;
	}
	#e, .e {width:100%;}
	#main-content {width: 60%;min-width: 60%;margin: 5%;}
	.answer1, .answer2, .answer3, .answer4 {width: 20%;margin: 10px;}
}
@media only screen and (max-width:769px) {
	#back {
		height:30px;
		margin-top:20px;
	}
	h1 {
		font-size: 32px;
		line-height: 32px;
		margin: 5px 0;
	}
	h2 {
		font-size:15px;
		margin:0;
	}
	p {
		font-size:12px;
		line-height:16px;
		margin:0;
	}
	.answer1,.answer2,.answer3,.answer4 {
		width:18%;
	}
	.content1 p {
		display:none;
	}
	#Fr2 {text-align: left;}
	#item8 #main-content {margin: 10% auto;width: 90%;}
	#question {
		margin-top:0px;
	}
	#scene,#scene1,#scene2 {
		display:none;
	}
	#question img:hover {
		border:4px solid #b32911;
		width:90%;
	}
	#item2 #question img:hover {
		border:4px solid #00FF70;
		width:90%;
	}
	#item3 #question img:hover {
		border:4px solid #000;
		width:90%;
	}
	#item4 #question img:hover {
		border:4px solid #FFF500;
		width:90%;
	}
	#item5 #question img:hover {
		border:4px solid #00E0FF;
		width:90%;
	}
	#item6 #question img:hover {
		border:4px solid #FF00EB;
		width:90%;
	}
	.back-btn {
		font-size:14px;
		padding:10px 50px;
		margin:0 10px;
	}
	#main-content {
		margin: 10% 5%;
		width: 80%;
	}
	.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content9,.content10 {
		padding-top:5px;
	}
	.content8 {padding-top: 55px;}
	
	#question h1 {
		margin:7px 0;
	}
	#free {
		display:none;
	}
	/*#mask{width:100%;height:1000%;}.item{width:100%;height:10%;float: left;}*/
	#question img {
		border-radius:50%;
		border:4px solid #FFF;
		width:90%;
			margin-bottom:5px;
	}
	#form {
		width:100%;
	}
	.select-style {
		width:32%;
	}
	form {
		margin-top:10px;
	}
	.state , .city , .zip  {width:30%;}
	#item1 {padding-top: 45px;}
	#item7 .content7 {}
	#item7 .mylogo {display: none;}
}
@media only screen and (max-width:568px) and (min-width:428px) {
	#free {
		display:none;
	}
	h1 {
		font-size:32px;
		margin-top:3px;
	}
	h2 {
		font-size:12px;
		margin:0;
	}
	p {
		display:none;
	}
	#item8 p {
		display:block;
		width:100%;
		margin: 3px auto;
	}
	#agree {
		display:block;
	}
	.answer1,.answer2,.answer3,.answer4 {
		width: 35%;
		font-size: 18px;
		margin: 13px 5px;
	}
	.answerOne, .answerTwo {padding: 0;width: 45%;}
	.next {
		width:100%;
	}
	#qustion {
		margin-top:10px;
	}
	#next {
		margin-top:10px;
	}
	#form {
		margin-bottom:10px;
	}
	.pr_Headline_p input {
		width:100%;
	}
	.myr2 {
		width:98%;
	}
	.myr2 textarea {
		width:100%;
	}
	
	.marital_status select, .body_type select, .race select {
        width: 100%;
    }
    #item8 .addr {
	    width:100%;
    }
    .addr_p input {
	    width:100%;
    }
    .myr2 #submit {
	    width:100%;
    }
    #e,.e {
    width:92%;
    }
    .next {
	    width:100%;
	    margin-top: 20px;
    }
    #item1 {padding-top: 45px;}
    #item7 .content7 {margin-top: 45px;}
}
@media only screen and (max-width:427px) {
	#back {
		height:30px;
		margin-top:20px;
	}
	#free {
		display:none;
	}
	h1 {
		font-size: 16px;
		line-height: 20px;
		margin: 5px 0;
	}
	h2 {
		font-size:12px;
		margin:0;
	}
	p {
		display:none;
	}
	#item8 p {
		display:block;
		width:100%;
	}
	#agree {
		display:block;

	}
	#agree span {font-size: 8px;}
	.answerOne, .answerTwo {padding: 0;width: 60%;float: none;margin: 10px auto;}
	.answer1,.answer2,.answer3,.answer4 {
		width: 60%;
		margin-bottom: 10px;
		float: none;
		margin: 10px auto;
	}
	#main-content {
	margin: 10% auto;
	width: 90%;
	text-align: center;
	}
	#next {
		margin-top:20px;
	}
	#form {
		margin-bottom:10px;
	}
	#question img {
		border-radius:50%;
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
		width:80%;
	}
	#question img:hover {
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
		width:80%;
	}
	#item2 #question img:hover {
		width:80%;
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
	}
	#item3 #question img:hover {
		width:80%;
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
	}
	#item4 #question img:hover {
		width:80%;
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
	}
	#item5 #question img:hover {
		width:80%;
		border:none;
		box-shadow:0px 0px 0px 5px #fff;
	}
	#item6 #question img:hover {
		width:80%;
		border:none;
		box-shadow: 0px 0px 0px 5px #fff;
	}
	.pr_Headline_p input {
		width:100%;
	}
	.myr2 {
		width:98%;
	}
	.myr2 textarea {
		width:100%;
	}
	.marital_status select, .body_type select, .race select {
        width: 100%;
    }
    #item8 .addr {
	    width:100%;
    }
    .addr_p input {
	    width:100%;
    }
    .myr2 #submit {
	    width:100%;
    }
    #e,.e {
    width:100%!important;
    }
    .next {
	    width:100%;
	    margin-top: 20px;
    }
    #e, .e {font-size: 12px;}
    #wrapper {overflow-x: hidden;overflow-y: scroll;}
    #item1, #item2, #item3, #item4, #item5, #item6, #item7, #item8 {display:table;overflow:scroll;}
    #item1 {background:#b32911 url(mbg1.jpg) center no-repeat;background-size: 100%;}
    #item2 {background:#b32911 url(mbg2.jpg) center no-repeat;background-size: 100%;}
    #item3 {background:#b32911 url(mbg3.jpg) center no-repeat;background-size: 100%;}
    #item4 {background:#b32911 url(mbg4.jpg) center no-repeat;background-size: 100%;}
    #item5 {background:#b32911 url(mbg5.jpg) center no-repeat;background-size: 100%;}
    #item6 {background:#b32911 url(mbg6.jpg) center no-repeat;background-size: 100%;}
    #item7 {background:#b32911 url(mbg7.jpg) center no-repeat;background-size: 100%;background-attachment: fixed;}
    #item8 {background:#b32911 url(mbg8.jpg) center no-repeat;background-size: 100%;background-attachment: fixed;}
}
/*
  reset.css
*/

/* reset defaults*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
button::-moz-focus-inner{padding:0;border:none} /* IE extra padding on buttons fix */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/* additional defaults */
/* remember to define focus styles! */
:focus {outline: 0;}
blockquote, q {quotes: none;}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



/*
  page-defaults.css
*/

html, body, .lp-pom-body {height:100%}

body.lp-pom-body.lp-sub-page {
  -webkit-transform: translateZ(0)
}

/* stop text getting resized on iPhone 5 or lower Safari */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  * {-webkit-text-size-adjust: none;}
}

div.lp-pom-root {min-height:100%; position:relative; top: 0;}
div.lp-pom-root, .cke-text {
  font-family:'helvetica', 'arial', sans-serif;
  font-size:14px;
  line-height:17px;
}

.lp-positioned-content {
  position:absolute;
  left:50%;
  top: 0;
  height: 0;
  z-index:1;
}

.lp-modal-screen {
  position:absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background:rgba(0,0,0, 0.5);
  z-index:2;
}

.lp-modal {
  overflow-y:auto;
}

.lp-modal-content {
  position:absolute;
  left:50%;
  height: 0;
  z-index:1;
}

.lp-pom-block-content {
  position:relative;
  height:100%;
}

div.lp-pom-root .lp-pom-form-field {
  position:absolute;
  left: 0;
  top: 0;
  margin-bottom:12px;
}

div.lp-pom-root .lp-pom-form-field label {
  position:absolute;
  left: 0;
  top: 0;
}

div.lp-pom-root .lp-pom-form-field select {
  position:absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  font-family:'helvetica', 'arial', sans-serif;
  border:1px solid #666;
}

div.lp-pom-root .lp-pom-form-field select option {
  padding: 0.2em;
}

div.lp-pom-root .lp-pom-form-field textarea,
div.lp-pom-root .lp-pom-form-field input[type=text] {
  position:absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  border:1px solid #666;
  font-family:'helvetica', 'arial', sans-serif;
}

div.lp-pom-root .lp-pom-form-field input[type=text]::-moz-focus-inner {
  padding: 0;
  border:none;
}

div.lp-pom-root .lp-pom-form-field select::-moz-focus-inner {
  padding: 0;
  border:none;
}

div.lp-pom-root .lp-pom-form-field .optionsList {
  position:absolute;
  left: 0;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

div.lp-pom-root .lp-pom-form-field .option {
  position:relative;
  margin-bottom:6px;
}

div.lp-pom-root .lp-pom-form-field .option input {
  position:absolute;
}

div.lp-pom-root .lp-pom-form-field .option label {
  position:relative;
  display:block;
}

div.lp-pom-root .lp-pom-form input.submit {
  position:absolute;
  left: 0;
  top: 0;
}

/* css to make button text vertically centered */
div.lp-pom-root .lp-pom-button {text-decoration:none;display:block;cursor:pointer;}
div.lp-pom-root .lp-pom-button.disabled {
  opacity: 0.6;
  pointer-events: none;
}
div.lp-pom-root .lp-pom-button span {position:absolute;top:50%;display:block;text-align:center;left: 0;right: 0;padding: 0 8px 0 8px;cursor:pointer;}
/*Hack for IE so that transparent buttons with nothing inside are still clickable.*/
div.lp-pom-root .lp-pom-button {
  *background-image: url(transparent.gif);/*ie 7*/
  _background-image: url(transparent.gif);/*ie 6 */
  background-image: url(transparent.gif); /*\0*/
  background: rgba(0,0,0,0);
}

div.lp-pom-root .lp-pom-text span {line-height: 0;}
div.lp-pom-root .lp-pom-text.inline span {line-height: 1;}

div.lp-pom-root .lp-pom-text p, .cke-text p {font-size:14px; line-height:17px;}
div.lp-pom-root .lp-pom-text.nlh p, .cke-text.nlh p {font-size:14px; line-height:22px;}
div.lp-pom-root .lp-pom-text a, .cke-text a {text-decoration:underline;}

div.lp-pom-root .lp-pom-text h1, .cke-text h1 { font-size: 28px; margin-bottom:19px; line-height:34px;}
div.lp-pom-root .lp-pom-text h2, .cke-text h2 { font-size: 21px; margin-bottom:16px; line-height:25px;}
div.lp-pom-root .lp-pom-text h3, .cke-text h3 { font-size: 16px; margin-bottom:15px; line-height:19px;}
div.lp-pom-root .lp-pom-text h4, .cke-text h4 { font-size: 14px; margin-bottom:14px; line-height:17px;}
div.lp-pom-root .lp-pom-text h5, .cke-text h5 { font-size: 12px; margin-bottom:13px; line-height:14px;}
div.lp-pom-root .lp-pom-text h6, .cke-text h6 { font-size: 10px; margin-bottom:12px; line-height:12px;}

div.lp-pom-root .lp-pom-text .lplh-8, div.lp-pom-root .lp-pom-text.nlh .lplh-8, .cke-text .lplh-8, .cke-text.nlh .lplh-8 {line-height:8px;}
div.lp-pom-root .lp-pom-text .lplh-9, div.lp-pom-root .lp-pom-text.nlh .lplh-9, .cke-text .lplh-9, .cke-text.nlh .lplh-9 {line-height:9px;}
div.lp-pom-root .lp-pom-text .lplh-10, div.lp-pom-root .lp-pom-text.nlh .lplh-10, .cke-text .lplh-10, .cke-text.nlh .lplh-10 {line-height:10px;}
div.lp-pom-root .lp-pom-text .lplh-11, div.lp-pom-root .lp-pom-text.nlh .lplh-11, .cke-text .lplh-11, .cke-text.nlh .lplh-11 {line-height:11px;}
div.lp-pom-root .lp-pom-text .lplh-12, div.lp-pom-root .lp-pom-text.nlh .lplh-12, .cke-text .lplh-12, .cke-text.nlh .lplh-12 {line-height:12px;}
div.lp-pom-root .lp-pom-text .lplh-13, div.lp-pom-root .lp-pom-text.nlh .lplh-13, .cke-text .lplh-13, .cke-text.nlh .lplh-13 {line-height:13px;}
div.lp-pom-root .lp-pom-text .lplh-14, div.lp-pom-root .lp-pom-text.nlh .lplh-14, .cke-text .lplh-14, .cke-text.nlh .lplh-14 {line-height:14px;}
div.lp-pom-root .lp-pom-text .lplh-15, div.lp-pom-root .lp-pom-text.nlh .lplh-15, .cke-text .lplh-15, .cke-text.nlh .lplh-15 {line-height:15px;}
div.lp-pom-root .lp-pom-text .lplh-16, div.lp-pom-root .lp-pom-text.nlh .lplh-16, .cke-text .lplh-16, .cke-text.nlh .lplh-16 {line-height:16px;}
div.lp-pom-root .lp-pom-text .lplh-17, div.lp-pom-root .lp-pom-text.nlh .lplh-17, .cke-text .lplh-17, .cke-text.nlh .lplh-17 {line-height:17px;}
div.lp-pom-root .lp-pom-text .lplh-18, div.lp-pom-root .lp-pom-text.nlh .lplh-18, .cke-text .lplh-18, .cke-text.nlh .lplh-18 {line-height:18px;}
div.lp-pom-root .lp-pom-text .lplh-19, div.lp-pom-root .lp-pom-text.nlh .lplh-19, .cke-text .lplh-19, .cke-text.nlh .lplh-19 {line-height:19px;}
div.lp-pom-root .lp-pom-text .lplh-20, div.lp-pom-root .lp-pom-text.nlh .lplh-20, .cke-text .lplh-20, .cke-text.nlh .lplh-20 {line-height:20px;}
div.lp-pom-root .lp-pom-text .lplh-22, div.lp-pom-root .lp-pom-text.nlh .lplh-22, .cke-text .lplh-22, .cke-text.nlh .lplh-22 {line-height:22px;}
div.lp-pom-root .lp-pom-text .lplh-24, div.lp-pom-root .lp-pom-text.nlh .lplh-24, .cke-text .lplh-24, .cke-text.nlh .lplh-24 {line-height:24px;}
div.lp-pom-root .lp-pom-text .lplh-26, div.lp-pom-root .lp-pom-text.nlh .lplh-26, .cke-text .lplh-26, .cke-text.nlh .lplh-26 {line-height:26px;}
div.lp-pom-root .lp-pom-text .lplh-29, div.lp-pom-root .lp-pom-text.nlh .lplh-29, .cke-text .lplh-29, .cke-text.nlh .lplh-29 {line-height:29px;}
div.lp-pom-root .lp-pom-text .lplh-31, div.lp-pom-root .lp-pom-text.nlh .lplh-31, .cke-text .lplh-31, .cke-text.nlh .lplh-31 {line-height:31px;}
div.lp-pom-root .lp-pom-text .lplh-32, div.lp-pom-root .lp-pom-text.nlh .lplh-32, .cke-text .lplh-32, .cke-text.nlh .lplh-32 {line-height:32px;}
div.lp-pom-root .lp-pom-text .lplh-34, div.lp-pom-root .lp-pom-text.nlh .lplh-34, .cke-text .lplh-34, .cke-text.nlh .lplh-34 {line-height:34px;}
div.lp-pom-root .lp-pom-text .lplh-35, div.lp-pom-root .lp-pom-text.nlh .lplh-35, .cke-text .lplh-35, .cke-text.nlh .lplh-35 {line-height:35px;}
div.lp-pom-root .lp-pom-text .lplh-38, div.lp-pom-root .lp-pom-text.nlh .lplh-38, .cke-text .lplh-38, .cke-text.nlh .lplh-38 {line-height:38px;}
div.lp-pom-root .lp-pom-text .lplh-40, div.lp-pom-root .lp-pom-text.nlh .lplh-40, .cke-text .lplh-40, .cke-text.nlh .lplh-40 {line-height:40px;}
div.lp-pom-root .lp-pom-text .lplh-42, div.lp-pom-root .lp-pom-text.nlh .lplh-42, .cke-text .lplh-42, .cke-text.nlh .lplh-42 {line-height:42px;}
div.lp-pom-root .lp-pom-text .lplh-43, div.lp-pom-root .lp-pom-text.nlh .lplh-43, .cke-text .lplh-43, .cke-text.nlh .lplh-43 {line-height:43px;}
div.lp-pom-root .lp-pom-text .lplh-45, div.lp-pom-root .lp-pom-text.nlh .lplh-45, .cke-text .lplh-45, .cke-text.nlh .lplh-45 {line-height:45px;}
div.lp-pom-root .lp-pom-text .lplh-58, div.lp-pom-root .lp-pom-text.nlh .lplh-58, .cke-text .lplh-58, .cke-text.nlh .lplh-58 {line-height:58px;}
div.lp-pom-root .lp-pom-text .lplh-77, div.lp-pom-root .lp-pom-text.nlh .lplh-77, .cke-text .lplh-77, .cke-text.nlh .lplh-77 {line-height:77px;}
div.lp-pom-root .lp-pom-text .lplh-86, div.lp-pom-root .lp-pom-text.nlh .lplh-86, .cke-text .lplh-86, .cke-text.nlh .lplh-86 {line-height:86px;}
div.lp-pom-root .lp-pom-text .lplh-87, div.lp-pom-root .lp-pom-text.nlh .lplh-87, .cke-text .lplh-87, .cke-text.nlh .lplh-87 {line-height:87px;}
div.lp-pom-root .lp-pom-text .lplh-115, div.lp-pom-root .lp-pom-text.nlh .lplh-115, .cke-text .lplh-115, .cke-text.nlh .lplh-115 {line-height:115px;}

div.lp-pom-root .lp-pom-text p, .cke-text p,
div.lp-pom-root .lp-pom-text blockquote, .cke-text blockquote,
div.lp-pom-root .lp-pom-text ul, .cke-text ul,
div.lp-pom-root .lp-pom-text dl, .cke-text dl { margin-bottom:16px;}

/* Remove spacing below last element in a text box */
div.lp-pom-root .lp-pom-text>p:last-child,
div.lp-pom-root .lp-pom-text>blockquote:last-child,
div.lp-pom-root .lp-pom-text>ul:last-child,
div.lp-pom-root .lp-pom-text>dl:last-child,
div.lp-pom-root .lp-pom-text>h1:last-child,
div.lp-pom-root .lp-pom-text>h2:last-child,
div.lp-pom-root .lp-pom-text>h3:last-child,
div.lp-pom-root .lp-pom-text>h4:last-child,
div.lp-pom-root .lp-pom-text>h5:last-child,
div.lp-pom-root .lp-pom-text>h6:last-child,
div.lp-pom-root .lp-pom-text .text-content>p:last-child,
div.lp-pom-root .lp-pom-text .text-content>blockquote:last-child,
div.lp-pom-root .lp-pom-text .text-content>ul:last-child,
div.lp-pom-root .lp-pom-text .text-content>dl:last-child,
div.lp-pom-root .lp-pom-text .text-content>h1:last-child,
div.lp-pom-root .lp-pom-text .text-content>h2:last-child,
div.lp-pom-root .lp-pom-text .text-content>h3:last-child,
div.lp-pom-root .lp-pom-text .text-content>h4:last-child,
div.lp-pom-root .lp-pom-text .text-content>h5:last-child,
div.lp-pom-root .lp-pom-text .text-content>h6:last-child { margin-bottom: 0;}

div.lp-pom-root .lp-pom-text h1, .cke-text h1,
div.lp-pom-root .lp-pom-text h2, .cke-text h2,
div.lp-pom-root .lp-pom-text h3, .cke-text h3,
div.lp-pom-root .lp-pom-text h4, .cke-text h4,
div.lp-pom-root .lp-pom-text h5, .cke-text h5,
div.lp-pom-root .lp-pom-text h6, .cke-text h6 { font-weight:bolder;}
div.lp-pom-root .lp-pom-text b , .cke-text b,
div.lp-pom-root .lp-pom-text strong, .cke-text strong { font-weight:bolder }

div.lp-pom-root .lp-pom-text optgroup, .cke-text optgroup,{font-weight:normal;}
div.lp-pom-root .lp-pom-text abbr, .cke-text abbr,
div.lp-pom-root .lp-pom-text acronym, .cke-text acronym{border-bottom:1px dotted #000;cursor:help;}
div.lp-pom-root .lp-pom-text em, .cke-text em {font-style:italic;}
div.lp-pom-root .lp-pom-text del, .cke-text del{text-decoration:line-through;}
div.lp-pom-root .lp-pom-text blockquote, .cke-text blockquote,
div.lp-pom-root .lp-pom-text ul, .cke-text ul,
div.lp-pom-root .lp-pom-text ol, .cke-text ol,
div.lp-pom-root .lp-pom-text dl, .cke-text dl{margin:14px;font-size:14px; line-height:17px;}
div.lp-pom-root .lp-pom-text ul, .cke-text ul{margin-left:16px;}
div.lp-pom-root .lp-pom-text ol, .cke-text ol{margin-left:25px;}
div.lp-pom-root .lp-pom-text li, .cke-text li{display:list-item;}
div.lp-pom-root .lp-pom-text ol li, .cke-text ol li{list-style:decimal outside;}
div.lp-pom-root .lp-pom-text ul li, .cke-text ul li{list-style:disc outside;}
div.lp-pom-root .lp-pom-text dl dd, .cke-text dl dd{margin-left:14px;}
div.lp-pom-root .lp-pom-text th, .cke-text th,
div.lp-pom-root .lp-pom-text td, .cke-text td{border:1px solid #000;padding:7px;}
div.lp-pom-root .lp-pom-text th, .cke-text th{font-weight:bold;text-align:center;}
div.lp-pom-root .lp-pom-text caption, .cke-text caption{margin-bottom:7px;text-align:center;}
div.lp-pom-root .lp-pom-text sup, .cke-text sup{vertical-align:super;}
div.lp-pom-root .lp-pom-text sub, .cke-text sub{vertical-align:sub;}

/* Styles have been placed inline to avoid being overwritten by a user */
/* Find the styles for this element in /views/page_variants/_powered_by_unbounce.html.erb */

div.lp-pom-root #powered-by-unbounce {
  display: block !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 48px !important;
  overflow: hidden !important;
  background: #0098db !important;
  z-index: 8675309 !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #666 !important;
  font-weight: bold !important;
  transform: rotate(000deg) !important;
}

div.lp-pom-root #powered-by-unbounce a {
  display: block !important;
  position: static !important;
  visibility: visible !important;
  z-index: 18885159161 !important;
  text-indent: 0 !important;
  height: 44px !important;
}

div.lp-pom-root #powered-by-unbounce img {
  display: inline !important;
  position: static !important;
  visibility: visible !important;
  max-width: 440px;
  margin-top: 7px;
  width: 85% !important;
  vertical-align: bottom !important;
}

.lp-form-errors {
  position:absolute;
  display:none;
  z-index:999999;
}

.lp-form-errors div.content {
  background-color:#ccc;
  font-family: 'helvetica', 'arial', 'verdana', sans-serif;
}

.lp-form-errors div.content div.error {
  background-color: #DF3935;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.lp-form-errors div.content div.error .error-msg {
  padding-right: 50px;
}

.lp-form-errors div.content div.error .error-button {
  position: absolute;
  right: 20px;
  top: 5px;
}

.lp-form-errors div.content div.error .error-button .error-toggle {
  float: right;
  margin-right: 3px;
  text-decoration: underline;
  cursor: pointer;
  color: #FFFFFF;
}

.lp-form-errors div.content div.error .error-button .error-toggle-arrow {
  float: right;
  width: 9px;
  height: 10px;
  margin-top: 2px;
  cursor: pointer;
  background-image: url("/images/triangle-toggle.png");
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-size: cover;
}

.lp-form-errors div.content ul {
  /* !important used here to override inline styles added by jQuery's form validator */
  display: block !important;
  background-color :#FFD0D0;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #DF3935;
}

.lp-form-errors div.content ul.hide {
  /* !important used here to override inline styles added by jQuery's form validator */
  display: none !important;
}

.lp-form-errors div.content li {
  list-style: square;
  margin-left: 20px;
  margin-bottom: 2px;
}

div.lp-pom-root .lp-element.lp-code {
  overflow: hidden;
}

.lp-pom-root .lp-pom-image img{
  vertical-align: top;
}

.lp-pom-root .lp-pom-image a img {
  cursor: pointer;
}

/* The following need to be here because the rules need to be applied in both
 * edit and published context  */
.lp-pom-social-widget .horizontal {
  margin-left: 0;
  padding: 0;
}

.lp-pom-social-widget .horizontal .facebook_container {
  margin-left: 0;
  overflow: hidden;
}

.lp-pom-social-widget .widget {
  padding-right: 5px;
}

.lp-pom-social-widget .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
  display: none !important;
}

.lp-pom-social-widget  iframe.fb_ltr {
  display: none !important;
}

.fb_edge_widget_with_comment span {
    width: 120px !important;
}

.fb_recommend .fb_edge_widget_with_comment iframe {
    width: 97px !important;
}

body.ms-windows .fb_recommend {
    overflow: hidden;
    width: 88px;
}

body.ms-windows .fb_like {
    overflow: hidden;
    width: 48px !important;
}

body.ms-windows .lp-editor .fb_recommend {
    overflow: hidden;
    width: 90px;
}

body.ms-windows .lp-editor .fb_like {
    overflow: hidden;
    width: 50px !important;
}

@-moz-document url-prefix() {
  body.ms-windows .fb_recommend {
    width: 86px !important;
  }

  body.ms-windows .lp-editor .fb_recommend {
    width: 90px !important;
  }

  body.ms-windows .lp-editor .fb_like {
    width: 50px !important;
  }
}

.fb_like .fb_edge_widget_with_comment iframe {
    width: 50px !important;
}

.lp-pom-social-widget .vertical {
  margin-left: 0;
  overflow: hidden;
}

.lp-pom-social-widget .horizontal.widget_container {
  margin-right: -5px; /* to accommodate the last widget's 5px padding-right*/
}

.lp-pom-social-widget .widget.horizontal.container {
  margin-right: 0;
  white-space: nowrap;
  float: left;
}

.lp-pom-social-widget .facebook_container.horizontal.container {
  margin: 0;
}

.lp-pom-social-widget .widget_container.horizontal.top .twitter_container {
  margin-top: 40px;
}

.lp-pom-social-widget .widget_container.horizontal.top.widget-count-1 .twitter_container {
  margin-top: 0;
}

div.lp-social-widget-overlay {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}

#ubpoverlay-outer {
  height: auto !important;
}

/*Hack to fix issue with iframes not scrolling on the iphone.*/
@media only screen and (max-width: 600px) {
  #ubpoverlay-content {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}