@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:"("attr(href) ")"}abbr[title]:after{content:"("attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}
html, body {
	margin: 0!important;
	padding: 0!important;
	width: 100%;
	height: 100%;
}
body {
	background:#fff;
	font-size:24px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align: center
}
a, a:visited, a:link, a:active {
	color:#444343;
	text-decoration:none;
	outline:none
}
a:hover {color: #e20587; text-decoration:none}
img{border:0;}
ul{list-style:none}
h1, h2, h3, h4, h5, h6, p, ul, li, div{
	display:block;
	padding:0;
	margin:0;
	font-weight:normal
}
.slider-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	animation: slideleft 150000s infinite linear;
	-webkit-animation: slideleft 150000s infinite linear;
	background-size: cover;
	z-index: 0;
}
.slider-bg:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	content: '';
}
.fadebg{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	/* background: rgba(0,0,0,.5) */
}
.fadebg:before, .welC:before, .msg:before{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
	content: '';
}
.mainC{
	display: inline-block;
	vertical-align: middle;
}
@keyframes slideleft {
  from { background-position: 0%;}
  to { background-position: 90000%;}
}
@-webkit-keyframes slideleft {
  from { background-position: 0%; }
  to {background-position: 90000%;}
}
.vidC{
	border: 7px solid #fff;
	display: inline-block;
	width: 563px;
	margin: 0
}
.vidC video{
	display: block;
	width: 100%;
	height: auto
}
.mbox, .de-mbox{
	position: relative;
	width:563px;
	min-height: 340px;
	background: rgba(0,0,0,.8);
	border: 2px solid #4c4c4c;
	margin: 20px auto;
}
.cock1{
	position: absolute;
	display: inline-block;
	top: -18px;
	left: 25px;
}
.welC{
	position: absolute;
	top: -17px;
	right: -17px;
	background-size: 100%;
	width: 294px;
	height: 216px;
}
.helper{
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px
}
.welC h5{
	font-size: 24px;
	color: #d50000;
	font-weight: 800;
}
.welC p{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 800;
}
.red-btn,
a.red-btn, 
.de-mbox li a{
	display: inline-block;
	border-radius: 5px;
	background: #ff0000;
	font-size: 32px;
	color: #fff;
	padding: 5px 30px;
	font-weight: 700;
	min-width: 50%
}
.age-verification .red-btn{
	width: 100%;
}
.start a.red-btn{
	position: absolute;
	width: 225px;
	top: 207px;
	right: 23px;
}
a.red-btn:hover, .de-mbox li a:hover{background: #dd0303;}
.start small{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 20px;
	font-size: 14px;
	color: #a2a2a2;
}
.de-mbox{
	min-height:inherit;
	padding: 50px 20px 40px;
	display:none;
}
.de-mbox .intro{
	padding:30px 20px 40px;
}
.de-mbox p{
	font-weight: 700;
	margin: 15px 10px 30px;
}

.de-mbox h3{
	font-size: 30px;
	font-weight: 700;
}
.de-mbox ul{
	margin-top: 40px;
	width: 100%;
	text-align: center
}
.de-mbox li{margin: 15px 0;}
.de-mbox li a{width: 80%;}
.de-mbox.analyzing, .de-mbox.congrats{padding-top: 0}
.cockbg{
	position: relative;
	margin-top: -20px;
}
.msg{
	position: absolute;
	top: 12px;
	right: -25px;
	width: 240px;
	height: 190px;
}
.msg h4{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #d50000;
	font-weight: 800;
}
.remlist{
	text-align: left;
	margin: 0 5% 30px;
	font-size: 20px;
}
.congrats p span{color: #f00}


.meter{height:20px;position:relative;margin:60px 0 20px;background:#555;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;padding:10px;-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);margin: 0 10%}
.meter > span{display:block;height:100%;border-radius:20px;background-color:#2bc253;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%);-webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden}
.meter > span:after,.animate > span > span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 2s linear infinite;border-radius:20px;overflow:hidden}
.animate > span:after{display:none}
@-webkit-keyframes move {
0%{background-position:0 0}
100%{background-position:50px 50px}
}
.red > span{background-color:#f0a3a3;background-image:-moz-linear-gradient(top,#f0a3a3,#f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0a3a3),color-stop(1,#f42323));background-image:-webkit-linear-gradient(#f0a3a3,#f42323)}
.meter, .meter *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing: content-box}







|:-moz-any-link:focus {outline: none;}
input[type="image"]:focus {outline: none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}
abbr[title], acronym[title] {border-bottom: none;}
*:focus {outline : none;}

.logo h1{
	margin: 1em auto;
	font-weight: bold;
	font-size: 1.5em;
	text-shadow: 1px 1px 3px black;
}

.logo h1 span{
	color: red;
}

@media screen and (max-width:560px) {
.fadebg:before{display: none}
.logo img{width: 70%}
.vidC{width: 90%}
.mbox, .de-mbox{width: 90%;min-height:260px}
.cock1{width: 46%;left: 13px}
.cock1 img{width: 100%}
.welC{width: 55%;height: 64%;right: -10px}
.welC h5, .welC p{font-size:4vw;line-height: 4.6vw}
a.red-btn, .girl-pref h3{font-size: 6.5vw}
.start a.red-btn{width: auto;padding: 5px 35px;font-size: 5vw;top: 60%}
.start small{font-size: 3.3vw}
.intro span img, .de-mbox span img{width: 60%}
.intro p, .de-mbox p{font-size: 5.5vw}
.de-mbox li a, .de-mbox h3{font-size: 6vw}
.cockbg img{width: 110%}
.msg{width: 150px;height: 115px;top: 9px}
.msg h4{font-size: 4vw}
.remlist{font-size: 4.5vw}
}
@media screen and (max-width:390px) {
.mbox, .de-mbox{min-height:230px}	
a.start-btn{top: 58%}
.msg{width: 140px;height: 105px}
.de-mbox li a{width: 96%}
}
@media screen and (max-width:340px) {
.mbox, .de-mbox{min-height:200px}	
a.start-btn{top: 56%}	
.de-mbox li a{width: 80%;}
.msg{width: 115px;height: 85px;right: -20px}
}

body.step-1 .step.step-1,
body.step-2 .step.step-2,
body.step-3 .step.step-3,
body.step-4 .step.step-4,
body.step-5 .step.step-5,
body.step-6 .step.step-6,
body.step-7 .step.step-7,
body.step-8 .step.step-8,
body.step-9 .step.step-9,
body.step-10 .step.step-10,
body.step-11 .step.step-11,
body.step-12 .step.step-12,
body.step-13 .step.step-13,
body.step-14 .step.step-14,
body.step-15 .step.step-15,
body.step-16 .step.step-16,
body.step-17 .step.step-17,
body.step-18 .step.step-18,
body.step-19 .step.step-19,
body.step-20 .step.step-20,
body.step-21 .step.step-21,
body.step-22 .step.step-22,
body.step-23 .step.step-23,
body.step-24 .step.step-24,
body.step-join .step.step-join{
	/*
	opacity: 1;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	*/
}

@media screen and (max-width: 767px){
	body.step-1 .step.step-1,
	body.step-2 .step.step-2,
	body.step-3 .step.step-3,
	body.step-4 .step.step-4,
	body.step-5 .step.step-5,
	body.step-6 .step.step-6,
	body.step-7 .step.step-7,
	body.step-8 .step.step-8,
	body.step-9 .step.step-9,
	body.step-10 .step.step-10,
	body.step-11 .step.step-11,
	body.step-12 .step.step-12,
	body.step-13 .step.step-13,
	body.step-14 .step.step-14,
	body.step-15 .step.step-15,
	body.step-16 .step.step-16,
	body.step-17 .step.step-17,
	body.step-18 .step.step-18,
	body.step-19 .step.step-19,
	body.step-20 .step.step-20,
	body.step-21 .step.step-21,
	body.step-22 .step.step-22,
	body.step-23 .step.step-23,
	body.step-24 .step.step-24,
	body.step-join .step.step-join{
	/*	max-width: 90%; */
	}

	header{
		margin-bottom: 25px;
	}
}

.step{
	/*
	color: #000;
	max-width: 534;
	z-index: 9;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	*/
}