.newLayerBack {
	opacity: 0.8 !important;
}

.modMnNewLayer.a {
	position: fixed !important;
	top: 0 !important; right: 0;
	bottom: 0; left: 0;
	overflow-y: auto;
	text-align: center;
	width: 100% !important;
	margin: 0 !important;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.modMnNewLayer.a.isScrollingBox {
	display: inline-block;
	position: static !important;
	top: auto !important; right: auto;
	bottom: auto; left: auto;
	overflow-y: auto;
	text-align: center;
	width: auto !important;
	margin: 0 !important;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.modMnNewLayer.a .newLayerInner {
	font-family: Roboto,Tahoma,Verdana,Arial,sans-serif;
	display: inline-block;
	max-width: 460px;
	margin: 20px 10px;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	z-index: 10001;
}

	.modMnNewLayer.a .newLayerContent {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat;
	}

		.modMnNewLayer.a .newLayerContent .bar {
			display: table;
			width: 100%;
			padding: 20px 15px;
			background-color: #000;
			background-color: rgba(0, 0, 0, 0.65);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			.modMnNewLayer.a .newLayerContent .bar .column {
				display: table-cell;
				vertical-align: middle;
				white-space: nowrap;
			}

			.modMnNewLayer.a .newLayerContent .bar .column.r {
				text-align: right;
			}

				.modMnNewLayer.a .newLayerContent .bar .column.l .outerImage {
					display: table-cell;
					vertical-align: middle;
					height: 40px;
				}

				.modMnNewLayer.a .newLayerContent .bar .column.l img {
					max-width: 150px;
				}

				.modMnNewLayer.a .newLayerContent .bar .column .outerSeparator {
					height: 100%;
					display: table-cell;
					position: relative;
					width: 40px;
				}

					.modMnNewLayer.a .newLayerContent .bar .column .separator {
						display: block;
						width: 2px;
						height: 20px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						margin-top: -10px;
						left: 50%;
						margin-left: -1px;
					}

					.modMnNewLayer.a .newLayerContent .bar .column .countdown .text {
						display: inline-block;
						position: relative;
						vertical-align: middle;
						color: #fff;
						font-size: 16px;
						margin-right: 10px;
					}

						.modMnNewLayer.a .newLayerContent .bar .column .countdown .text i {
							font-style: normal;
						}

					.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle {
						display: inline-block;
						position: relative;
						vertical-align: middle;
					}

						.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .animation {
							display: inline-block;
							width: 38px;
							height: 38px;
						}

						.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText {
							position: absolute;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
							color: #fff;
							font-size: 15px;
							text-align: center;
							line-height: 38px;
						}

						.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText.close {
							cursor: pointer;
						}

							.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText.close > span {
								display: none;
							}

							.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText b {
								font-weight: normal;
							}

							.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText i {
								width: 16px;
								height: 16px;
								display: none;
								background-position: -202px -80px;
								position: absolute;
								left: 50%;
								top: 50%;
								margin-left: -7px;
								margin-top: -9px;
							}

							.modMnNewLayer.a .newLayerContent .bar .column .countdown .circle .countdownText.close i {
								display: block;
							}

		.modMnNewLayer.a .newLayerContent .area {
			text-align: center;
			padding: 20px 20px;
		}

			.modMnNewLayer.a .newLayerContent .area .name {
				color: #fff;
				line-height: 130%;
				text-shadow: 0px 0px 6px #333;
			}

			.modMnNewLayer.a .newLayerContent .area .actionButton {
				color: #fff;
				font-size: 25px;
				margin-top: 30px;
				padding: 20px 20px;
				display: inline-block;
				line-height: 130%;
				-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
				min-width: 220px;
				text-decoration: none;
			}

				.modMnNewLayer.a .newLayerContent .area .actionButton i {
					display: inline-block;
					width: 13px;
					height: 22px;
					background-position: -1px -146px;
					vertical-align: middle;
					margin-left: 20px;
				}

			.modMnNewLayer.a .newLayerContent .area .cancelButton {
				cursor: pointer;
				margin-top: 25px;
				font-size: 16px;
				display: inline-block;
				line-height: 130%;
			}

.modMnNewLayerBack {
	position: fixed;
	overflow-y: scroll;
	overflow-y: hidden!important;
	top: 0;
	left: 0;
	top: 0;
	bottom: 0;
}

@media screen and (max-width: 460px) {
	.modMnNewLayer.a .newLayerContent .area {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.modMnNewLayer.a .newLayerContent .bar {
		padding: 15px 10px;
	}

		.modMnNewLayer.a .newLayerContent .bar .column.l img {
			max-width: 120px;
		}

		.modMnNewLayer.a .newLayerContent .bar .column .countdown .text {
			font-size: 14px;
		}

	.modMnNewLayer.a .newLayerContent .area .name span {
		font-size: 75%;
	}

	.modMnNewLayer.a .newLayerContent .area .actionButton {
		padding: 12px 15px;
	}

		.modMnNewLayer.a .newLayerContent .area .actionButton span {
			font-size: 86%;
		}
}

@media screen and (max-width: 390px) {
	.modMnNewLayer.a .newLayerContent .bar .column .countdown .text i {
		display: none;
	}
}

.modMnNewBar.bar {
	position: fixed;
	z-index: 10000;
	left: 0;
	right: 0;
	bottom: -300px;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: bottom .3s;
}

.modMnNewBar.bar.active {
	bottom: 0;
}

	.modMnNewBar.bar .barInner {
		max-width: 600px;
		margin: 0 auto;
		position: relative;
		display: block;
	}

	.modMnNewBar.bar .image {
		max-width: 100%;
		position: relative;
	}

	.modMnNewBar.bar .barRatio,
	.modMnNewBar.bar .barContent { 
		display: block;
		position: absolute;
		width: 100%;
		padding-bottom: 19.4%;
		bottom: 0;
	}

	.modMnNewBar.bar.cssClass_torty .barRatio,
	.modMnNewBar.bar.cssClass_torty .barContent { 
		padding: 0;
		height: 100%;
	}

	.modMnNewBar.bar .barRatio { 
		box-shadow: 0 0px 10px #333;
	}

		.modMnNewBar.bar .barContent .closeBar {
			position: absolute;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			width: 7%;
			right: 2%;
			top: -22%;
			cursor: pointer;
		}

		.modMnNewBar.bar.cssClass_torty .barContent .closeBar,
		.modMnNewBar.bar.cssClass_toLeft .barContent .closeBar {
			right: auto;
			left: 2%;
		}


			.modMnNewBar.bar .barContent .closeBar .closeBarInner {
				width: 100%;
				padding-top: 100%;
			}

				.modMnNewBar.bar .barContent .closeBar i {
					display: block;
					width: 60%;
					height: 60%;
					position: absolute;
					top: 50%;
					margin-top: -30%;
					left: 50%;
					margin-left: -30%;
				}

					.modMnNewBar.bar .barContent .closeBar i img,
					.modMnNewBar.bar .barContent .closeBar i svg {
						width: 100%;
						height: 100%;
					}



#cookieBarLanding {
	position: fixed;
	background-color: #dbdde1;
	right: 0;
	bottom: -300px;
	left: 0;
	z-index: 100;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	transition: bottom .3s;
}

#cookieBarLanding.active {
	bottom: 0;
}

	#cookieBarLanding .cookieBarCookie {
		max-width: 900px;
		margin: 0 auto;
		padding: 8px 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		position: relative;
	}

		#cookieBarLanding .cookieBarCookie .cookieBarCookieTable {
			display: table;
			width: 100%;
		}

		#cookieBarLanding .cookieBarCookie .cookieBarImage {
			position: absolute;
			top: 5px;
			left: -40px;
		}

		#cookieBarLanding .cookieBarCookie .cookieBarButton {
			display: table-cell;
			vertical-align: middle;
			text-align: right;
			padding-left: 10px;
		}

			#cookieBarLanding .cookieBarCookie .cookieBarButton .cookieBarButtonAccept {
				padding: 12px 22px;
				background-color: #ff722e;
				border-radius: 100px;
				color: #fff;
				font-size: 20px;
				line-height: 100%;
				cursor: pointer;
				transition: .2s;
				display: inline-block;
			}

			#cookieBarLanding .cookieBarCookie .cookieBarButton .cookieBarButtonAccept:hover {
				background-color: #D5571A;
			}

		#cookieBarLanding .cookieBarCookie .cookieBarText {
			display: table-cell;
			vertical-align: middle;
			font-size: 16px;
			line-height: 140%;
			color: #767676;
			margin-right: 170px;
		}

			#cookieBarLanding .cookieBarCookie .cookieBarText b {
				font-weight: 700;
				font-size: 110%;
			}

			#cookieBarLanding .cookieBarCookie .cookieBarText a {
				color: inherit;
				text-decoration: none;
			}

			#cookieBarLanding .cookieBarCookie .cookieBarText a:hover {
				text-decoration: underline;
			}

@media screen and (max-width: 900px) {
	#cookieBarLanding .cookieBarCookie .cookieBarImage {
		left: -10px;
		top: 10px;
	}

	#cookieBarLanding .cookieBarCookie .cookieBarText {
		font-size: 15px;
		line-height: 120%;
	}

	#cookieBarLanding .cookieBarCookie .cookieBarText br {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	#cookieBarLanding .cookieBarCookie {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#cookieBarLanding .cookieBarCookie .cookieBarText {
		font-size: 13px;
		line-height: 120%;
	}

	#cookieBarLanding .cookieBarCookie .cookieBarButton .cookieBarButtonAccept {
		padding: 10px 15px;
		font-size: 18px;
	}
}



body .cookie-bar {
	position: fixed;
	z-index: 100;
	bottom: -150px;
	right: 15px;
	padding: 20px 20px 15px;
	width: 470px;
	border-radius: 10px;
	/*background-color: #fff;*/
	background-color: rgba(186,193,203, 0.95);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	font-family: 'Roboto', sans-serif;	
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
body .cookie-bar.active {
	bottom: 15px;
}

body .cookie-bar * {
	font-family: 'Roboto', sans-serif;
}

body .cookie-bar .cookie-text {
	width: calc(100% - 95px);
	font-size: 13px;
	color: #fff;
	margin: 0;
	line-height: 1.4;
}
body .cookie-bar .cookie-text b{
	font-weight: bold;
	color: #fff;
}
body .cookie-bar .cookie-text a{
	line-height: 1.4;
	font-size: 13px;
	text-decoration: underline;
	color: #fff;

}

body .cookie-bar .cookie-btn {
	font-size: 15px;
	border-radius: 20px;
	color: #86909F;
	background-color: #FFFFFF;
	white-space: nowrap;
	width: 75px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

body .cookie-bar .cookie-btn.hover:hover {
	background-color: #e6e6e6;
}


@media screen and (max-width: 500px) {
	body#mobileBody .cookie-bar {
		padding: 15px;
		bottom: 5px;
		left: 5px;
		right: 5px;
		width: auto;
	}

	body#mobileBody .cookie-bar .cookie-text {
		font-size: 11px;
	}
	body#mobileBody .cookie-bar .cookie-text a{
		font-size: 11px;
	}

	body#mobileBody .cookie-bar .cookie-btn {
		width: 57px;
		height: 30px;
	}

	body#mobileBody .cookie-bar .cookie-text {
		width: calc(100% - 75px);
	}
}