body, html{
	font-size:17px;
}
.desktop{
}
.mobile{
	display:none;
}
.cust-width{
	width:100%;
	max-width:640px;
}
.cust-width2{
	width:100%;
	max-width:86%;
}
.cust-width3{
	width:100%;
}
.orange-line{
	height:11px;
	background:#fed385;
	margin:17px 0px 28px;
	display:none;
}
.select2-container--default .select2-selection--single{
	padding:0.375em 0.75em;
	height:41px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:41px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding:0 20px 0px 4px;
}
.clickable{
	cursor:pointer;
}
.about-header{
	font-size:20px;
	padding:0;
	/*font-weight:bold;*/
	color:#1b1b66;
}
.about-content{
	font-size:18px;
	padding-bottom:20px;
	color:#888;
}
.about-button{
	font-size:18px;
	line-height:55px;
	color:#ffffff;
	background-color:#9995c3;
	letter-spacing:2px;
	width:60%;
	font-weight:bold;
}
.about-button img{
	width:50px;
}
.about-button .desc{
	padding:0 10px;
	padding-left:50px;
}
.about-button .dragImgCover{
	position:relative
}
.about-button .dragBar{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:0px;
	background-color:#151c67;
}
.about-button .dragImg{
	position:absolute;
	top:0px;
	left:0px;
	cursor: e-resize;
}
.about-button .dragImg img{
	float:left;
	border:0px;
}
.about-details{
	font-size:20px;
	padding-bottom:20px;
	font-weight:bold;
	color:#9995c3;
}
.about-countdown{
	font-size:20px;
	padding-bottom:20px;
	font-weight:bold;
	/*color:#a16064;*/
	color:#e50012;
}
.about-expiry{
	font-size:20px;
	padding-bottom:20px;
	color:#888;
}
.about-code{
	border:1px solid #dbc5ba; 
	font-size:22px;
	line-height:46px;
	color:#f28775;
	width:60%;
}
.about-copy{
	font-size:22px;
	line-height:46px;
	color:#FFF;
	background-color:#f28775;
	letter-spacing:2px;
	width:60%;
}
.about-shop{
	font-size:22px;
	line-height:46px;
	color:#FFF;
	background-color:#586973;
	letter-spacing:2px;
	width:60%;
}
.about-shop a{
	color:#FFF;
	text-decoration:none;
}
.about-redeemed{
	font-size:16px;
	line-height:22px;
	color:#FFF;
	background-color:#999;
	width:60%;
	padding:5px 10px;
}

.code-details{
	font-size:20px;
	font-weight:bold;
	color:#e38876;
}
.code-clock{
	font-size:100px;
	line-height:120px;
	letter-spacing:-10px;
	color:#000;
}
.code-scroll{
	font-size:18px;
	line-height:22px;
	padding:10px;
	width:60%;
	background-color:#f48572;
	color:#FFF;
	margin:auto;
}
.code-desc{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	color:#b08886;
}
.code-expiry{
	font-size:20px;
	padding-bottom:10px;
	color:#888;
}

.terms-header{
	font-size:22px;
	padding:0;
	font-weight:bold;
	color:#888;
}
.terms-content{
	font-size:12px;
	padding-bottom:5px;
	color:#888;
}
.terms-details{
	font-size:12px;
	padding-bottom:5px;
	color:#888;
	text-align:left;
}
.greyLine{
	width:90%;
	margin:auto;
	height:1px;
	background-color:#888;
}
.form{
	font-size:25px;
}
.form-header{
	font-size:38px;
}
.form .btn-submit{
	font-size:1.2rem;
	padding:0.5rem 7rem;
}
.errorModal .modal-body, .registeredModal .modal-body, #loadingMsg, #successMsg{
	font-size:25px;
	text-align:center;
}

.about{
	/*
	padding-left:15px;
	padding-right:15px;
	*/
}

.video-background{
	position:relative;
}

.video{
	position:absolute;
	/*top:9%;*/
	top:-0.1%;
	left:3.9%;
	width:92.275%;
}

.video-frame{
	position:relative;
	width:100%;
	height:100%;
}

.video-play{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../image/play.png) no-repeat;
	background-position:center center;
	background-size: 96px 96px;
	width:100%;
	height:100%;
	cursor:pointer;
}

.header{
	position: relative;
	padding: 8.68% 4.12% 4.43%;
}

.header .content{
	position: absolute;
	top:29.5%;
	left:29%;
}

.header .content .content-header{
	color:#646b71;
	font-size:38px;
	line-height:1;
	/*padding-left:17%;*/
}

.header .content .text-blue{
	color:#006fb7;
}

.header .content .content-sub-header{
	font-size:23px;
	font-weight:bold;
	padding-top:4%;
	line-height:1.2;
	color:#646b71;
}

.header .content .content-text{
	font-size:13px;
	color:#646b71;
}

.form-check .form-check-label a, .form-check .form-check-label a:hover{
	color:inherit;
	text-decoration:underline;
}

.btn-submit{
	background:#013a71;
	color:#ffffff;
	font-size:22px;
	padding:1.5% 25%;
}
.btn-submit:hover{
	color:#ffffff;
	opacity:0.8;
}

.btn-submit:disabled:hover, .btn-submit.disabled:hover{
	opacity:0.65;
}

.btn-close{
	font-size:26px;
	line-height:1;
	padding:0;
	margin:0;
}

.tnc-table{
	border-spacing:0px;
    padding:0px;
    font-size:13px;
}
.tnc-table td{
	vertical-align:top;
}
.tnc-table sup{
	font-size:12px;
}

#ui-datepicker-div, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family:Verdana, sans-serif;
}

.overflow-x-hidden{
	overflow-x:hidden;
}

/* Old shadow dom for play button */
video::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}
/* New shadow dom for play button */
/* This one works */
video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

form label{
	font-size:.875rem;
	padding:.25rem 0;
}

form label.form-check-label{
	padding:0;
}

.font-small{
	font-size:0.85rem;
}

.kv-cta{
	position: absolute;
	bottom: 4.6%;
	width: 100%;
	text-align: center;
}

.kv-cta a{
	display: inline-block;
    color: #ffffff;
    background: #626a6d;
    font-size: 1.3rem;
    padding: 0.7% 3% 0.7% 6%;
	text-decoration:none;
}

.kv-cta a:hover{
	text-decoration:none;
}

.brand-logo{
	width:420px;
}

.brand-logo-small{
	width:320px;
}

.about-amount{
	font-size:90px;
	color:#e7497d;
	line-height:1.1;
	display:flex;
	justify-content:center;
    align-items:flex-end;
}

.about-dollar{
	font-size:68px;
}

.about-amount-desc{
	font-size:20px;
	color:#e7497d;
}

.barcode-img{
	width: 480px;
}

.barcode-header{
	font-size:18px;
	padding:0;
	color:#1b1b66;
}

.barcode-header a{
	text-decoration:underline;
	color:#1b1b66;
}

.text-pink{
	color:#ef5184;
}



@media screen and (max-width:1499px) and (min-width:641px){
}


@media screen and (max-width:640px){
	.video-play{
		background-size: 15vw 15vw;
	}
	
	.header .content .content-header{
		/*font-size:6.875vw;*/
		font-size:5.93vw;
	}

	.header .content .content-sub-header{
		/*font-size:4.218vw;*/
		font-size:3.59vw;
	}

	.header .content .content-text{
		/*font-size:2.343vw;*/
		font-size:2.03vw;
	}
	
	.brand-logo{
		width:80%;
	}
	
	.brand-logo-small{
		width:60%;
	}
	
	.barcode-img{
		width:85%;
	}
}