@font-face {
	font-family: 'MaisonNeueRedBull';
	src: url('../fonts/MaisonNeueRedBull-Book.eot');
	src: url('../fonts/MaisonNeueRedBull-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MaisonNeueRedBull-Book.woff2') format('woff2'),
		url('../fonts/MaisonNeueRedBull-Book.woff') format('woff'),
		url('../fonts/MaisonNeueRedBull-Book.ttf') format('truetype'),
		url('../fonts/MaisonNeueRedBull-Book.svg#MaisonNeueRedBull-Book') format('svg');
	font-weight: 300;
	font-stretch:normal;
	font-style: normal;
}

@font-face {
	font-family: 'MaisonNeueRedBull';
	src: url('../fonts/MaisonNeueRedBull-Demi.eot');
	src: url('../fonts/MaisonNeueRedBull-Demi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MaisonNeueRedBull-Demi.woff2') format('woff2'),
		url('../fonts/MaisonNeueRedBull-Demi.woff') format('woff'),
		url('../fonts/MaisonNeueRedBull-Demi.ttf') format('truetype'),
		url('../fonts/MaisonNeueRedBull-Demi.svg#MaisonNeueRedBull-Demi') format('svg');
	font-weight: 400;
	font-stretch:normal;
	font-style: normal;
}

@font-face {
	font-family: 'MaisonNeueRedBull';
	src: url('../fonts/MaisonNeueRedBull-Bold.eot');
	src: url('../fonts/MaisonNeueRedBull-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MaisonNeueRedBull-Bold.woff2') format('woff2'),
		url('../fonts/MaisonNeueRedBull-Bold.woff') format('woff'),
		url('../fonts/MaisonNeueRedBull-Bold.ttf') format('truetype'),
		url('../fonts/MaisonNeueRedBull-Bold.svg#MaisonNeueRedBull-Bold') format('svg');
	font-weight: 500;
	font-stretch:normal;
	font-style: normal;
}

@font-face {
	font-family: 'MaisonNeueRedBull';
	src: url('../fonts/MaisonNeueRedBull-Black.eot');
	src: url('../fonts/MaisonNeueRedBull-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MaisonNeueRedBull-Black.woff2') format('woff2'),
		url('../fonts/MaisonNeueRedBull-Black.woff') format('woff'),
		url('../fonts/MaisonNeueRedBull-Black.ttf') format('truetype'),
		url('../fonts/MaisonNeueRedBull-Black.svg#MaisonNeueRedBull-Black') format('svg');
	font-weight: 700;
	font-stretch:normal;
	font-style: normal;
}

body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "MaisonNeueRedBull", Helvetica, Arial, "sans-serif";
	font-weight: 300;
	font-size: 20px;
	width: 100%;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.rbnh-page{
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}

.rbnh-page #main{
	padding: 40px 20px;
	text-align: center;
	width: 100%;
}

.quiz-screen{
	display: none;
	padding: 20px 0 30px;
}

.quiz-screen.questions-screen{
	display: block;
	width: 100%;
}

.questions-wrapper,
.questions-wrapper .questions-list,
.questions-wrapper .questions-list .slick-list{
	width: 100%;
}

.questions-list .quest-wrap .quest_count{
	color: #888888;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.5;
	font-weight: 400;
}

.questions-list .quest-wrap .quest-holder.quest-txt{
    color: #db0a40;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    padding: 40px 0 25px;
    max-width: 760px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.questions-list .quest-wrap .quest-holder.quest-txt span{
	display: block;
}

.questions-list .quest-wrap .ans-wrap{
	padding: 35px 0;
	max-width: 700px;
	margin: 0 auto;
}

.questions-list .quest-wrap .ans-wrap .ans-cont ul{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

.questions-list .quest-wrap .ans-wrap .ans-cont ul li{
	width: 50%;
	padding: 0 20px;
	display: inline-block;
	vertical-align: middle;
}

.questions-list .quest-wrap .ans-wrap .ans-cont ul li a.ans{
	font-size: 26px;
	line-height: 26px;
	font-weight: 500;
	background: #e1e1e1;
	border: 2px solid #e1e1e1;
	border-radius: 7px;
	text-align: center;
	padding: 22px 10px 18px;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.questions-list .quest-wrap .ans-wrap .ans-cont ul li a.ans:hover{
	background: transparent;
}

.questions-list .quest-wrap .quiz-back-wrap{
	padding: 20px 0 0;
}

.questions-list .quest-wrap .quiz-back-wrap a.quiz-back{
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	left: 11px;
}

.questions-list .quest-wrap .quiz-back-wrap a.quiz-back span{
	display: inline-block;
	vertical-align: middle;
}

.questions-list .quest-wrap .quiz-back-wrap a.quiz-back span.arrow{
	width: 15px;
	height: 12px;
	background-image: url(../images/arr.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	left: -22px;
	top: 2px;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.questions-list .quest-wrap .quiz-back-wrap a.quiz-back:hover span.arrow{
	left: -25px;
}

.questions-list .quest-wrap .quiz-back-wrap a.quiz-back span.txt{
	color: #888888;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.5;
	font-weight: 400;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.form-submission-wrapper .form-wrapper{
	display: none;
}

.submission-screen .submission-wrapper .code-wrapper .code-intro {
    color: #182a4b;
    font-size: 22px;
    max-width: 460px;
    margin: 0 auto;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 0 35px;
}

.quizTBX {
    background: #eeeeee;
    width: 100%;
    height: 52px;
    border: none;
    padding: 4px 15px 0;
    font-size: 18px;
    color: #555555;
    font-weight: 300;
    letter-spacing: 0.5px;
	text-align: left;
	box-shadow: none;
}

.quizTBX.quizCode{
    max-width: 220px;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    height: 64px;
    padding: 8px 15px 0;
}

.quizTBX.quizTArea{
	height: 120px;
	padding: 15px;
	resize: none;
}

.submission-screen .submission-wrapper .form-wrapper{
	max-width: 680px;
	margin: 0 auto;
	padding: 40px 0 0;
}

.submission-screen .submission-wrapper .form-wrapper .form-border{
	border: 1px solid #111111;
	padding: 15px 40px 25px;
}

.submission-screen .submission-wrapper .form-wrapper .form-title{
    color: #182a4b;
    font-size: 28px;
    max-width: 560px;
    margin: 0 auto;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 20px;
	background: #fff;
	display: inline-block;
	position: relative;
	top: -28px;
}

.submission-screen .submission-wrapper .code-wrapper .code-validator{
	max-width: 420px;
	margin: 0 auto;
}

.submission-screen .submission-wrapper .code-wrapper .code-valid-wrap{
	position: relative;
	padding: 0 0 40px;
	font-size: 0;
}

.code-validator span.code-check{
	display: block;
	opacity: 0;
	font-size: 20px;
	position: absolute;
	width: 100%;
	font-weight: 400;
	bottom: 0;
	left: 0;
	letter-spacing: 0.5px;
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.code-validator span.code-check.visible{
	opacity: 1;
}

.code-validator span.code-check#csuccess{
	color: rgb(141, 197, 86);
}

.code-validator span.code-check#cfail{
	color: rgb(208, 17, 43);
	/*background: none;
	border: none;
	font-size: 16px;
	margin: 0;*/
}

.submission-screen .submission-wrapper .form-wrapper label{
	margin: 0;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper{
	position: relative;
	width: 100%;
	padding: 20px 0 18px;
	display: block;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.multi{
	padding: 0;
	font-size: 0;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.mid{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.left{
	padding-right: 7.5px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.right{
	padding-left: 7.5px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio{
	text-align: left;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper label.fly {
    position: absolute;
    left: 15px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #666666;
    top: 34px;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.right label.fly{
	left: 22.5px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper label.fly.upper{
	top: 0;
	left: 0;
	font-size: 16px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.right label.fly.upper{
	left: 7.5px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .err {
    color: #E00000;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 12px;
    font-weight: 300;
    letter-spacing: 1px;
	display: none;
}
.submission-screen .submission-wrapper .form-wrapper .field-wrapper.right .err{
	left: 7.5px;
}
.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms{
	color: #555555;
	text-align: left;
	padding: 15px 0 15px 18px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label{
    color: #555555;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding: 0 0 0 30px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label:before{
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid #7f7f7f;
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label:hover:before{
	border: 2px solid #db0a40;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label:after{
	content: "";
	width: 10px;
	height: 10px;
	background: #db0a40;
	position: absolute;
	left: 4px;
	top: 4px;
	opacity: 0;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms input:checked ~ label:after {
	opacity: 1;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms input:checked ~ label:before{
	border: 2px solid #db0a40;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label a{
	color: #db0a40 ;
	text-decoration: none;
	cursor: pointer;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms label a:hover{
	text-decoration: underline;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.terms input[type="checkbox"]{
	display: none;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper label.fly span {
    font-weight: 300;
    font-size: 16px;
    text-transform: none;
    padding: 0 0 0 10px;
    display: inline-block;
    font-style: italic;
}

.submission-screen .submission-wrapper .form-wrapper .submit-wrapper{
	padding: 10px 0 0;
}

.submission-screen .submission-wrapper .form-wrapper .submit-wrapper .submit-form{
	background: #db0a40;
	padding: 2px 10px 0;
	width: 100%;
	max-width: 240px;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 5px;
	text-decoration: none;
	border: 2px solid #db0a40;
	height: 46px;
	line-height: 42px;
	font-weight: 500;
	letter-spacing: 1px;
	cursor: pointer;
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .submit-wrapper .submit-form:hover{
	color: #db0a40;
	background: #fff;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio > label{
	display: inline-block;
	vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #666666;
	padding: 0 0 0 15px;
	position: relative;
	top: 2px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder{
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 15px;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul li{
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul li label{
    width: 38px;
    height: 38px;
    border: 2px solid #000000;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul li label:hover{
	border: 2px solid #db0a40;
	color: #db0a40;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul li input:checked ~ label{
	border: 2px solid #db0a40;
	color: #db0a40;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA{
	display: block;
	position: absolute;
	top: 35px;
	right: 10px;
	width: 24px;
	height: 24px;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA.upper{
	top: 0;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA svg{
	fill: #666666;
	width: 24px;
	height: 24px;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA svg path{
	fill: #666666;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA:hover svg,
.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfoCTA:hover svg path{
	fill: #db0a40;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper .addressInfo {
    background: #fafafa;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.5px;
    width: 200px;
    text-align: left;
    border: 1px solid #000;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: -10px;
	display: none;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper.radio .radio-btns-holder ul li input[type="radio"]{
	display: none;
}

.submission-screen .submission-wrapper .code-wrapper .code-valid-wrap input#rbcode{
	display: inline-block;
	vertical-align: middle;
}

.submission-screen .submission-wrapper .code-wrapper .code-valid-wrap #rbcode-check-cta{
    display: inline-block;
    vertical-align: middle;
    height: 64px;
    font-size: 22px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 15px 0;
    color: #fff;
    background: rgb(141, 197, 86);
    border: 2px solid rgb(141, 197, 86);
	cursor: pointer;
	outline: none !important;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.submission-screen .submission-wrapper .code-wrapper .code-valid-wrap #rbcode-check-cta:hover{
	background: #eeeeee;
	color: rgb(141, 197, 86);
}

.questions-list .question{
	display: none;
}

.questions-list .question[data-slide="1"]{
	display: block;
}