/* ----------------------------------------------------------------
	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: #3b1816;
	color: #ffffff;
	text-shadow: none;
}
::-moz-selection {
	background: #3b1816;
	color: #ffffff;
	text-shadow: none;
}
::-webkit-selection {
	background: #3b1816;
	color: #ffffff;
	text-shadow: none;
}
:active,
:focus { outline: none !important; }
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
html {
	background-image: none !important;
}
body {
	line-height: 1.5;
	color: #3b1816;
	font-family: "Times New Roman", serif;
}
a {
	text-decoration: none;
	color: #3b1816;
}
a:hover { color: #3b1816; text-decoration: underline !important; }
a:active, a:visited { color: #3b1816; }
a img { border: none; }
/*img { max-width: 100%; }*/
iframe { border: none !important; }
/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #3b1816;
	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: 20px; }*/
/* ----------------------------------------------------------------
	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: #3b1816; }
/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/
body {
	background: url('../images/background.jpg') center top #d9c293 no-repeat scroll;
}
	body.homepage,
	body.winners,
	body.about {
		background-image: url('../images/background-homepage.jpg');
	}
	body.docs {
		background-image: url('../images/background-header.jpg');
		background-color: #ffffff;
	}
	body.register {
		background-image: url('../images/background-register.jpg');
	}
	body.awards {
		background-image: url('../images/background-awards.jpg');
	}
.container { 
	width: 993px !important;
}
#wrapper {
	position: relative;
	float: none;
	height: 950px;
	width: 993px;
	margin: 0 auto;
	z-index: 2;
}
	body.docs #wrapper {
		height: auto;
	}
	#header {
		height: auto;
		display: block;
		width: 100%;
	}
		#header span.mobile-button {
			display: none;
			cursor: pointer;
		}
		#header a.logotype {
			width: 130px;
			height: 40px;
			margin: 40px 20px 0 0;
			display: block;
			float: left;
			background: url('../images/suchard-logotype.png') transparent no-repeat scroll center top;
		}
		#header a.button {
			text-align: center;
			width: 130px;
			height: 40px;
			display: block;
			float: left;
			margin: 35px 20px 0 0;
			cursor: pointer;
			position: relative;
			box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
			background-color: rgba(233, 215, 164, 0.7);
			color: #481e18;
			font-style: italic;
			font-weight: 700;
			font-size: 14px;
			line-height: 40px;
			vertical-align: middle;
			border-radius: 6px;
		}
			#header a.button.end-game {
				visibility: hidden;
			}
			#header a.button:last-of-type {
				margin-right: 0px;
			}
			#header a.button:first-of-type {
				margin-left: 125px;
			}
			#header a.button:hover,
			#header a.button.active {
				background-color: #441c1a;
				color: #e9d49a;
				text-decoration: none !important;
			}
	#content {
		height: auto;
		display: block;
		width: 100%;
	}
		#content .intro {
			margin-top: 220px;
			display: block;
			text-align: right;
		}
			#content .intro p {
				display: block;
				width: 600px;
				text-align: center;
				font-size: 17px;
				line-height: 20px;
				font-style: italic;
				font-weight: 700;
				color: #3b1816;
				margin: 0 0 0 auto;
			}
				#content .intro p.end-game {
					margin-top: 100px;
				}
				body.awards #content .intro p:not(.game-terms) {
					font-size: 16px;
					line-height: 20px;
					font-weight: normal;
				}
			#content .intro a.register {
				text-align: center;
				width: 290px;
				height: 50px;
				display: block;
				cursor: pointer;
				box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
				background-color: rgba(233, 215, 164, 0.7);
				color: #481e18;
				font-style: italic;
				font-weight: 600;
				font-size: 22px;
				line-height: 50px;
				vertical-align: middle;
				border-radius: 6px;
				text-decoration: none !important;
				margin: 0 160px 0 auto;
			}
				#content .intro a.register:hover {
					background-color: #441c1a;
					color: #e9d49a;
				}
			#content .intro span.register-terms {
				display: block;
				width: 600px;
				text-align: center;
				font-size: 17px;
				line-height: 22px;
				font-style: italic;
				font-weight: normal;
				color: #3b1816;
				margin: 20px 0 30px auto;
			}
			#content .intro p.game-terms {
				display: block;
				width: 385px;
				text-align: center;
				font-size: 20px;
				line-height: 22px;
				font-style: italic;
				font-weight: 700;
				color: #3b1816;
				margin: 20px 0 10px auto;
			}
		#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-style: italic;
				font-weight: 700;
				color: #3b1816;
				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: #3b1816;
				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: #3b1816;
				margin: 0 0 10px 0;
			}
		#content .delivery {
			display: block;
			text-align: left;
			max-width: 730px;
			margin: 260px auto 50px;
		}
			#content .delivery p {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 14px;
				line-height: 18px;
				font-style: italic;
				font-weight: 400;
				color: #3b1816;
				margin: 0 0 5px 0;
			}
			#content .delivery form {
				margin: 50px 0;
				display: block;
			}
				#content .delivery form .form-group {
					display: block;
					margin-bottom: 15px;
				}
					#content .delivery form label {
						width: auto;
						text-align: left;
						font-size: 14px;
						line-height: 14px;
						font-style: italic;
						font-weight: 600;
						color: #3b1816;
						float: left;
					}
						#content .delivery form label span {
							font-size: 12px;
							line-height: 14px;
							font-style: italic;
							font-weight: 400;
							display: block;
						}
					#content .delivery form input:not([type="submit"]) {
						padding: 10px;
						width: 150px;
						height: 40px;
						text-align: left;
						font-size: 14px;
						line-height: 40px;
						font-style: italic;
						font-weight: 400;
						color: #3b1816;
						float: right;
					}
					#content .delivery form #phone {
						padding-left: 50px;
					}
					#content .delivery form .phone-input {
						position: relative;
						width: 150px;
						height: 40px;
						display: block;
						float: right;
					}
					#content .delivery form #phone-placeholder {
						position: absolute;
						top: 0;
						left: 10px;
						text-align: left;
						font-size: 14px;
						line-height: 40px;
						font-style: italic;
						font-weight: 400;
						color: #3b1816;
					}
					#content .delivery form select {
						padding: 10px 5px;
						width: 50px;
						height: 40px;
						text-align: left;
						font-size: 14px;
						line-height: 40px;
						font-style: italic;
						font-weight: 400;
						color: #3b1816;
						float: right;
						margin-right: 10px;
					}
					#content .delivery form textarea {
						padding: 0 10px;
						width: 528px;
						height: 85px;
						text-align: left;
						font-size: 14px;
						line-height: 40px;
						font-style: italic;
						font-weight: 400;
						color: #3b1816;
						float: right;
					}
					#content .delivery .submit {
						margin-top: 40px;
						text-align: right;
					}
					#content .delivery input[type="submit"] {
						text-align: center;
						width: 290px;
						height: 50px;
						cursor: pointer;
						box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
						background-color: rgba(233, 215, 164, 0.7);
						color: #481e18;
						font-style: italic;
						font-weight: 600;
						font-size: 22px;
						line-height: 50px;
						vertical-align: middle;
						border-radius: 6px;
						text-decoration: none !important;
						margin: 0;
						border: 0 none;
					}
						#content .delivery input[type="submit"]:hover {
							background-color: #441c1a;
							color: #e9d49a;
						}
					#content .delivery form .error {
						border-color: #ba0500;
					}
					#content .delivery p.message {
						color: #ba0500;
						margin-top: 20px;
						font-weight: 600;
					}
		#content .registration-steps {
			display: block;
			width: 595px;
			height: 310px;
			text-align: center;
			font-size: 17px;
			line-height: 20px;
			font-style: italic;
			font-weight: 700;
			color: #3b1816;
			margin: 430px auto 0;
			box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
			background-color: rgba(233, 215, 164, 0.7);
			border-radius: 10px;
		}
			#content .registration-steps .step-1 .scrollable {
				width: 280px;
				height: 310px;
			}
				#content .registration-steps .step-1 .scrollable ul.cards {
					display: block;
					/*width: 7560px;*/
					height: 310px;
					list-style: none;
				}
					#content .registration-steps .step-1 .scrollable ul.cards>li {
						width: 280px;
						height: 310px;
						text-align: left;
						margin: 0;
						float: left;
						display: inline-block;
						list-style: none;
					}
						#content .registration-steps .step-1 .scrollable ul.cards>li img {
							margin-top: 15px;
						}
			#content .registration-steps .step-1 .message {
				color: #ba0500;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 12px;
				display: none;
				margin: 40px auto 20px;
			}
			#content .registration-steps .step-1 .step-info {
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 16px;
				display: block;
				margin: 60px auto 20px;
			}
				#content .registration-steps .step-1 .step-info p {
					margin: 0 auto;
				}
			#content .registration-steps .step-1 a.submit {
				text-align: center;
				width: 200px;
				height: 45px;
				display: block;
				cursor: pointer;
				box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
				background-color: rgba(233, 215, 164, 0.5);
				color: #481e18;
				font-style: italic;
				font-weight: 700;
				font-size: 17px;
				line-height: 45px;
				vertical-align: middle;
				border-radius: 6px;
				text-decoration: none !important;
				margin: 0 auto;
			}
				#content .registration-steps .step-1 a.submit:hover {
					background-color: #441c1a;
					color: #e9d49a;
				}
			#content .registration-steps .step-1 .cards-info {
				margin: 20px auto 0;
				width: 140px;
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 16px;
				display: block;
			}
			#content .registration-steps .step-2 .step-info {
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 16px;
				display: block;
				margin: 60px auto 10px;
			}
				#content .registration-steps .step-2 .step-info p {
					margin: 0 auto;
				}
			#content .registration-steps .step-2 a.submit {
				text-align: center;
				width: 200px;
				height: 45px;
				display: block;
				cursor: pointer;
				box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
				background-color: rgba(233, 215, 164, 0.5);
				color: #481e18;
				font-style: italic;
				font-weight: 700;
				font-size: 17px;
				line-height: 45px;
				vertical-align: middle;
				border-radius: 6px;
				text-decoration: none !important;
				margin: 0 auto;
			}
				#content .registration-steps .step-2 a.submit:hover {
					background-color: #441c1a;
					color: #e9d49a;
				}
			#content .registration-steps .step-2 .message {
				color: #ba0500;
				font-size: 14px;
				font-style: italic;
				font-weight: 600;
				line-height: 18px;
				display: block;
				margin: 20px auto 0;
			}
			#content .registration-steps .step-2 ul.candies {
				display: block;
				width: 280px;
				height: 310px;
				list-style: none;
			}
				#content .registration-steps .step-2 ul.candies>li {
					width: 140px;
					height: 155px;
					list-style: none;
					display: inline-block;
					float: left;
					text-align: center;
					cursor: pointer;
				}
					#content .registration-steps .step-2 ul.candies>li span.checkbox {
						display: block;
						margin: 10px auto 0;
						width: 30px;
						height: 30px;
						background-color: #ffffff;
					}
						#content .registration-steps .step-2 ul.candies>li.selected span.checkbox {
							background-color: #3b1816;
						}
					#content .registration-steps .step-2 ul.candies>li img {
						display: block;
						margin: 0 auto;
						width: 96px;
						height: 111px;
					}
			#content .registration-steps .step-3 .step-info {
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 16px;
				display: block;
				margin: 60px auto 40px;
			}
				#content .registration-steps .step-3 .step-info p {
					margin: 0 auto;
				}
			#content .registration-steps .step-3 a.submit {
				text-align: center;
				width: 200px;
				height: 45px;
				display: block;
				cursor: pointer;
				box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
				background-color: rgba(233, 215, 164, 0.5);
				color: #481e18;
				font-style: italic;
				font-weight: 700;
				font-size: 17px;
				line-height: 45px;
				vertical-align: middle;
				border-radius: 6px;
				text-decoration: none !important;
				margin: 0 auto;
			}
				#content .registration-steps .step-3 a.submit:hover {
					background-color: #441c1a;
					color: #e9d49a;
				}
			#content .registration-steps .step-3 a.back {
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 12px;
				display: block;
				margin: 20px auto 0;
				text-decoration: underline;
			}
				#content .registration-steps .step-3 a.back:hover {
					text-decoration: none !important;
				}
			#content .registration-steps .step-3 .card {
				display: block;
				width: 280px;
				height: 310px;
				list-style: none;
			}
				#content .registration-steps .step-3 .card img {
					position: absolute;
					top: 15px;
					left: 10px;
				}
					#content .registration-steps .step-3 .card img:nth-of-type(1) {
						z-index: 1;
					}
					#content .registration-steps .step-3 .card img:nth-of-type(2) {
						z-index: 2;
					}
			#content .registration-steps.registration-form {
				margin: 150px auto 0;
				width: 560px;
				height: auto;
				background-color: #e6d19a;
			}
			#content .registration-steps .step-4 form {
				width: 100%;
				height: auto;
				padding: 30px 30px 100px;
				text-align: center;
			}
				#content .registration-steps .step-4 form .form-intro {
					margin: 0 auto 10px;
					text-align: center;
				}
					#content .registration-steps .step-4 form .form-intro p {
						margin: 0;
						text-align: center;
						font-weight: 700;
					}
						#content .registration-steps .step-4 form .form-intro p:first-of-type {
							font-size: 14px;
						}
				#content .registration-steps .step-4 form label {
					display: block;
					margin-bottom: 10px;
					font-style: italic;
					font-weight: 700;
					color: #3c1816;
					font-size: 12px;
					line-height: 12px;
					width: 100%;
					text-align: left;
				}
					#content .registration-steps .step-4 form label.form-check-label {
						text-align: left;
						font-size: 12px;
						line-height: 16px;
						width: 425px;
						float: left;
						display: inline-block;
						position: relative;
						top: 5px;
					}
						#content .registration-steps .step-4 form label.form-check-label a {
							text-decoration: underline;
						}
					#content .registration-steps .step-4 form .form-check-span {
						width: 35px;
						height: 35px;
						float: right;
						background: #ffffff;
						margin-left: 10px;
						cursor: pointer;
						border: 1px solid #ffffff;
					}
						#content .registration-steps .step-4 form .form-check-span.error {
							border-color: #ba0500;
						}
						#content .registration-steps .step-4 form .form-check-span.checked {
							background: #441c1a;
						}
				#content .registration-steps .step-4 form input:not([type="submit"]) {
					display: block;
					margin-bottom: 5px;
					font-style: normal;
					font-weight: 400;
					color: #3c1816;
					font-size: 16px;
					border: 0 none;
					background: #ffffff;
					padding: 5px 10px;
					height: 35px;
					line-height: 35px;
					width: 100%;
					border: 1px solid #ffffff;
				}
					#content .registration-steps .step-4 form input.error {
						border-color: #ba0500;
					}
					#content .registration-steps .step-4 form input[type="checkbox"] {
						display: none;
					}
				#content .registration-steps .step-4 form .g-recaptcha {
					margin: 10px 0;
				}
					#content .registration-steps .step-4 form .g-recaptcha.error>div {
						border: 1px solid #ba0500;
					}
				#content .registration-steps .step-4 form small {
					display: block;
					font-style: italic;
					font-weight: 700;
					color: #3c1816;
					font-size: 12px;
					line-height: 12px;
					text-align: left;
					width: 100%;
				}
				#content .registration-steps .step-4 form p {
					text-align: left;
					font-size: 10px;
					line-height: 14px;
					width: 100%;
					margin-top: 5px;
				}
					#content .registration-steps .step-4 form p a {
						text-decoration: underline;
					}
			#content .registration-steps .step-4 input[type="submit"] {
				text-align: center;
				width: 290px;
				height: 45px;
				display: block;
				cursor: pointer;
				box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
				background-color: rgba(233, 215, 164, 0.5);
				color: #481e18;
				font-style: italic;
				font-weight: 700;
				font-size: 17px;
				line-height: 45px;
				vertical-align: middle;
				border-radius: 6px;
				text-decoration: none !important;
				margin: 0 auto;
				padding: 0;
				position: relative;
				top: 10px;
				border: 0 none;
			}
				#content .registration-steps .step-4 input[type="submit"]:hover {
					background-color: #441c1a;
					color: #e9d49a;
				}
			#content .registration-steps .step-4 .message {
				color: #ba0500;
				font-size: 14px;
				font-style: italic;
				font-weight: 600;
				line-height: 18px;
				display: block;
				margin: 30px auto 0;
			}
			#content .registration-steps .step-5 .step-info {
				color: #3f1e18;
				font-size: 12px;
				font-style: italic;
				font-weight: 700;
				line-height: 16px;
				display: block;
				margin: 25px auto 20px;
			}
				#content .registration-steps .step-5 .step-info p {
					margin: 0 auto;
				}
				#content .registration-steps .step-5 a.new,
				#content .registration-steps .step-5 a.facebook,
				#content .registration-steps .step-5 a.download {
					text-align: center;
					width: 240px;
					height: 45px;
					display: block;
					cursor: pointer;
					box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
					background-color: rgba(233, 215, 164, 0.5);
					color: #481e18;
					font-style: italic;
					font-weight: 700;
					font-size: 17px;
					line-height: 45px;
					vertical-align: middle;
					border-radius: 6px;
					text-decoration: none !important;
					margin: 10px auto 0;
				}
					#content .registration-steps .step-5 a.new:hover,
					#content .registration-steps .step-5 a.facebook:hover,
					#content .registration-steps .step-5 a.download:hover {
						background-color: #441c1a;
						color: #e9d49a;
					}
			#content .registration-steps .step-5 .card {
				display: block;
				width: 280px;
				height: 310px;
				list-style: none;
			}
				#content .registration-steps .step-5 .card img {
					position: absolute;
					top: 15px;
					left: 10px;
				}
					#content .registration-steps .step-5 .card img:nth-of-type(1) {
						z-index: 1;
					}
					#content .registration-steps .step-5 .card img:nth-of-type(2) {
						z-index: 2;
					}
	body.rules #content .scrollable,
	body.winners #content .scrollable {
		position: absolute;
		display: block;
		top: 150px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		width: 560px;
		margin: 0 auto;
		background-color: #e6d19a;
		padding: 30px;
		border-radius: 10px;
		z-index: 1;
	}
		body.rules #content .scrollable h2,
		body.winners #content .scrollable h2 {
			font-size: 18px;
			line-height: 22px;
			font-weight: 700;
			color: #3b1816;
		}
		body.rules #content .scrollable h3,
		body.winners #content .scrollable h3 {
			font-size: 14px;
			line-height: 16px;
			font-weight: 700;
			color: #3b1816;
		}
		body.rules #content .scrollable p {
			font-size: 12px;
			line-height: 16px;
			font-weight: normal;
			color: #3b1816;
		}
		body.winners #content .scrollable p {
			font-size: 12px;
			line-height: 16px;
			font-weight: normal;
			color: #3b1816;
			font-style: italic;
			text-align: center;
		}
		body.winners #content .scrollable ul {
			display: block;
			list-style: none;
		}
			body.winners #content .scrollable ul>li {
				list-style: none;
				display: block;
			}
				body.winners #content .scrollable ul>li>ul {
					list-style: none;
					margin-top: 30px;
					margin-bottom: 30px;
				}
					body.winners #content .scrollable ul>li>ul>li {
						width: 48%;
						height: 20px;
						list-style: none;
						display: inline-block;
						float: none;
						color: #3b1816;
						font-style: italic;
						font-size: 16px;
						line-height: 20px;
						font-weight: normal;
					}
	img#suchards {
		width: 912px;
		height: 191px;
		margin: 0 auto;
		display: block;
		position: absolute;
		top: 600px;
		left: 82px;
	}
	img#steps {
		width: 680px;
		height: 255px;
		margin: 0 auto;
		display: block;
		position: absolute;
		top: 545px;
		left: 145px;
	}
	img#logotype {
		width: 165px;
		height: 39px;
		margin: 0 auto;
		display: block;
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	#footer {
		height: auto;
		display: block;
		position: absolute;
		bottom: 20px;
		margin: 0 auto;
		width: 100%;
		height: 80px;
	}
		#footer p {
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
			font-style: italic;
			margin-bottom: 5px;
			max-width: 400px;
		}
			#footer p.right {
				line-height: 45px;
			}
		#footer a {
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
			font-style: italic;
		}
		#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
-----------------------------------------------------------------*/
.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: #3b1816;
		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: #3b1816;
			font-weight: 600;
			font-size: 16px;
		}
		.fancybox-wrap .fancybox-inner h6 {
			color: #3b1816;
			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: 730px;
	margin: 0 auto;
	color: #3b1816;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	font-weight: normal;
	position: relative;
}
	.toast-message .close-button {
		text-transform: none;
		font-size: 10px;
		color: #3b1816;
		text-align: right;
		font-weight: normal;
		font-style: italic;
		position: absolute;
		top: -25px;
		right: 0px;
	}
		.toast-message .close-button:hover {
			color: #3b1816;
			text-decoration: underline;
		}
.toast-close-button {
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 14px;
	color: #3b1816;
}
	.toast-close-button:hover,
	.toast-close-button:focus {
		color: #3b1816;
		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 20px;
		width: 100%;
		border-radius: none;
		background-position: 15px center;
		background-repeat: no-repeat;
		color: #3b1816;
		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: #3b1816;
			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 {
		text-decoration: none;
	}
.toast { background-color: #dcbd8b; position: relative; }
.toast-success { background-color: #51a351; }
.toast-error { background-color: #bd362f; }
.toast-info { background-color: #dcbd8b; } /* 2f96b4 */
.toast-warning { background-color: #f89406; }
@media all and (min-width: 240px) and (max-width: 479px) {
	#toast-container > div {
		padding: 8px;
		width: 18em;
	}
}
@media all and (min-width: 480px) and (max-width: 767px) {
	#toast-container > div {
		padding: 40px 20px 20px;
		width: 25em;
	}
}
/* ----------------------------------------------------------------
	Custom scroller definitions
-----------------------------------------------------------------*/
.mCSB_draggerContainer {
	/*display: none !important;*/
}
	body.register .mCSB_draggerContainer {
		/*display: none !important;*/
		left: 30px;
		right: 30px;
		top: 14px;
	}
.mCSB_scrollTools {
	opacity: 1 !important;
	width: 45px !important;
}
	body.register .mCSB_scrollTools {
		opacity: 1 !important;
		width: 280px !important;
		position: absolute !important;
		bottom: 60px !important;
		left: -310px !important;
	}
.mCSB_buttonLeft {
	background: url('../images/scroll-left.png') left top transparent no-repeat !important;
	width: 22px !important;
	height: 45px !important;
	opacity: 1 !important;
	position: absolute !important;
	left: 30px !important;
}
.mCSB_buttonRight {
	background: url('../images/scroll-right.png') left top transparent no-repeat !important;
	width: 22px !important;
	height: 45px !important;
	opacity: 1 !important;
	position: absolute !important;
	right: 30px !important;
}
.mCSB_buttonUp {
	background: url('../images/scroll-up.png') left top transparent no-repeat !important;
	width: 45px !important;
	height: 22px !important;
	opacity: 1 !important;
	position: absolute;
	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: absolute;
	right: 0px;
}
.mCSB_buttonLeft:hover,
.mCSB_buttonRight:hover,
.mCSB_buttonUp:hover,
.mCSB_buttonDown:hover {
	opacity: 0.5 !important;
}
body.rules .mCSB_inside > .mCSB_container {
	margin-right: 50px !important;
}