/* splasher */
/* ======== */

.splasher {
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	background: #eeeeee;
	font-size:10px;
	padding:0 0 3em 0;
	margin:0;
}

.splasher .content {
	width: 60em; /* 600px / 10px */
	margin: 3em auto 0 auto; /* 30px / 10px */
	text-align: center;
}

.splasher .content a {
	color:#00c1f6;
	text-decoration:none;
}

.splasher .content a:hover {
	color:#00b4e5;
}

.splasher .content img.flavour_pic {
	max-width:11em;
	max-height:11em;
	margin:0 auto 10px auto;
	display:block;
}

.splasher .content img.watson_initial {
	width:4em;
	margin:0 auto 0 auto;
	display:block;
}

.splasher .content p,
.splasher .content ul,
.splasher .content ol {
	font-size: 1.8em; /* 18px / 10px */
	line-height: 1.5em;
	padding:10px;
	display:block;
	width:auto;
	background-color:#ffffff;
	margin:0 0 12px 0;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.1);
}

.splasher .content ol {
	list-style-type:decimal;
	margin: 0px 0 1.666em 35px;
}

.splasher .content ol li {
	margin:0;
	padding: 0 0 10px 5px;
}

.splasher .content ul,
.splasher .content ol {
	list-style: none;
	margin-left:0;
}

.splasher .content ul li {
	background-image:url("/media/img/main/icons/icon_dot.png");
	background-size:0.38888em 0.38888em; /* 7px / 18px */
	background-position:0.1666em 0.5em; /* 3px / 18px, 9px / 18px */
	background-repeat:no-repeat;
	padding-left:1.777em; /* 32px / 18px */
	padding-bottom: 10px;
}

.splasher .content ol li {
	margin-left:0;
	list-style-type:none;
    counter-increment:list;
    padding-left:1.777em; /* 32px / 18px */
    position:relative;
}

.splasher .content ol li:before {
    content: counter(list) ".";
    color:#f40f97;
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
}

.splasher .content ul p,
.splasher .content ol p {
	font-size:1em !important;
}

.splasher h2 {
	font-size:3em; /* 30px / 10px */
	line-height: 1.1em;
    margin:1em 0 1em 0;
	color: #f40f97;
	font-weight:bold;
	text-transform:uppercase;
}

.splasher .content .full {
	width:100%;
	margin:0.5em 0;
	display:block;
}

.splasher .content .half {
	margin:0 1%;
	width:45%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

.splasher .button {
	-moz-appearance: none;
	text-decoration: none;
	display:inline-block;
	height: 1.777em;
    line-height: 1.777em;
	padding: 0 12px;
	background-color: #00c1f6;
	color: #ffffff;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0;
	width: 16em; /* 400px / 25px */
	-webkit-border-radius: 0.16em; /* 4px / 25px */
	-moz-border-radius: 0.16em; /* 4px / 25px */
	border-radius: 2px;
	font-size:1em;
	border:0;
	cursor:pointer;
}

.splasher input.field {
	font-size:1em;
	border:0;
	text-decoration: none;
	display: block;
	height: 2em; /* 32px / 16px */
	padding: 0 10px;
	line-height: 1.5em; /* 24px / 16px */
	background: #eeeeee;
	color: #222222;
	font-weight: normal;
	width:calc( 100% - 20px );
	-webkit-border-radius: 0.25em; /* 4px / 16px */
	-moz-border-radius: 0.25em; /* 4px / 16px */
	border-radius: 0.25em; /* 4px / 16px */
	margin-bottom:10px;
}

.splasher input.hidden {
	display:none;
}

.splasher .logoblock {
	background-color:#222222;
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.splasher .logoblock .logo {
	display:block;
	padding:1.2em; /* 12px / 10px */
	height:3.5em; /* 35px / 10px */
}

.splasher .logoblock .logo img {
	width:14em; /* 140px / 10px */
}

.splasher .lr-icon-apple {
    background: black;
    width: 48px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 4px;
    pointer-events: none;
    background-image: url('/media/img/main/icons/apple_1.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%;
    display: none;
}

/* specific splashers */
/* ================== */

/* 101 */
/* === */
.splasher.spl_101 .content h2:first-of-type {
	margin-top:0;
}

/* 404 */
/* === */
.splasher.spl_404 .content h2:first-of-type {
	margin-top:0;
}

/* 503 */
/* === */
.splasher.spl_503 .content h2:first-of-type {
	margin-top:0;
}

/* password reset */
/* ============== */
.splasher.spl_passw_reset .content h2:first-of-type {
	margin-top:0;
}


/* ie blocker */
/* ========== */
.splasher.spl_ie .content h2:first-of-type {
	margin-top:0;
}

/* maintenance */
/* =========== */
.splasher.spl_maintenance .content h2:first-of-type {
	margin-top:0;
}

/* social media login */
/* ================== */
.splasher.spl_so_me_log .content h2:first-of-type {
	margin-top:0;
}

.splasher.spl_so_me_log .holder {
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

.splasher.spl_so_me_log .blinder {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
}

.splasher.spl_so_me_log #interfacecontainerdiv {
	height:82px;
}

.splasher.spl_so_me_log #interfacecontainerdiv.faded,
.splasher .lr-icon-apple.faded {
	opacity:0.5;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.splasher.spl_so_me_log #interfacecontainerdiv iframe {
	width:125px !important; /* !important for overriding generated iframe definition */
}

.splasher.spl_so_me_log input {
	vertical-align:middle;
	margin-bottom:0.4em;
}

/* agb */
/* === */
.splasher.agb .content {
	text-align:left;
}

.splasher.agb .content h2:first-of-type {
	margin-top:0;
}

/* delete account */
/* ============== */
.splasher.spl_delete .content h2:first-of-type {
	margin-top:0;
}

/* configurator */
/* ============ */
.splasher.configurator .content p {
	text-align:left;
}

.splasher.configurator .content h2:first-of-type {
	margin-top:0;
}

.splasher.configurator input,
.splasher.configurator textarea {
	font-family:"Open Sans",sans-serif;
	font-size:1em;
	width:Calc(100% - 10px);
	padding:5px;
	margin-bottom:10px;
	border:none;
	background-color:#eeeeee;
	color:#222222;
	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance:none;
	resize:none;
}

.splasher.configurator textarea {
	height:4.5em;
}

.splasher.configurator textarea:last-child,
.splasher.configurator input:last-child {
	margin-bottom:0;
}

.splasher.configurator .preview {
	display:block;
	padding:10px;
	background-color:#eeeeee;
}

.splasher.configurator .preview iframe {
	width:100%;
	height:400px;
	max-width:100%;
	max-height:500px;
	border:none;
	display:block;
	margin:0 auto;
}

/* zoomable */
/* ======== */
.splasher.zoomable .content {
	max-width: 100%;
	min-width: 100%;
	width:100% !important;
	margin:8em 0 0 0 !important;
}

.splasher.zoomable .content .image_wrapper {
	position:relative
}

.splasher.zoomable .content .image_wrapper img {
	width:100%;
}

.splasher.zoomable h2 {
	font-size: 3em;
	line-height: 1.2em;
	margin: 10px;
}

.splasher.zoomable .content ul {
    display: block;
    font-size: 2.5em;
    width: auto;
    margin-left:0;
}

.splasher.zoomable .content p {
	text-align:left;
}

.splasher.zoomable .content p.caption {
	font-size:2.5em;
	margin-bottom:0;
}

.splasher.zoomable .content p.source {
	font-size:2em;
	opacity:0.8;
	font-style:italic;
	text-transform:lowercase;
	margin-top:0;
}

.splasher.zoomable h2,
.splasher.zoomable .content ul,
.splasher.zoomable .content p {
	padding:0 20% 0 20%;
	-webkit-box-shadow:inherit;
	box-shadow:inherit;
	background-color:transparent;
}

.splasher.zoomable .content .pinch_hint {
	display:none;
	position:fixed;
	height:10em;
	width:10em;
	top:50%;
	margin-top:-7em;
	left:50%;
	margin-left:-7em;
	background-image: url('/media/img/main/icons/icon_gesture_zoom.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#222222;
	background-color:rgba(0,0,0,0.8);
	border:2em solid transparent;
	border-radius:10px;
}



/* with back bar on top of the page */
/* ================================ */
.splasher.with_back_bar .logoblock {
	background-color:transparent;
	background:none;
}

.splasher.with_back_bar a.backbutton {
	font-size:2.2em;
	text-decoration:none;
	position:absolute;
	top:0.9em;
	right:0.9em;
}

.splasher.with_back_bar .content {
	margin-top:5.9em !important;
}


/* tablet */
/* ====== */
@media screen and (max-width: 975px) {
	.splasher {
		font-size:9px;
	}
}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	.splasher {
		font-size:7px;
	}

	.splasher .content {
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}

	.splasher .content p,
	.splasher .content ul,
	.splasher .content ol {
		font-size:2.2857em !important;
		margin:0 0 8px 0;
	}

	/* zoomable */
	.splasher.zoomable h2,
	.splasher.zoomable .content ul,
	.splasher.zoomable .content p {
		padding-left:10%;
		padding-right:10%;
	}
}

/* iframe-pages */
/* ============ */
iframe.third_party_content {
	width:100%;
}

/* winprofit win */
iframe.third_party_content.winprofit_win {
	height:1080px;
}

@media screen and (max-width: 975px) {
	iframe.third_party_content.winprofit_win {
		height:1020px;
	}
}

@media screen and (max-width: 767px) {
	iframe.third_party_content.winprofit_win {
		height:2630px;
	}
}

@media screen and (max-width: 750px) {
	iframe.third_party_content.winprofit_win {
		height:2200px;
	}
}

@media screen and (max-width: 480px) {
	iframe.third_party_content.winprofit_win {
		height:2100px;
	}
}

@media screen and (max-width: 320px) {
	iframe.third_party_content.winprofit_win {
		height:2040px;
	}
}

/* winprofit jackpot */
iframe.third_party_content.winprofit_jackpot {
	height:1080px;
}

@media screen and (max-width: 975px) {
	iframe.third_party_content.winprofit_jackpot {
		height:1125px;
	}
}

@media screen and (max-width: 767px) {
	iframe.third_party_content.winprofit_jackpot {
		height:2760px;
	}
}

@media screen and (max-width: 750px) {
	iframe.third_party_content.winprofit_jackpot {
		height:2250px;
	}
}

@media screen and (max-width: 480px) {
	iframe.third_party_content.winprofit_jackpot {
		height:2200px;
	}
}

@media screen and (max-width: 320px) {
	iframe.third_party_content.winprofit_jackpot {
		height:2140px;
	}
}