/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Site style */
@font-face {
	font-family: 'GothamHTFBook';
	src: url('../fonts/gothamhtf-book-webfont.eot');
	src: url('../fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothamhtf-book-webfont.woff') format('woff'),
		 url('../fonts/gothamhtf-book-webfont.ttf') format('truetype'),
		 url('../fonts/gothamhtf-book-webfont.svg#GothamHTFBook') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'GothamHTFMedium';
	src: url('../fonts/gothamhtf-medium-webfont.eot');
	src: url('../fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothamhtf-medium-webfont.woff') format('woff'),
		 url('../fonts/gothamhtf-medium-webfont.ttf') format('truetype'),
		 url('../fonts/gothamhtf-medium-webfont.svg#GothamHTFMedium') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'GothamHTFBold';
	src: url('../fonts/gothamhtf-bold-webfont.eot');
	src: url('../fonts/gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothamhtf-bold-webfont.woff') format('woff'),
		 url('../fonts/gothamhtf-bold-webfont.ttf') format('truetype'),
		 url('../fonts/gothamhtf-bold-webfont.svg#GothamHTFBold') format('svg');
	font-weight: normal;
	font-style: normal;

}

body, html {
	height: 100%;
	width: 100%;
	font-family: GothamHTFMedium;
	font-size: 18px;
	overflow: hidden;
}

body.iOS[orientation=landscape] {
	height: 620px;
}

body.iOS[device=iPhone][orientation=landscape] {
	width: 1280px;
	height: 720px;
}

body.iOS[device=iPhone][orientation=portrait] {
	height: 1280px;
	width: 720px;
}

#booo .bghack {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#booo .spacer {
	float: left;
	height: 50%;
 	margin-bottom: -300px;
}

#booo div.left {
	font-size: 17px;
	color: black;
	font-family: GothamHTFBook;
	top: 10px;
	right: 0px;
	position: absolute;
} 

#booo div.right {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 734px;
	height: 414px;
} 

#booo div.right iframe {
	position: absolute;
	top: 0px;
	left: 0px;
}

#booo div.right img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#booo div.text {
	text-align: left;
	font-size: 22px;
	top: 420px;
	position: absolute;
	width: 100%;
	left: 0px;
	height: 400px;
}

#booo div.text h1 {
	text-transform: uppercase;
	font-size: 29px;
	font-family: GothamHTFMedium;
	padding-bottom: 10px;
}

#booo .logo {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
}

.booo {
	width: 1050px;
	height: 750px;
	position: relative;
	margin: auto auto;
	overflow: hidden;
	clear: both;
}

.booo p.pink {
	padding: 0px 0px 0px 0px;
	line-height: inherit;
	display: inline;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-family: GothamHTFBook;
	font-size: 30px;
}

.booo ul, .booo ol, .booo li {
	margin-top: 10px;
	list-style: disc outside none;
	font-size: 18px;
	font-family: GothamHTFBook;
	color: #000;
} 

.booo a {
	font-family: GothamHTFMedium;
	color: #000;
	text-decoration: none;
}

.booo a:hover {
	text-decoration: underline;
}

#container {
	width: 100%;
	height: 100%;
	display: block;
	background: url('../imgs/background.jpg');
	background-size: 100% 100%;
	position: relative;
}

.screen {
	position: relative;
}

body.loading::after{
	display: block;
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('../imgs/spinner2.gif') no-repeat;
	background-position: center;
	z-index: 30;
}

.loading:not(body), #loading{
	background: url('../imgs/spinner2.gif') no-repeat;
	background-position: center;
}
.loading:not(body){
	background-size: cover;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.loading:not(.show):not(body), #loading:not(.show){ display: none; }

.scene{
	position: fixed;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}
.scene:not(.instant){ transition: opacity 1s ease-in-out; }

.scene .center{
	position: relative;
	clear: both;
	opacity: 1;
	/* height: 290px; */
	top: 50%;
	transform: translateY(-50%);
}

.scene .spacer {
	float: left;
	height: 50%;
 	margin-bottom: -140px;
}

#counter .spacer {
	margin-bottom: -187px;
}

/* .scene p {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto auto;
	width: 500px;
	height: 100px;
}
 */
/* .scene .continue {
	margin-top: 10px;
	width: 20px;
	height: 20px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
} */

.scene a.continue {
	color: #000;
	text-decoration: none;
}

.scene.active,
.scene.disposing {
	pointer-events: all;
	z-index: 10;
	opacity: 1;
}

.scene.disposing {
	z-index: 5;
	opacity: 0;
}

.scene video, .scene .video, canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	object-fit: cover;
}

.scene > p, .scene > div.center > p, #game p, .scene div.row p {
	font-size: 36px;
	display: inline-block;
	clear: both;
}


p.pinkintro {
	background: url('../imgs/pinkintro.png');
	background-size: cover;
	min-height: 64px;
	line-height: 64px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: GothamHTFBook;
}

p.pink {
	background: url('../imgs/pink.png');
	background-size: cover;
	min-height: 58px;
	line-height: 58px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: GothamHTFBook;
}

p.white {
	color: #fc319f;
	background: #fff;
	min-height: 58px;
	line-height: 58px;
	margin-left: -5px;
	padding-right: 20px;
	padding-left: 10px;
	font-family: GothamHTFBook;
}


div.continue {
	background: url('../imgs/click.png') no-repeat;
	width: 77px;
	height: 77px;
	cursor: pointer;
	margin: auto auto;
	margin-top: 30px;
}

div.continue.fr {
	background: url('../imgs/click_fr.png') no-repeat;
}

.it div.continue {
	background: url('../imgs/click_it.png') no-repeat;
}


/* div.continue:hover {
	background: url('https://s3.amazonaws.com/bootybreak/img/continue_hover.png') no-repeat;
}
 */

div.continue_big {
	background: url('../imgs/continue_en.png') no-repeat;
	background-position: right top; 
	/* On purpose 13 px more than actual width to compensate with drop-shadow on the right */
	width: 257px;
	height: 257px;
	cursor: pointer;
	margin: auto auto;
	color: #fff;
	font-size: 39px;
	text-align: center;
	word-wrap: break-word;
	opacity: 0.999999; /* webkit bugfix */
}

.it div.continue_big {
	background: url('../imgs/continue_it.png') no-repeat;
}

div.continue_big p {
	font-size: 20px;
	line-height: 230px;
	padding-right: 10px;
}

/* Scene-specific styles */

#intro2 .spacer {
	margin-bottom: -86px;
}

/* One-liners */
#intro4 .spacer, #video1 .spacer, #here_it_comes .spacer, #game .spacer, #choose_booty .spacer {
	margin-bottom: -29px;
}

/* Big continue button */
#video2 .spacer, #video3 .spacer, #video4 .spacer, #video5 .spacer, #shirtoff_loop .spacer {
	margin-bottom: -154px;
}

#choose_booty_ui .spacer {
	height: 50%;
	margin-bottom: -155px;
}

/*#choose_booty_ui .continue_round {
	float: left;
	margin-left: 40px;
	display: none;
}

.iOS #choose_booty_ui .continue_round {
	display: block;
	opacity: 0.40;
}


.iOS #choose_booty_ui .continue_round:click {
	display: block;
	opacity: 0.999;
}
	
#choose_booty_ui div.center {
	width: 1000px;
	margin: auto auto;
}

#choose_booty_ui .ui-clip {
	display: none;
}*/


#game p {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: GothamHTFMedium;
	font-size: 30px;
}

.changebooty p:hover {
	height: 70px;
}

#game .center p {
	text-transform: none;
}

#game .flex {
	margin-right: 10px;
}

#game .shake {
	margin-right: 10px;
}

#counter .center-down{
	position: absolute;
	bottom: 20px;
	left: 50%;
}

#game .center-down {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#game .center-down p {
	font-size: 23px;
}

#game .changebooty {
	position: relative;
	bottom: 0px;
	font-size: 40px;
	line-height: 64px;
}

#game .ui-clip:not(.show) {
	display: none;
}

#game .more {
	background: url('../imgs/morebutton_bg.png') repeat-x;
	position: absolute;
	right: 0px;
	top: 80px;
	cursor: pointer;
	width: 200px;
	height: 58px;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 58px;
	text-align: left;
	padding-left: 10px;
	color: #FC319F;
}

#game .more:hover {
	width: 220px;
}

.flex, .dance, .shake, .slap {
	cursor: pointer;
	padding: 10px 10px 10px 10px;
	display: inline-block;
}

.flex:hover, .dance:hover, .shake:hover, .slap:hover {
	border: solid #2beeef 5px;
	padding: 5px 5px 5px 5px;
}

.changebooty:hover {
	height: 67px;
}

.changebooty {
	height: 44px;
	cursor: pointer;
}

.continue_holder {
	height: 309px;
	width: 309px;
	display: inline-block;
	float: left;
	opacity: 0.999;
}

#shirtoff_loop .continue_holder {
	height: 309px;
	width: 309px;
	display: inline-block;
	float: none;
	margin: auto auto;
}


/* Define fixed with for text with typewriter effect */
/* #counter p.white {
	width: 364px;
} 

#intro1 p.white {
	width: 225px;
}

#intro2 p.white {
	width: 192px;
} */

/* Animations */
#counter p.pink, 
#counter p.white, 
#counter .continue,
#intro1 .row {
	position: relative;
	top: 9999px;
	transition-property: top;
}
#counter.active p.pink {
	transition-duration: 2s;
	top: 0;
}
#counter.active p.white {
	transition-duration: 3s;
	top: 0;
}
#counter.active .continue{
	transition-delay: 1s;
	transition-duration: 4s;
	top: 0;
}

#intro1.active .row:first-child{
	transition-duration: 1s;
	top: 0;
}
#intro1.active .row:nth-child(2){
	transition-delay: 2s;
	transition-duration: 1s;
	top: 0;
}

/* #intro2 p, #intro2 .continue, #intro4 p, #intro4 .continue {
	margin-top: 800px;
}
 */
#broughttoyou .spacer {
	margin-bottom: -50px;
}

#broughttoyou .right .spacer {
	margin-bottom: -255px;
}


#broughttoyou p {
	font-size: 18px;
	color: #000;
}


#broughttoyou div.left {
	width: 35%;
	height: 100%;
	float: left;
	text-align: left;
	margin-left: 100px;
	min-width: 550px;
}

#broughttoyou div.right {
	display: none;
	width: 20%;
	height: 100%;
	float: left;
	text-align: left;
}

.ass {
	height: 100%;
	position: absolute;
	right: 0px;
}

.book {
	font-family: GothamHTFBook;
}

.bold { 
	font-family: GothamHTFBold;
}

.logo span {
	font-size: 63px;
	color: #000;
}

.layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.darkbg {
	background-color: rgba(0, 0, 0, 0.80);
}

.darkbg2 {
	background: url('../imgs/gradient.png');
	background-size: 100% 100%;
}

.greenbg {
	background: url('../imgs/green.png');
	height: 58px;
	font-size: 44px;
	font-family: GothamHTFMedium;
	line-height: 58px;
	cursor: pointer;
	padding: 10px 15px 10px 15px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	background-size: 100% 100%;
}


#moremenu .bottom_menu .hoverglow {
	padding: 14px 14px 14px 14px;
	display: inline-block;
	cursor: pointer;
}

#moremenu .bottom_menu .hoverglow:hover {
	border: solid #2beeef 7px;
	padding: 7px 7px 7px 7px;
}

#moremenu .green {
	color: #33cc99;
	font-family: GothamHTFMedium;
	font-size: 17px;
}

#moremenu .white {
	color: #fff;
	font-family: GothamHTFMedium;
	font-size: 17px;
	text-transform: uppercase;
}


#moremenu .bottom_menu .item {
	width: 30%;
	height: 190px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#moremenu .bottom_menu {
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: auto auto;
}

.ass2 {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}

.back { 
	display: inline-block;
	left: 0px;
	position: absolute;
	top: 125px;
	font-size: 36px;
	text-align: right;
	z-index: 4;
}

.anothervichylogo {
	position: absolute;
	top: 230px;
	left: 20px;
}

.back.fr {
	font-size: 30px !important;
}

.back:hover {
	width: 280px;
}

.back.fr:hover {
	width: 50px !important;
}


/* p.third {
	margin-bottom: 50px;
	margin-top: 15px;
}
 */
#moremenu .spacer {
	margin-bottom: -300px;
}

#share .spacer {
	margin-bottom: -299px;
}

.greensquare {
	width: 722px;
	/*height: 406px;*/
	height: 356px;
	border: 1px #2beeef solid;
	background: url('../imgs/share_img.jpg');
	margin: auto auto;
	padding-top: 30px;
	padding-bottom: 20px;
	position: relative;
}

.greensquare .greenbg {
	font-size: 20px;
	padding: 2px 10px 2px 10px;
	height: 30px;
	line-height: 30px;
}

.greensquare input {
	width: 300px;
	height: 32px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: GothamHTFMedium;
	font-size: 18px;
}

.greensquare .sharetext {
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
}

.greensquare img {
	margin-bottom: 20px;
	cursor: pointer;
}

.greensquare p {
	font-size: 27px;
	margin-bottom: 10px;
}

#share .white {
	text-transform: none;
	font-family: GothamHTFMedium;
	font-size: 33px;
}

#share .green {
	font-family: GothamHTFBook;
	text-transform: none;
	font-size: 33px;
}

.greensquare .greenbg {
	margin-top: 10px;
	font-family: GothamHTFMedium;
	font-size: 20px;
}

#share .text {
	text-align: left;
	width: 722px;
	margin: auto auto;
	margin-top: 40px;
}

img.product {	
	margin-top: 60px;
	height: 96%; /* (720-60)/720 */
}

#product div.left, #product div.right {
	width: 300px;
	height: 100%;
	float: left;
	text-align: left;
}



#product .logo .book, #product .logo .bold {
	font-size: 34px;
}

#product .logo span {
	color: #fff;
}

#product .white {
	text-transform: none;
	font-family: GothamHTFMedium;
	font-size: 20px;
	text-align: left;
}

#product .right .white {
	font-size: 17px;
}

#product .green {
	font-size: 20px;
	text-align: left;
	text-transform: none;
	font-family: GothamHTFMedium;
	margin-top: 28px;
	margin-bottom: 14px;
	display: inline-block;
	color: #3C9;
}

#product p {
	text-align: left;
}

#product p.back {
	text-align: right;
}

#product .greenbgsmall {
	background: url('../imgs/green_product_button.png');
	cursor: pointer;
	color: #fff;
	display: inline-block;
	background-size: 100% 100%;
	font-size: 17px;
	line-height: 15px;
	text-transform: none;
	font-family: GothamHTFMedium;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin-top: 14px;
}

#product .greenbgsmall a
{
	color: #fff;	
	text-transform: none;
	font-family: GothamHTFMedium;
	text-decoration: none;
}

#product .greenbgsmall:hover {
	background: transparent;
}

.greentitle {
	font-size: 17px;
	text-align: left;
	color: #33cc99;
	font-family: GothamHTFMedium;
	border-bottom: 1px #288a6a solid;
	padding-top: 15px;
	padding-bottom: 14px;
	text-transform: uppercase;
}

#product .center {
	width: 866px;
	height: 100%;
	margin: auto auto;
}

#product .spacer {
	margin-bottom: -180px;
}

#broughttoyou .center {
	display: none;
	z-index: 4;
}

.iOS[device=iPhone][orientation=portrait] #broughttoyou .left .spacer {
	margin-bottom: 200px;
}

.greenborder {
	margin-top: 28px;
	border-bottom: 1px #288a6a solid;
}

.justify {
	text-align: right !important;
}

#product .right .green  {
	font-size: 30px;
	font-family: GothamHTFBook;
	text-transform: uppercase;
	text-align: right;
}

#product .right p {
	text-align: right ;
}

.buynow_holder {
	width: 100%;
	bottom: 3%;
	position: absolute;
	padding-left: 2%;
}

.buynow_holder:hover {
	bottom: 4%;
}

.buynow {
	cursor: pointer;
}


span.green {
	color: #33cc99;
}

#download_popover {
	right: -170px;
	top: 270px;
	position: absolute;
	width: 130px;
	display: none;
}

#download .spacer {
	margin-bottom: -255px;
}


#download .spacer.fr {
	margin-bottom: -342px;
}

#download .center {
	width: 700px;
	margin: auto auto;
	position: relative;
}

.iphone {
	background: url('../imgs/iphone.png') top no-repeat;
	padding-top: 382px;
	padding-left: 25px;
}

#download .center p, #download .center p .white {
	text-transform: none;
	font-size: 33px;
	font-family: GothamHTFMedium;
	text-align: left;
}

#download .green {
	font-size: 25px;
}


#download ul {
	margin-top: 5px;
	list-style: disc outside none; /* default */
	color: #33cc99;
	text-align: left;
	line-height: 25px;
}

#download .button {
	background: url('../imgs/download.png') no-repeat;
	cursor: pointer;
	position: absolute;
	width: 136px;
	height: 157px;
	right: -27px;
	top: 243px;
}

#download .button:hover {
	background: url('../imgs/download_hover.png');
}

#topright {
	position: fixed;
	top: 0px;
	right: 50px;
	width: 500px;
	text-align: right;
	z-index: 15;
}

#topright > * {
	float: right;
	/*padding: 5px;*/
}

#tweet {
	width: 66px;
}

#like {
	width: 90px;
}

#lang, #lang a {
	width: 42px;
	height: 28px;
	z-index: 10;
	color: #fff;
	font-family: GothamHTFBook;
	text-decoration: none;
	font-size: 13px;
}

#lang strong {
	font-family: GothamHTFMedium;
}

#music_toggle {
	position: relative;
	background: url('../imgs/music_on.png') no-repeat;
	cursor: pointer;
	width: 42px;
	height: 28px;
	z-index: 15;
	background-position: 0;
	opacity: 0;
}
#music_toggle.show{ opacity: 1; }

#music_toggle.music_off {
	background: url('../imgs/music_off.png') no-repeat;
}

#music_toggle.green,
#music_toggle.music_off:hover {
	background: url('../imgs/music_on_green.png') no-repeat;
}

#music_toggle.music_off.green,
#music_toggle:not(.music_off):hover {
	background: url('../imgs/music_off_green.png') no-repeat !important;
}

/*.buyitnow {
	width: 293px;
	height: 112px;
	display: block;
	background: url('../imgs/buyitnow.png') no-repeat;	
	margin-top: 10px;
}

.buyitnow:hover {
	background: url('../imgs/buyitnow_hover.png') no-repeat;
}

.buyitnow_ca {
	width: 293px;
	height: 112px;
	display: block;
	background: url('../imgs/buyitnow_ca.png') no-repeat;	
	margin-top: 30px;
}

.buyitnow_fr {
	width: 293px;
	height: 112px;
	display: block;
	background: url('../imgs/buyitnow_fr.png') no-repeat;	
	margin-top: 30px;
}*/


.skip, .watchagain {
	cursor: pointer;
}

.share_names, .share_video {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.share_video {
	width: 0px; 
}

/* Bootstrap carousel */
.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}

.arrow, .carousel { 
	float: left;
}

.arrow {
	margin-top: 75px;
	cursor: pointer;
}

.left.arrow {
	margin-right: 20px;
}

.right.arrow {
	margin-left: 20px;
}

#wtf {
	position: absolute;
	top: 0px;
	left: 0px;
	width:60px;
	height: 25px;
	color: red;
	cursor: pointer;	
	font-size: 25px;
	font-family: GothamHTFMedium;
	z-index: 50;
	background:  black;
}

.row {
	text-align: center;
	display: block;
	width: 100%;
}

html.iOS[orientation="portrait"] #moremenu .center {
	height: 620px;
	margin: 0 0 !important;
	left: 20px;
}

/* NEW */
[data-typeme]:not([data-typemei="0"])::after{
    display: inline-block;
    content: "|";
    color: #fff;
	animation: blink .5s infinite alternate;
}

@keyframes blink{
	0%{ color: #fff; }
	100%{ color: transparent; }
}

.btn{
	display: inline-block;
	font-size: 1.5em !important;
    background: url(../imgs/continue_round.png) no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    align-content: center;
	color: #fff;
	cursor: pointer;
}

.counter{
	margin: 0 auto;
    width: 100%;
	margin-bottom: 2em;
}

.counter .digitholder {
	--dimension: 8vw;
	width: var(--dimension);
    height: var(--dimension);
	min-width: 2vw;
	min-height: 2vw;
    display: inline-block;
    vertical-align: top;
	background: url(../imgs/numbers.png);
	background-size: cover;
	background-position: center 0;
}

.counter.active .digitholder{
	transition: background-position var(--speed) ease-in;
	background-position-y: calc(-1 * var(--dimension) * var(--digit));
}

#video4 .continue_big{
	transition: opacity 1s ease-in-out;
	opacity: 1;
	background-image: url(../imgs/continue.png);
	background-size: contain;
	width: 260px;
	height: 260px;
	display: inline-block;
	background-position: right 10px;
	background-repeat: no-repeat;
	text-align: center;
	align-content: center;
	font-size: 1.5em;
	cursor: pointer;
}
#video4 .continue_big:not(.show){ opacity: 0; }

.stillframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

#choose_booty_ui .chooser{
	max-width: 665px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
#choose_booty_ui .chooser:not(.show){
	pointer-events: none;
	opacity: 0;
}

#choose_booty_ui .chooser a.left,
#choose_booty_ui .chooser a.right {
	width: 138px;
	height: 163px;
	display: inline-block;
	opacity: 0.9999;
	background-size: contain;
	background-repeat: no-repeat;
}

/*#choose_booty_ui .chooser div.left {
	width: 138px;
	height: 163px;
	margin-top: 70px;
	display: block;
	float: left;
}

#choose_booty_ui .chooser div.right {
	width: 138px;
	height: 163px;
	margin-top: 70px;
	margin-left: 70px;
	display: block;
	float: left;
}

#choose_booty_ui .chooser div.right {
	margin-left: 75px;
}*/

#choose_booty_ui .chooser a.left {
	background-image: url('../imgs/left.png');
}

#choose_booty_ui .chooser a.left:hover {
	background-image: url('../imgs/left_hover.png');
}


#choose_booty_ui .chooser a.left:active, 
#choose_booty_ui .chooser a.left.active {
	background-image: url('../imgs/left_active.png');	
}

#choose_booty_ui .chooser a.right {
	background-image: url('../imgs/right.png');
}

#choose_booty_ui .chooser a.right:hover {
	background-image: url('../imgs/right_hover.png');
}


#choose_booty_ui .chooser a.right:active, 
#choose_booty_ui .chooser a.right.active {
	background-image: url('../imgs/right_active.png');	
}

/*#choose_booty_ui div.continue_round p {
	margin-top: 0px;
}

#choose_booty_ui div.continue_round  p {
	line-height: inherit;
	margin-top: 100px;
	margin-left: 4px;
}*/

#choose_booty_ui .chooser .continue_round {
	--dimension: 40vw;
    background: url(../imgs/continue_round.png) no-repeat;
    background-position: 1vw;
    background-size: contain;
    width: var(--dimension);
    height: var(--dimension);
    cursor: pointer;
    margin: auto auto;
    color: #fff;
    font-size: 39px;
    text-align: center;
    word-wrap: break-word;
    align-content: center;
    max-width: 310px;
    max-height: 310px;
    min-width: 260px;
    min-height: 260px;
	opacity: .5;
}
#choose_booty_ui .chooser .continue_round:hover{ opacity: 1; }

#choose_booty_ui .chooser .left.hidden,
#choose_booty_ui .chooser .right.hidden,
#choose_booty_ui .chooser .continue_holder.hidden{
	pointer-events: none;
	opacity: 0;
}

#choose_booty_ui video:not(.show){
	display: none;
}

#game .screen{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
	opacity: 1;
}
#game .screen.show .center,
#game .screen:not(.show) .left,
#game .screen:not(.show) .right,
#game .screen:not(.show) .center-down{
	opacity: 0;
	pointer-events: none;
}

#game .actions-container{
	position: absolute;
    bottom: 10vh;
    width: 100%;
}

#game .actions-container .left,
#game .actions-container .right {
	width: 49%;
    min-width: 400px;
    display: inline-block;
}

@media screen and (max-width: 800px){
	.scene > p, .scene > div.center > p, #game p, .scene div.row p {
		font-size: 30px;
		line-height: 35px;
	}

	p.pinkintro {
		min-height: 54px;
		line-height: 54px;
	}
	
	p.pink,
	p.white	{
		min-height: 38px;
		line-height: 40px;
	}
}