/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}
.clearfix {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}
::selection {
	background: #00653c;
	color: #ffffff;
	text-shadow: none;
}
::-moz-selection {
	background: #00653c; /* Firefox */
	color: #ffffff;
	text-shadow: none;
}
::-webkit-selection {
	background: #00653c; /* Safari */
	color: #ffffff;
	text-shadow: none;
}
:active,
:focus { outline: none !important; }
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
html {
	background-image: none !important;
}
body:not(.docs) {
	line-height: 1.5;
	color: #00653c;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	background-color: #f9d607;
}
a {
	text-decoration: none;
	color: #00653c;
}
a:hover { color: #00653c; text-decoration: underline !important; }
a:active, a:visited { color: #00653c; }
a img { border: none; }
/*img { max-width: 100%; }*/
iframe { border: none !important; }
/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #00653c;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
h5,
h6 { margin-bottom: 20px; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }
h4 { font-weight: 600; }
h5,
h6 { font-weight: bold; }
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 0; }
/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.nott { text-transform: none !important; }
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.fnone { float: none !important; }
.ohidden {
	position: relative;
	overflow: hidden !important;
}
.text-white { color: #00653c; }
/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/
.container { 
	width: 770px !important;
}
#wrapper {
	position: relative;
	float: none;
	height: 950px;
	margin: 0 auto;
	background: center top transparent no-repeat scroll;
}
	#wrapper.homepage {
		background-image: url('../images/background-homepage.jpg');
	}
	#wrapper.how-to {
		background-image: url('../images/background-how-to.jpg');
	}
	#wrapper.awards {
		background-image: url('../images/background-awards.jpg');
	}
	#wrapper.rules {
		background-image: url('../images/background-rules.jpg');
	}
	#wrapper.docs {
		background-image: url('../images/background-header.jpg');
		height: auto;
	}
	#wrapper.about {
		background-image: url('../images/background-about.jpg');
	}
	#wrapper.winners {
		background-image: url('../images/background-winners.jpg');
	}
		#wrapper.winners.future {
			background-image: url('../images/background-winners-future.jpg');
		}
	#wrapper.register-form {
		background-image: url('../images/background-register-form.jpg');
	}
	#wrapper.register-sms {
		background-image: url('../images/background-register-sms.jpg');
	}
	#wrapper.register-winner {
		background-image: url('../images/background-winner.jpg');
	}
	#header {
		height: auto;
		display: block;
		width: 100%;
		height: 100px;
	}
		#header a.mobile-button {
			display: none;
		}
		#header a.button {
			text-align: center;
			width: 120px;
			height: 30px;
			display: block;
			float: left;
			margin: 15px 10px 0 0;
			position: relative;
			background-color: #00653c;
			color: #f9d607;
			text-transform: uppercase;
			font-size: 14px;
			line-height: 30px;
			vertical-align: middle;
			border-radius: 4px;
			z-index: 1;
		}
			#wrapper.end-game #header a.button {
				width: 145px;
			}
			#header a.button.end-game {
				display: none;
			}
			#header a.button:last-of-type {
				margin-right: 0px;
			}
			#header a.button:hover,
			#header a.button.active {
				color: #ffffff;
				text-decoration: none !important;
			}
	#content {
		height: auto;
		display: block;
		width: 100%;
	}
		#content .row {
			position: relative;
			display: block;
			text-align: right;
		}
			#content .row a.register {
				text-align: center;
				width: 360px;
				height: 45px;
				display: block;
				background-color: #00653c;
				color: #f9d607;
				text-transform: uppercase;
				font-size: 20px;
				line-height: 45px;
				vertical-align: middle;
				border-radius: 4px;
				text-decoration: none !important;
				margin: 0 0 0 auto;
			}
				#content .row a.register:hover {
					color: #ffffff;
				}
			#content .row span.register-terms {
				display: block;
				width: 360px;
				text-align: center;
				font-size: 12px;
				line-height: 12px;
				font-weight: normal;
				color: #00653c;
				margin: 10px 0 0 auto;
			}
			#content .row p.game-terms {
				display: block;
				width: 275px;
				text-align: center;
				font-size: 16px;
				line-height: 20px;
				color: #00653c;
				margin: 90px 0 0 auto;
			}
			#content .row p.end-game {
				display: block;
				width: 360px;
				text-align: center;
				font-size: 22px;
				line-height: 24px;
				font-weight: 700;
				color: #00653c;
				margin: 10px 0 0 auto;
				padding-bottom: 10px;
			}
			#content .row p.winners-info {
				display: block;
				width: 360px;
				text-align: center;
				font-size: 12px;
				line-height: 12px;
				font-weight: 700;
				color: #00653c;
				margin: 30px 0 0 auto;
			}
			#content .row p.awards-terms {
				display: block;
				width: 315px;
				text-align: center;
				font-size: 12px;
				line-height: 16px;
				color: #00653c;
				margin: 50px 0 0 auto;
			}
				#content .row p.awards-terms a {
					text-decoration: underline;
				}
					#content .row p.awards-terms a:hover {
						text-decoration: none !important;
					}
			#content .row p.game-info {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 12px;
				line-height: 12px;
				color: #00653c;
				margin: 620px 0 0 auto;
			}
				#content .row p.game-info a {
					text-decoration: underline;
				}
					#content .row p.game-info a:hover {
						text-decoration: none !important;
					}
		#content .docs {
			position: relative;
			top: 260px;
			display: block;
			text-align: left;
		}
			#content .docs h2 {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 14px;
				line-height: 14px;
				font-weight: 700;
				color: #00653c;
				margin: 0 0 20px 0;
			}
			#content .docs h3 {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 12px;
				line-height: 16px;
				font-style: normal;
				font-weight: 700;
				color: #00653c;
				margin: 15px 0 15px 0;
			}
			#content .docs p {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 12px;
				line-height: 16px;
				font-style: normal;
				font-weight: 400;
				color: #00653c;
				margin: 0 0 10px 0;
			}
		#content .registration-form {
			display: block;
			width: 350px;
			margin: 0 -15px 0 auto;
		}
			#content .registration-form h2 {
				font-size: 16px;
				line-height: 16px;
				font-weight: 700;
				text-transform: uppercase;
				text-align: center;
				margin: 0 auto;
			}
			#content .registration-form p:not(.error-message):not(.confidentiality):not(.winner) {
				font-size: 14px;
				line-height: 16px;
				text-align: center;
				margin: 0 auto 50px;
			}
			#content .registration-form p.winner {
				font-size: 26px;
				line-height: 26px;
				font-weight: 700;
				margin: 0 auto;
				text-align: center;
			}
			#content .registration-form .error-message {
				font-size: 12px;
				line-height: 14px;
				text-align: center;
				margin: 5px auto;
				color: #ed6d23;
			}
			#content .registration-form form {
				text-align: center;
				display: block;
			}
				#content .registration-form form label {
					display: block;
					font-size: 12px;
					line-height: 16px;
					font-weight: normal;
					width: 100%;
				}
					#content .registration-form form label.error {
						color: #ed6d23;
					}
					#content .registration-form form label.form-check-label {
						text-align: left;
						font-size: 12px;
						line-height: 16px;
						width: 260px;
						float: left;
						display: inline-block;
						position: relative;
						top: 5px;
					}
						#content .registration-form form label.form-check-label.savebill {
							line-height: 40px;
							top: 0;
						}
						#content .registration-form form label.form-check-label a {
							text-decoration: underline;
						}
							#content .registration-form form label.form-check-label a:hover {
								text-decoration: none !important;
							}
							#content .registration-form form label.form-check-label.error a {
								color: #ed6d23;
							}
					#content .registration-form form .form-check-span {
						width: 40px;
						height: 40px;
						float: right;
						background: #ffffff;
						margin-bottom: 10px;
						cursor: pointer;
						border: 1px solid #00653c;
						border-radius: 4px;
					}
						#content .registration-form form .form-check-span.error {
							border-color: #ed6d23;
						}
						#content .registration-form form .form-check-span.checked {
							background: #00653c;
						}
				#content .registration-form form input:not([type="submit"]) {
					display: block;
					margin-bottom: 5px;
					font-size: 12px;
					border: 0 none;
					background: #ffffff;
					padding: 5px 10px;
					height: 40px;
					line-height: 40px;
					width: 100%;
					border: 1px solid #00653c;
					border-radius: 4px;
				}
					#content .registration-form form input.error {
						border-color: #ed6d23;
					}
					#content .registration-form form input[type="checkbox"] {
						display: none;
					}
				#content .registration-form form .bill-amount {
					text-align: center;
					width: 210px;
					margin: 0 auto;
				}
					#content .registration-form form .bill-amount input {
						width: 40px;
						float: left;
						text-align: center;
						margin-right: 3px;
					}
						#content .registration-form form .bill-amount input:nth-of-type(4) {
							margin-right: 0;
						}
					#content .registration-form form .bill-amount span {
						width: 25px;
						font-size: 20px;
						font-weight: 700;
						float: left;
						text-align: center;
						margin-right: 3px;
						line-height: 1px;
						position: relative;
						top: 30px;
					}
				#content .registration-form form .g-recaptcha {
					margin: 10px 0;
				}
					#content .registration-form form .g-recaptcha.error>div {
						border: 1px solid #ed6d23;
					}
				#content .registration-form form p {
					text-align: left;
					font-size: 12px;
					line-height: 16px;
					width: 100%;
					margin-top: 10px;
				}
					#content .registration-form form p a {
						text-decoration: underline;
					}
						#content .registration-form form p a:hover {
							text-decoration: none !important;
						}
			#content .registration-form input[type="submit"] {
				text-align: center;
				width: 100%;
				height: 40px;
				display: block;
				background-color: #00653c;
				color: #f9d607;
				text-transform: uppercase;
				font-size: 20px;
				line-height: 40px;
				vertical-align: middle;
				border: 0 none;
				border-radius: 4px;
				text-decoration: none !important;
				margin: 30px auto 0;
			}
				#content .registration-form input[type="submit"]:hover {
					color: #ffffff;
				}
			#content .registration-form form .form-group.phone {
				position: relative;
			}
				#content .registration-form form .form-group.phone input {
					padding-left: 40px;
				}
				#content .registration-form form .form-group.phone span.number {
					position: absolute;
					top: 29px;
					left: 10px;
				}
		#wrapper.winners #content .winners-select {
			position: relative;
			display: block;
			width: 365px;
			margin: 10px 0 0 auto;
			text-align: center;
		}
			#wrapper.winners #content .winners-select .winners-vacation {
				display: block;
				width: 362px;
				height: 69px;
				background: url('../images/winners-vacation.png') transparent no-repeat left top;
				cursor: pointer;
				margin: 0 auto;
			}
				#wrapper.winners #content .winners-select .winners-vacation:hover,
				#wrapper.winners #content .winners-select .winners-vacation.active {
					background-image: url('../images/winners-vacation_hover.png');
				}
			#wrapper.winners #content .winners-select .winners-suitcase {
				display: block;
				width: 286px;
				height: 65px;
				background: url('../images/winners-suitcase.png') transparent no-repeat left top;
				cursor: pointer;
				margin: 0 auto;
			}
				#wrapper.winners #content .winners-select .winners-suitcase:hover,
				#wrapper.winners #content .winners-select .winners-suitcase.active {
					background-image: url('../images/winners-suitcase_hover.png');
				}
		#wrapper.winners #content .winners-container {
			position: relative;
			display: block;
			width: 100%;
			text-align: center;
			margin: 50px auto 0;
		}
			#wrapper.winners #content .future-draw {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 12px;
				line-height: 14px;
				color: #00653c;
				margin: 0 auto;
			}
			#wrapper.winners #content .winners-container .winners-content {
				width: 100%;
				height: 430px;
				text-align: center;
				font-size: 12px;
				line-height: 14px;
				color: #00653c;
			}
				#wrapper.winners #content .winners-container .winners-content ul.winners {
					width: 100%;
					height: 100%;
					list-style: none;
				}
					#wrapper.winners #content .winners-container .winners-content ul.winners>li {
						width: 25%;
						height: 16px;
						list-style: none;
						display: inline-block;
						float: left;
						color: #00653c;
						font-size: 12px;
						line-height: 16px;
					}
					#wrapper.winners #content .winners-container .winners-content ul.winners.vacation>li {
						display: block;
						float: none;
						width: 100%;
					}
		#wrapper.rules #content .scrollable {
			position: relative;
			display: block;
			top: 270px;
			width: 100%;
			margin: 0 auto;
			background-color: rgba(0, 101, 60, 0.9);
			padding: 20px 15px 20px 35px;
			border-radius: 20px;
		}
			#wrapper.rules #content .scrollable h2 {
				font-size: 18px;
				line-height: 22px;
				font-weight: 700;
				color: #ffffff;
			}
			#wrapper.rules #content .scrollable h3 {
				font-size: 14px;
				line-height: 16px;
				font-weight: 700;
				color: #ffffff;
			}
			#wrapper.rules #content .scrollable p {
				font-size: 12px;
				line-height: 16px;
				font-weight: normal;
				color: #ffffff;
			}
			#wrapper.rules #content .scrollable a {
				font-size: 12px;
				line-height: 16px;
				font-weight: normal;
				color: #ffffff;
				text-decoration: underline;
			}
				#wrapper.rules #content .scrollable a:hover {
					text-decoration: none !important;
				}
		#wrapper.about #content .about-data {
			text-align: center;
			font-size: 14px;
			line-height: 20px;
			text-transform: uppercase;
			margin-top: 360px;
		}
	#footer {
		height: auto;
		display: block;
		position: absolute;
		bottom: 20px;
		margin: 0 auto;
		width: 100%;
		height: 45px;
	}
		#footer p {
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
			margin-bottom: 5px;
			color: #00653c;
		}
			#footer p.right {
				line-height: 45px;
			}
		#footer a {
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
			color: #00653c;
		}
		#footer a.facebook {
			text-indent: -30000px;
			display: inline-block;
			background: url('../images/facebook.png') left top transparent no-repeat;
			width: 32px;
			height: 32px;
			line-height: 45px;
			vertical-align: middle;
			margin-right: 10px;
		}
		#footer a.mondelez {
			text-indent: -30000px;
			display: inline-block;
			background: url('../images/logotype.png') left top transparent no-repeat;
			width: 101px;
			height: 24px;
			line-height: 45px;
			vertical-align: middle;
		}
.fancybox-overlay {
	background: transparent;
}
.fancybox-wrap, .fancybox-skin {
	background-color: transparent;
	box-shadow: none !important;
}
.fancybox-wrap {
	/*left: 295px !important;
	top: 150px !important;*/
}
	.fancybox-wrap .fancybox-inner {
		font-weight: normal;
		color: #00653c;
		font-size: 12px;
		line-height: 16px;
		padding: 20px 40px;
		background-color: rgba(255,255,255,1);
		border-radius: 20px;
		overflow: hidden !important;
	}
		.fancybox-wrap .fancybox-inner h5 {
			text-transform: uppercase;
			color: #00653c;
			font-weight: 600;
			font-size: 16px;
		}
		.fancybox-wrap .fancybox-inner h6 {
			color: #00653c;
			font-weight: 500;
			font-size: 14px;
		}
		.fancybox-wrap .fancybox-inner p {
			margin-bottom: 0px;
		}
	.fancybox-close {
		top: -25px;
		right: -95px;
	}
/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/
.toast-title { font-weight: bold; }
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 635px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	position: relative;
}
.toast-message .close-button {
	text-transform: none;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	font-weight: normal;
	position: absolute;
	top: -25px;
	right: -50px;
}
.toast-message .close-button:hover {
	color: #ffffff;
	text-decoration: none;
}
.toast-close-button {
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 14px;
	color: #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 10px;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 1999;
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container > div {
	margin: 0 0 6px;
	padding: 40px 20px 30px;
	width: 100%;
	border-radius: none;
	background-position: 15px center;
	background-repeat: no-repeat;
	color: #ffffff;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	text-align: center;
}
#toast-container > div i {
	position: relative;
	top: 1px;
	width: 16px;
	text-align: center;
	margin-right: 3px;
}
#toast-container > div a {
	color: #ffffff;
	text-decoration: underline;
}
#toast-container > div a:hover {
	text-decoration: none !important;
}
#toast-container > :hover {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 100%;
	margin: auto;
}
#toast-container button:hover {
	color: #e9d49a !important;
}
.toast { background-color: rgba(59, 24, 22, 0.8); position: relative; }
.toast-success { background-color: #51a351; }
.toast-error { background-color: #bd362f; }
.toast-info { background-color: #00653c; } /* 2f96b4 */
.toast-warning { background-color: #f89406; }
.mCSB_draggerContainer {
	display: none;
}
.mCSB_scrollTools {
	opacity: 1 !important;
	width: 45px;
}
.mCSB_buttonLeft {
	background: url('../images/scroll-left.png') left top transparent no-repeat !important;
	width: 31px !important;
	height: 53px !important;
	opacity: 1 !important;
	position: relative;
	top: -10px;
}
.mCSB_buttonRight {
	background: url('../images/scroll-right.png') left top transparent no-repeat !important;
	width: 31px !important;
	height: 53px !important;
	opacity: 1 !important;
	position: relative;
	top: -10px;
}
.mCSB_buttonUp {
	background: url('../images/scroll-up.png') left top transparent no-repeat !important;
	width: 45px !important;
	height: 22px !important;
	opacity: 1 !important;
	position: relative;
	right: 0px;
}
.mCSB_buttonDown {
	background: url('../images/scroll-down.png') left top transparent no-repeat !important;
	width: 45px !important;
	height: 22px !important;
	opacity: 1 !important;
	position: relative;
	right: 0px;
}
.mCSB_buttonLeft:hover,
.mCSB_buttonRight:hover {
	opacity: 0.5 !important;
}
#wrapper.rules .mCSB_inside > .mCSB_container {
	margin-right: 80px;
}