/* Import css reset rules */
@import url("reset.css");


/****************/
/*   General    */
/****************/
body, html { min-height:100%; height:100%; }
p, h1, h2, h3, h4, h5 { margin:0px; }
h1.title { font-size:14px; text-align:center; color:#ffffff; margin:20px 0 10px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); }
h2.title { display:inline-block; font-size:13px; text-align:center; color:#ffffff; background:url(../pix/subtitle.png) left top; font-weight:normal; padding:8px 10px; border-radius:5px; margin:0; }
.center { text-align:center; }


/****************/
/*    Header    */
/****************/
.header { position:relative; }
.logo { display:block; width:100%; z-index:10; position:absolute; top:3px; left:0; }


/****************/
/*   Content    */
/****************/
.content { height:100%; min-height:500px; max-width:640px; margin:-8px auto 0; overflow:hidden; }
.content.optin { height:auto; }
.page { padding:45px 15px 15px; }
.page p { margin:0 0 15px 0; text-align:center; }
.popupContainer { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.9); z-index:100; display:none; }
.popup { width:265px; margin:90px auto 0; padding:10px 5px; text-align:center; }
.popup p { font-size:12px; text-align:center; }
.popup .button { margin:20px 7px 10px; }
.ageTitle { text-align:left; font-size:14px; font-weight:bold; color:#ffffff; line-height:16px; margin:10px 0 20px 0; vertical-align:middle; }
.ageIcon { float:left; width:39px; height:39px; margin:7px 10px 0 65px; }
.button, .buttonLarge { display:inline-block; text-decoration:none; padding:11px 5px; line-height:14px; min-width:95px; text-align:center; text-transform:uppercase; border:2px solid #000000; }
.buttonLarge { padding:15px; min-width:245px; }
.buttonDark { display:block; font-size:13px; text-align:center; text-decoration:none; color:#ffffff; background:url(../pix/buttonDark.png) left top repeat-x; font-weight:normal; padding:7px 10px; border-radius:5px; margin:0 10px 15px; }
.form input[type="text"], .form input[type="tel"] { background:#ffffff; border:none; font-size:15px; color:#333333; text-align:center; padding:10px; width:205px; height:16px; margin:7px 0 0 0; outline:none;
	box-shadow:inset 0px 2px 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box; 
	box-sizing:content-box; 
}
.form .button { width:228px; height:40px; margin:3px 0 0; line-height:14px; }
.form.center { text-align:center; }
.errors, .error { width:215px; margin:5px auto; background:rgba(255, 0, 0, 0.8); padding:8px 5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
}
.enterPin { margin:0 0 8px 0; }
.enterPin input[type="text"], .enterPin input[type="tel"] { border-radius:6px 0 0 6px; width:110px; text-align:left;}
.enterPin .button { width:105px; height:36px; border-radius:0 6px 6px 0; font-size:16px; text-shadow:0px -1px 1px rgba(0, 0, 0, 0.4); border:none; margin:0px; vertical-align:bottom; }
.enterPin .button .arrow { display:inline-block; width:10px; height:12px; background:url(../pix/arrow.png) center no-repeat; margin:0 0 0 5px; }
.enterPin .error { width:225px; }
.features { margin:15px 0 0 0; }
.features li { display:inline-block; width:21%; font-size:9px; color:#ffffff; padding:37px 0 0 0; vertical-align:top; line-height:10px; }
.features li.uncensured { background:url(../pix/uncensuredIcon.png) center top no-repeat; }
.features li.adult { background:url(../pix/adultIcon.png) center top no-repeat; }
.features li.pervert { background:url(../pix/pervertIcon.png) center top no-repeat; }
.gradientOverlay { height:100%; background:url(../pix/gradientOverlay.png) left bottom repeat-x; background-size:100% 100%; overflow:hidden; }
.smsLink { font-size:14px; font-weight:bold; text-align:center; margin:20px 30px; }
.ibcCall { display:inline-block; width:122px; height:56px; background:url(../pix/ibcIcon.png) center no-repeat; text-decoration:none; text-align:left; margin:10px 0; }
.ibcCall span { display:inline-block; width:70px; margin:15px 0 0 13px; font-size:13px; font-weight:bold; color:#ffffff; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); }
.ibcSteps { text-align:left; font-size:14px; margin:15px; }
.ibcSteps li { margin:0 0 12px 0; }
.ibcSteps li span { display:inline-block; vertical-align:top; width:91%; }
.imgThumbs { max-width:320px; margin:35px auto 20px; text-align:center; }
.imgThumbs .item { display:inline-block; margin:5px; }
.membersArea { text-align:center; margin:48% 0 0; }

.startContainer { display:table; width:100%; }
.startContainer .inner { display:table-cell; vertical-align:middle; }
.box { position:relative; max-width:250px;  margin:0 auto 0; background:rgba(25, 25, 27, 0.8); text-align:center; border:1px solid #000000; 
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.box.narrow { width:200px; margin:35px auto 0; }
.boxBottom { margin:5px 0 0 0; overflow:hidden; }
.box h1 { font-family:Arial Black, Arial, Helvetica; color:#ffffff; font-size:41px; font-weight:bold; margin:0 0 17px 0;  }
.box h2, .box h3 { font-family:Arial Black, Arial, Helvetica; font-size:20px; color:#ffffff; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); margin:8px 0 0 0; }
.box h3 { font-size:18px; margin:0 0 15px 0; }
.box p { text-align:center; font-size:12px; font-weight:bold; line-height:14px; margin:3px 0 0 0; }
.box .startButton { display:inline-block; width:81px; height:81px; margin:-47px 0 -10px 0; }
.box .link { position:absolute; left:0; top:0; width:100%; height:100%; }
.boxAnimate { 
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out; 
}
.optin2 .gratis { margin:-85px 0 0 0; }

.tos { margin:0; text-align:center; }
.tos .inner { background:#111111; padding:0 15px 15px; }
.tos .start { margin: 0; }
.tos .price { font-size: 17px; }
.fadeOut { height:44px; background:url(../pix/fadeOut.png) left bottom repeat-x; margin:-25px 0 0 0; }

.te-container { width:300px; margin:-125px 0 0 -150px; overflow:hidden; position:absolute; left:50%; top:50%; }
.te-wrapper { position:relative; width:100%; min-height:320px; }
.te-cover .play { position:absolute; top:30%; left:50%; margin:0 0 0 -86px; width:173px; height:120px; }
.te-cover .toolbar { position:absolute; left:0; bottom:0; width:100%; }
.te-cover .hd { position:absolute; left:2px; top:5px; width:55px; height:55px; background:url(../pix/hdIcon.png) center no-repeat; }
.te-cover .corner { position:absolute; right:-14px; top:-20px; width:77px; height:89px; background:url(../pix/cornerIcon.png) center no-repeat; }

.gratis { margin:-43px 0 0 0; }
.banner { text-align:center; margin:10px 0; }

/****************/
/*    Footer    */
/****************/
.footer { background:url(../pix/footer.png) left top repeat-x; text-align:center; padding:10px 0; }
.footer li { display:inline-block; font-size:11px; font-weight:bold; color:#ffffff; text-transform:uppercase; margin:0 9px; }
.footer li a { color:#ffffff; }


/****************/
/*    Retina    */
/****************/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.enterPin .button .arrow { background-image:url(../pix/arrow@2x.png) center no-repeat; background-size:10px 12px; } 
	.ibcCall { background-image:url(../pix/ibcIcon@2x.png); background-size:122px 56px; }
	.te-cover .hd { background-image:url(../pix/hdIcon@2x.png); background-size:55px 55px; }
	.te-cover .corner { background-image:url(../pix/cornerIcon@2x.png); background-size:77px 89px; }
	.features li.uncensured { background-image:url(../pix/uncensuredIcon@2x.png); background-size:31px 31px; }
	.features li.adult { background-image:url(../pix/adultIcon@2x.png); background-size:31px 31px; }
	.features li.pervert { background-image:url(../pix/pervertIcon@2x.png); background-size:31px 31px; }
}