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

@font-face {
  font-family: "Bull";
  src: url("../fonts/Bull-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Bull-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Bull-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Bull-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Bull-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Bull-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Bull-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Bull";
  src: url("../fonts/Bull-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Bull-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Bull-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Bull-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Bull-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Bull-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Bull-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}

body{
	margin: 0;
	padding: 0;
	background:transparent;
	font-family: 'Bull',Arial,sans-serif;
	font-weight: 400;
	font-size: 20px;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
a, button, input {
    outline: none !important;
}
.rbnh-page{
	margin: 0 auto;
	width: 100%;
}

.rbnh-page #main{
	text-align: center;
	width: 100%;
}
.rbnh-page .rbn-step.step1, .rbnh-page .rbn-step.step2{
    padding: 80px 20px 15px;
}

.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: 24px;
	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: 300px;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	height: 64px;
	padding: 8px 15px 0;
	border-radius: 6px;
	background: #fff;
    display: inline-block;
    vertical-align: middle;
}

.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: 16px;
	position: absolute;
	width: 100%;
	font-weight: 400;
	bottom: 0;
	left: 0;
	letter-spacing: 0.5px;
    padding: 2px;
	-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: #E00000;
	/*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;
}

.comp-closed {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
}
.comp-closed .msg {
	position: relative;
	top: 50%;
	color: rgba(8, 28, 75, 1);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10vw;
	text-align: center;
	transform: translateY(-50%) rotate(-40deg);
	font-family: "MaisonNeueRedBull", Helvetica, Arial, "sans-serif";
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper label.fly[for="invoice"]{
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

.submission-screen .submission-wrapper .form-wrapper .field-wrapper label.fly[for="invoice"]::after {
    content: "Civil ID Number";
    opacity: 1;
    position: absolute;
    left: 0;
    text-indent: 0;
    top: 0;
    width: 100%;
    text-align: left;
}

#policyTexts {
	padding: 15px 0 0;
	font-size: 16px;
	line-height: 22px;
}
.rbnh-page.campaign_23 .info_cont .text {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 1px;
}
.moreinfo {
	text-align: center;
	padding: 0 0 15px;
}
.moreinfo a {
	color: #000;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

/* neww */
.rbn-msg-input-wrap {
	display: block;
	position: relative;
	padding: 35px 70px 40px;
	background: #001E3C;
	border-radius: 8px;
}
.rbn-msg-input-wrap .rbnmsg {
	display: block;
	width: 100%;
	margin: 0 auto;
    border-radius: 6px;
    padding: 10px;
    border: 0 none;
    background-color: #fff;
}
.rbn-step.step2, .rbn-step.step3, .rbn-step.step4{
	display: none;
}

.rbn-error {
	color: #E00000;
	display: none;
	font-size: 16px;
	position: absolute;
	width: 100%;
	font-weight: 400;
	bottom: 5px;
	left: 0;
	letter-spacing: 0.5px;
    padding: 2px;
}

.rbnh-page img{
    width: 100%;
    display: block;
}
.rbnh-page .nbg-cover {
	background-image: url('../images/nasser-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 100%;
	height: 100%;
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
}

.rbnh-page .code-valid-wrap {
	background-color: #001E3C;
	max-width: 700px;
	width: 100%;
	padding: 30px 15px;
	border-radius: 8px;
	margin: 0 auto;
	position: relative;
}
.rbnh-page #rbcode-check-cta {
	background-color: #DA0A40;
	border: 0 none;
	color: #fff;
	height: 64px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
	padding: 8px 80px 5px 20px;
	text-transform: uppercase;
	font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}
.rbnh-page .nasser-profile {
	display: block;
	background-image: url('../images/nasser-head.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: fixed;
	bottom: 0;
	left: -65px;
	max-width: 549px;
	height: 562px;
	width: 28%;
	z-index: 1;
}
.rbnh-page #rbcode-check-cta::after {
	content: '';
	background-image: url('../images/np_unlock.svg');
	background-size: contain;
	background-repeat: no-repeat;
	right: 20px;
	top: 15px;
	width: 23px;
	height: 30px;
	display: block;
	position: absolute;
}
.rbnh-page .rbn-msg-wrapper {
	max-width: 670px;
	margin: 0 auto;
    padding: 20px 0;
    position: relative;
}
.rbnh-page .rbn-msg-text {
	max-width: 80%;
	margin: 0 auto;
	padding: 0 0 30px;
}
.rbn-msg-wrapper .max-length {
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 15px 0;
	display: block;
	text-align: right;
}
.rbnh-page .rbn-msg-submit{
	background-color: #DA0A40;
	border: 0 none;
	color: #fff;
	height: 64px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 80px 5px 20px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	position: relative;
}
.rbnh-page .rbn-msg-submit::after {
	content: '';
	background-image: url('../images/np_play.svg');
	background-size: contain;
	background-repeat: no-repeat;
	right: 20px;
	top: 23px;
	width: 17px;
	height: 19px;
	display: block;
	position: absolute;
}

.animation-container{
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 100vh;
    }

    .animation-container .animation-overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        left:0;
        top: 0;
        overflow: hidden;
        z-index: 5;
    }

    .animation-container .rbn-msgprev-cont{
        position: absolute;
        width: 80%;
        height: auto;
        text-align: center;
        color: #000;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0 15px;
        font-weight: 700;
        text-transform: uppercase;
        display: none;
        z-index: 3;
    }

    .animation-container .bg,
    .txt-pattern-layer,
    .animation-container .smoke-layer{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url('../images/bg.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }

    .txt-pattern-layer{
        background-image: url('../images/dusts.png');
        z-index: 3;
    }

    .animation-container .smoke-layer{
        background-image: url('../images/bg-image-overlay.png');
        z-index: 4;
    }

    .animation-container .text-layer{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }

    .animation-container .animation-placeholder{
        width: 100%;
        height: auto;
        position: relative;
    }

    .animation-container .animation-placeholder img{
        width: 100%;
        height: auto;
        display: block;
    }

    .animation-container .animation-placeholder img.mob{
        display: none;
    }

    .animation-container .animation-overlay #lottie{
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    @media (orientation: landscape) {
        .animation-container .animation-placeholder img.desk{
            display: block;
        }

        .animation-container .animation-placeholder img.mob{
            display: none;
        }
    }

    @media (orientation: portrait) {
        .animation-container .animation-placeholder img.desk{
            display: none;
        }

        .animation-container .animation-placeholder img.mob{
            display: block;
        }
    }

.rbn-msgprev-wrapper .msgprev-action {
    opacity: 0;
	z-index: 10;
	position: relative;
	padding: 50px 15px 20px;
	font-size: 22px;

    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.rbn-msgprev-wrapper .msgprev-action.show{
    opacity: 1;
}
.rbn-msgprev-wrapper .rbn-msgprev-text{
    z-index: 2;
    color: #002554;
    font-family: 'Futura',Arial,sans-serif;
    font-weight: 700;
    font-size: 5vw;
    line-height: 5vw;
}

.rbnh-page .rbn-msgprev-submit{
	background-color: #163B8B;
	border: 0 none;
	color: #fff;
	height: 64px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 90px 0 50px;
	text-transform: uppercase;
	font-size: 18px;
    line-height: 64px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
.rbnh-page .rbn-msgprev-submit::after {
	content: '';
	background-image: url('../images/np_send.png');
	background-size: contain;
	background-repeat: no-repeat;
    right: 45px;
    top: 15px;
    width: 35px;
    height: 32px;
	display: block;
	position: absolute;
}

.rbn-msgprev-wrapper .rbn-msg-new {
	font-size: 18px;
    display: inline-block;
	color: #fff;
	padding: 15px 40px 15px 0;
	margin: 0 auto;
	font-weight: 400;
    position: relative;
    cursor: pointer;
}
.rbn-msgprev-wrapper .rbn-msg-new::after {
	content: '';
	background-image: url('../images/np_back.png');
	background-size: contain;
	background-repeat: no-repeat;
    right: 0;
    top: 16px;
    width: 28px;
    height: 17px;
	display: block;
	position: absolute;
}
.rbn-msgprev-submit-wrap.rbn-cta {
	padding: 0 0 20px;
}

.txt-canvas-layer .txt-canvas-wrap .txt-canvas-cont{
    font-size: 60px;
    line-height: 60px;
    color: #002554;
    font-family: 'Futura',Arial,sans-serif;
    position: absolute;
    width: 80%;
    height: auto;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 15px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 3;
}

.txt-canvas-layer .txt-canvas-wrap{
    width: 1200px;
    height: 630px;
    position: relative;
}

.txt-canvas-layer{
    position: fixed;
    width: 1200px;
    height: 630px;
    top: 0;
    left: 0;
    z-index: -1;
}
.rbn_form_title {
	max-width: 600px;
	margin: 0 auto;
	padding: 60px 20px 0px;
	width: 100%;
}
.rbnh-page .nbg-cover.form-cover{
    background-image: url('../images/bg.jpg');
}
.txt-canvas-layer .txt-canvas-wrap .txt-pattern-layer {
    background-size: auto 80%;
}

.rbnh-page .nasser-car{
	display: block;
	background-image: url('../images/car-form2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 500px;
	height: 482px;
	width: 28%;
	z-index: 1;
}

.rbn-form-wrapper .form-line-error div.form-error-message{
    position: absolute;
    left: 0;
    bottom: 0;
}
.rbn-form-wrapper .form-all, .rbn-form-wrapper .form-header-group .form-header, .rbn-form-wrapper .form-header-group .form-subHeader, .rbn-form-wrapper .form-sub-label {
	color: #ccc;
}
.rbn-form-wrapper .form-all {
	margin: 0px auto;
	max-width: 800px;
	color: #fff;
	font-size: 16px;
	background-color: #001E3C;
	width: 100%;
	padding: 35px 8%;
	border-radius: 8px;
    z-index: 5;
    position: relative;
}
.rbn-form-wrapper #id_8, .rbn-form-wrapper #id_5, .rbn-form-wrapper #id_11 {
    display: none;
}
.rbn-form-wrapper .form-button-error p {
	padding: 0;
	margin: 0;
}
.rbn-form-wrapper .form-button-error{
    position: absolute;
    left: 0;
    bottom: -10px;
}
.rbn-form-wrapper .form-label {
	color: #fff;
}
.rbn-form-wrapper .rbn-suc-wrapper{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.rbn-form-wrapper .rbn-suc-wrapper .suc_cont{
    background-color: #fff;
    max-width: 540px;
    margin: 0 auto;
    padding: 40px 45px;
    border-radius: 6px;
}

.rbn-suc-wrapper .suc_cont .suc_text {
	font-size: 20px;
    letter-spacing: 0;
	color: #000000;
	text-transform: uppercase;
	padding: 0 0 40px;
	line-height: 30px;
	text-align: center;
}

.rbn-suc-wrapper .dw-cta-wrap {
	position: relative;
	text-align: center;
}
.rbn-suc-wrapper .dw-cta-wrap .dw-cta {
	color: #DA0A40;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	max-width: 235px;
	position: relative;
	text-decoration: none;
	padding: 0 0 0 50px;
	line-height: 20px;
	text-align: left;
}
.rbn-suc-wrapper .dw-cta-wrap .dw-cta::before {
	content: '';
	background-image: url('../images/np_download.png');
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	top: 1px;
	width: 37px;
	height: 37px;
	display: block;
	position: absolute;
}

.rbn-form-wrapper .form-all .form-submit-button {
	background-color: #DA0A40;
	border: 0 none;
	color: #fff;
	height: 64px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 90px 0 50px !important;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 64px;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	text-decoration: none;
    width: auto;
}
.rbn-form-wrapper .form-all .form-submit-button::after {
	content: '';
	background-image: url('../images/np_send.png');
	background-size: contain;
	background-repeat: no-repeat;
	right: 45px;
	top: 15px;
	width: 35px;
	height: 32px;
	display: block;
	position: absolute;
}