@charset "UTF-8";
/* CSS Document */
.clearfix:before, .clearfix:after{content: ""; display: table}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}

.left{float:left;}
.right{float:right;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img{max-width: 100%;}

html, body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#main{
	height: 100%;
	background: #000000 url('../images/banner.jpg') no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: bottom;
}

.wrapper{
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	height: 100%;
}

.primary-btn{
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: rgb(18,135,192);
	background: -webkit-linear-gradient(rgba(18,135,192,1) 0%, rgba(5,113,195,1) 100%);
	background: -o-linear-gradient(rgba(18,135,192,1) 0%, rgba(5,113,195,1) 100%);
	background: linear-gradient(rgba(18,135,192,1) 0%, rgba(5,113,195,1) 100%);
	border-radius: 10px;
	font: 23px/37px 'Helvetica', sans-serif;
	color: #ffffff;
    padding: 8px 70px;
    margin: 0 auto;
}

.secondary-btn{
	display: block;
	width: 260px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font: 23px/37px 'Helvetica', sans-serif;
	color: #ffffff;
    margin: 0 auto;
	background: rgb(26,167,167);
	background: -webkit-linear-gradient(rgba(26,167,167,1) 0%, rgba(11,129,186,1) 100%);
	background: -o-linear-gradient(rgba(26,167,167,1) 0%, rgba(11,129,186,1) 100%);
	background: linear-gradient(rgba(26,167,167,1) 0%, rgba(11,129,186,1) 100%);
	padding: 8px 70px;
	/*box-shadow: 0 3px 0px #20b89d;*/
}

label{
	display: block;
	font: 17px/21px 'Helvetica', sans-serif;
	color: #58595b;
}

.input-hldr{
	width: 65%;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
}
.primary-input{
	display: block;
	background: #ffffff;
	width: 100%;
	font: 17px/21px 'Helvetica', sans-serif;
	color: #757575;
	padding: 13px 10px;
}
.secondary-input{
	display: block;
	width: 100%;
	border-bottom: 1px solid #231f20;
	font: 17px/21px 'Helvetica', sans-serif;
	color: #58595b;
	padding: 10px 0;
}
.secondary-input::placeholder{color: #bcbec0;}

.secondary-select{
	display: block;
	width: 100%;
	border-bottom: 1px solid #231f20;
	font: 17px/21px 'Helvetica', sans-serif;
	color: #58595b;
	padding: 10px 0;
	background: #ffffff;
}
.secondary-select option{
	font: 17px/21px 'Helvetica', sans-serif;
	color: #58595b;
}
.secondary-select:required:invalid{color: #bcbec0;}

.pass-visible{
	position: absolute;
	right: 0;
	top: 0;
	padding: 14px 10px;
}
.pass-visible .hide-img{display: block;}
.pass-visible .show-img{display: none;}
.pass-visible.active .hide-img{display: none;}
.pass-visible.active .show-img{display: block;}
.chk-cnt{position: relative;}
.chk-cnt label{
	display: inline-block;	
	font: 17px/28px 'Helvetica-Light', sans-serif;
	color: #ffffff;
	transition: all 0.5s ease-out 0s;
}
.chk-cnt input{
	display: none;
	margin: 0;
    width: 25px;
    height: 25px;
}
.chk-cnt label:before{
	content: '\00a0';
	color: #9b9b9b;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: #ffffff;
	background-position: center center;
	border: 1px solid #aeafaf;
	text-align: center;
    font-weight: bold;
	font-size: 20px;
    margin-right: 10px;
    transition: all 0.5s ease-out 0s;
}
.chk-cnt label:hover:before{
	transition: all 0.5s ease-out 0s;
}
.chk-cnt input:checked + label:before {
	content: '\00a0';
	background: #ffffff url('../images/check.png') no-repeat;
	background-position: center center;
	transition: all 0.5s ease-out 0s;
}

.link-btn{
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	text-decoration: underline;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #ffffff;
}
.priv-polcy .link-btn{
	font: 15px/25px 'Helvetica', sans-serif;
}
.back-btn{
	display: block;
    padding: 42px 30px;
}
.back-btn svg{display: block;}

.noti-btn{
	display: block;
	padding: 34px 25px 34px 5px;
}
.noti-btn svg{display: block;}

.logout-btn{
	display: block;
	padding: 35px 5px 35px 10px;
}
.logout-btn svg{display: block;}

.redeem-btn{
	display: block;
	background: #010101;	
	text-align: center;
	font: 15px/43px 'Helvetica', sans-serif;
	color: #ffffff;
}

.redeem-btn-disable{
	display: block;
	/* background: #010101; */
	background: #545454;
	text-align: center;
	font: 15px/43px 'Helvetica', sans-serif;
	/* color: #ffffff; */
	color: #c7c1c19e;
}

.menu-btn{
	display: block;
	/*padding: 31px 20px;*/
	padding: 0;
}
.menu-btn svg{display: block;}

.upload-btn{
	display: block;
	width: 100px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 5px;
	font: 12px/28px 'Helvetica', sans-serif;
	color: #ffffff;
	height: fit-content;
}

.upload-file{
	position: relative;
	overflow: hidden;
	background: #333333;
	border-radius: 10px;
	padding: 15px 10px;
}
.upload-file input{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1000px;
	height: 1000px;
	z-index: 1;
}
.upload-file p{
	font: 19px/23px 'Helvetica', sans-serif;
	color: #929199;
	text-align: center;
}
.upload-file p span{text-transform: uppercase;}

.error{
	font: 11px/16px 'Helvetica', sans-serif;
	color: red;
	margin-top: 5px;
}

/* Spinner */
.spinner-hldr{margin-bottom: 15px;}
.spinner-hldr .ui-spinner{
	display: block;
	width: 100%;
}	
.spinner-hldr .ui-spinner-input{
	width: 100%;
	display: block;
	background: #ffffff;
	font: 19px/50px 'Helvetica', sans-serif;
	color: #929199;
	text-align: center;
	padding: 0 60px 0 10px;
	margin: 0;
}
.spinner-hldr a.ui-button{
	background: #1489c0 url('../images/down-arrow.svg') no-repeat;
	background-position: center center;
	width: 50px;
}
.spinner-hldr .ui-button span{display: none;}
.spinner-hldr a.ui-button.ui-spinner-up{
	border-top: 1px solid #ffffff;
    transform: rotate(180deg);
}
/* END Spinner */

/* Select Button */
.select-btn{
	display: block;
	width: 100%;
	background: #ffffff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.select-btn p{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	text-align: center;
	text-transform: uppercase;
	font: 18px/22px 'Helvetica', sans-serif;
    color: #929199;
    padding: 0 10px;
}
.select-btn .arw-hldr{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 105px;
	height: 50px;
	background: #1489c0;
}
/* END Select Button */

/* Select Drop */
.select-hldr{
	position: relative;
	margin-bottom: 15px;
}
.select-drop{
	display: none;
	max-height: 250px;
	overflow: auto;
	background: #ffffff;
	border-top: 1px solid #c4c4c4;	
}
.select-drop li{
	position: relative;
	border-bottom: 1px solid #c4c4c4;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	transition: all 0.3s;
}
.select-drop input[type="radio"]{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}

.select-drop input[type="checkbox"]{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.select-drop p{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
	font: 18px/22px 'Helvetica', sans-serif;
	color: #929199;
	transition: all 0.3s;
}
.select-drop .radio-dot{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #c4c4c4;
	width: 80px;
	min-height: 50px;
	transition: all 0.3s;
}
.radio-dot{
	width:105px!important;
}
.select-drop .radio-dot span{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #e2e2e2;
	transition: all 0.3s;
}
.select-drop input[type="radio"]:checked ~ .radio-dot span{
	background: #1489c0;
	transition: all 0.3s;
}
.select-drop input[type="radio"]:checked ~ p{
	color: #1489c0;
	transition: all 0.3s;
}
.select-drop input[type="checkbox"]:checked ~ .radio-dot span{
	background: #1489c0;
	transition: all 0.3s;
}
.select-drop input[type="checkbox"]:checked ~ p{
	color: #1489c0;
	transition: all 0.3s;
}
.select-drop li.active p{
	color: #1489c0;
	transition: all 0.3s;
}
/* END Select Drop */

/* Table */
.primary-table{width: 100%;}
.primary-table th{
	text-align: center;
	background: #ededed;
	font: 18px/22px 'Helvetica', sans-serif;
	color: #929199;
	border-top: 1px solid #aaaaaa;
	padding: 20px 15px;
}
.primary-table td{
	border-bottom: 1px solid #aaaaaa;
	padding: 20px 15px;
	text-align: center;
	font: 16px/22px 'Helvetica', sans-serif;
	color: #606060;
}
/* END Table */

/* Header */
#header{
	position: relative;
	background: #333333;
	height: 100px;
}
#header h2{
	font: 20px/100px 'Helvetica', sans-serif;
	color: #ffffff;
	width: calc(100% - 135px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
#header h2.arrow-text{width: calc(100% - 150px);}
#header .header-logo{
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -73px;
    margin-top: -33px;
}
#header .header-logo a{
	display: block;
	width: 145px;
}
#header .header-logo a img{display: block;}
.menu-ovly{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.open .menu-ovly{display: block;}
/* END Header */

#container{
	display: block;
	width: 100%;
	height: calc(100vh - 100px);
	overflow: auto;
	padding-bottom:100px;
}

.logo-hldr{
	width: 305px;
	margin: 0 auto;
	margin-bottom: 70px;
}
.logo-hldr img{display: block;}
.login-container{
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}
.login-container label.rembr-me{
	/*text-transform: uppercase;*/
	font: 17px/28px 'Helvetica-Light', sans-serif;
	color: #ffffff;
}
.login-container .for-pwd{
	font: 18px/30px 'Helvetica-Light', sans-serif;
	color: #ffffff;
}
.login-container .priv-polcy{text-align: center;}
.login-container .rem-for-hldr{
	width: 80%;
	margin: 30px auto 15px auto;
}
.login-container .reg-btn-hldr{margin: 25px 0 15px 0;}

/* Menu */
.menu-hldr{
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 99;
	max-width: 400px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100%);
	transition: all 0.3s;
}
.open .menu-hldr{
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.menu-hldr h6{
	text-transform: uppercase;
	background: #1489c0;
	padding: 20px 20px 20px 80px;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #ffffff;
}
.menu-hldr nav ul li{
	display: block;
	border-bottom: 2px solid #14c1e1;
}
.menu-hldr nav ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 15px 0;
}
.menu-hldr nav ul li a .img-hldr{
	display: block;
	width: 80px;
}
.menu-hldr nav ul li a .img-hldr svg{
	display: block;
	margin: 0 auto;
}
.menu-hldr nav ul li a .nav-txt{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	display: block;
	text-transform: uppercase;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #000102;
}
/* END Menu */

/* Spalsh Screen */
#main.spalsh{background: #ffffff;}
#main.spalsh .logo-hldr{
	width: 309px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.spalsh .spalsh-container{
	text-align: center;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}
.spalsh .spalsh-container p{
	font: 35px/40px 'Helvetica-Light', sans-serif;
	color: #010102;
}
/* END Spalsh Screen */

/* Registration */
.reg-main{
	height: 100%;
	background: #ffffff;
}
.reg-main #container{padding: 30px 0 80px 0;}
.reg-main h3{
	background: #d1d3d4;
	font: 17px/22px 'Helvetica', sans-serif;
	color: #58595b;
	padding: 15px 30px;
	margin-bottom: 30px;
}
.reg-main .ech-row{margin: 0 30px 20px 30px;}
/* END Registration */

/* Notification */
.noti-hldr{
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.noti-hldr .noti-cnt{
	width: 80%;
	max-width: 290px;
	margin: 0 auto;
	padding: 10px;
	background: #ffffff;
	text-align: center;
}
.noti-hldr h3{
	margin: 70px 0 60px 0;
	font: 51px/55px 'Helvetica', sans-serif;
	color: #000000;
}
.noti-hldr p{
	font: 18px/24px 'Helvetica', sans-serif;
	color: #000000;
	margin-bottom: 40px;
}
/* END Notification */

/* My Rewards */
.reward-hldr{
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.reward-hldr .reward-cnt{
	width: 80%;
	max-width: 290px;
	margin: 0 auto;
	padding: 10px;
	background: #ffffff;
	text-align: center;
}
.reward-hldr h6{
	text-transform: uppercase;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #1489c0;
	margin-top: 40px;
}
.reward-hldr .earn{
	font: 17px/20px 'Helvetica', sans-serif;
	color: #929199;
	margin: 0 0 20px 0;
}
.reward-hldr h3{
	font: 48px/52px 'Helvetica', sans-serif;
	color: #000000;
}
.reward-hldr .points{
	text-transform: uppercase;
	font: 14px/18px 'Helvetica', sans-serif;
	color: #000000;
	margin: 10px 0 40px 0;
}
/* END My Rewards */

/* Redeem */
.redeem-hldr{
	min-height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	max-width: 330px;
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
}
.redeem-hldr .e-voch-heading{
	background: #1489c0;
	font: 26px/30px 'Helvetica', sans-serif;
	color: #ffffff;
	margin-bottom: 20px;
	padding: 14px 15px;
	width: 100%;
}
.redeem-hldr .e-voch-cnt{width: 100%;}
.redeem-hldr .shop-btn{
	display: block;
	font: 17px/20px 'Helvetica', sans-serif;
	color: #878787;
	background: #ffffff;
	padding: 19px 15px;
	margin-bottom: 10px;
}
/* END Redeem */

/* Dashboard */
.dashboard-hldr{
	background: #fcfcfc;
	min-height: 100%;
}
.dashboard-hldr .dashboard-header{
	background: #1489c0;
	padding: 20px 30px;
}
.dashboard-hldr .dashboard-header h3{
	text-transform: uppercase;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #ffffff;
}
.dashboard-hldr .dashboard-header p{
	font: 20px/25px 'Helvetica', sans-serif;
	color: #ffffff;
}
.dashboard-hldr .dashboard-info{padding: 20px 30px 25px 30px;}
.dashboard-hldr .dashboard-info h4{
	width: calc(100% - 100px);
	text-transform: uppercase;
	font: 21px/25px 'Helvetica', sans-serif;
	color: #1489c0;
}
.dashboard-hldr .dashboard-info .dashboard-info-cnt{
	background: #c1bcbd;
	padding: 15px 12px;
	text-align: center;
}
.dashboard-hldr .dashboard-info .dashboard-info-cnt h5{
	font: 36px/40px 'Helvetica', sans-serif;
	color: #1489c0;
}
.dashboard-hldr .dashboard-info .dashboard-info-cnt p{
	text-transform: uppercase;
	font: 18px/22px 'Helvetica', sans-serif;
	color: #606060;
}
.dashboard-hldr .dashboard-table{padding: 20px 30px;}
.dashboard-hldr .dashboard-table h6{
	text-transform: uppercase;
	font: 20px/25px 'Helvetica', sans-serif;
	color: #606060;
}
.dashboard-hldr .primary-table-hldr{overflow: auto;}
/* END Dashboard */

/* Promo List */
.promo-logo{
	width: 180px;
	margin: 80px auto 30px auto;
}
.promo-logo img{display: block;}
.promo-lst{
	width: 285px;
	margin: 0 auto;
}
.promo-lst .promo-ech-hldr{margin-bottom: 10px;}
.promo-lst .promo-ech{position: relative;}
.promo-lst .promo-ech-hldr .par-btn{
	display: block;
	padding: 9px 10px;
    background: #333333;
    text-align: center;
    font: 17px/21px 'HelveticaNeue-Medium', sans-serif;
    color: #ffffff;
    margin-top: 5px;
}
.promo-lst .promo-ech-hldr p.par-btn{margin: 0;}
.promo-lst .promo-ech .link-btn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.promo-lst .promo-ech .img-hldr{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	background: #eaeaea;
	height: 155px;
}
.promo-lst .promo-ech .img-hldr img{
	position: relative;
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.promo-lst .offer{
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #ffffff;
	border-radius: 3px;
	font: 10px/18px 'HelveticaNeue-Medium', sans-serif;
	background: #00a651;
	text-align: center;
	padding: 0 6px;
}
.promo-lst .no-offer{
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #ffffff;
	border-radius: 3px;
	font: 10px/18px 'HelveticaNeue-Medium', sans-serif;
	background: #ff0000;
	text-align: center;
	padding: 0 6px;
}
.promo-lst .promo-ech h6{
	padding: 9px 10px;
	background: #333333;
	text-align: center;
	font: 17px/21px 'HelveticaNeue-Medium', sans-serif;
	color: #ffffff;
}
/* END Promo List */

/* Offers */
.offers-hldr{
	width: 90%;
	max-width: 400px;
	margin: 25px auto;
}
.offers-hldr .offers-cnt .offers-ech{
	margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #eaeaea;
}
.offers-hldr .offers-cnt .offers-ech:last-child{
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.offers-hldr .img-hldr{
	border-radius: 10px;
	background: #eaeaea;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	height: 290px;
	margin-top: 30px;
}
.offers-hldr .img-hldr img{
	display: block;
	max-width: 90%;
	max-height: 90%;
}
.offers-hldr .offer-info{width: calc(100% - 100px);}
.offers-hldr .offer-info h6{
	font: 18px/25px 'HelveticaNeue', sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
}
.offers-hldr .offer-info p{
	font: 13px/17px 'HelveticaNeue', sans-serif;
	color: #ffffff;
}
/* END Offers */

/* Jbod */
.jbod-hldr{
	width: 90%;
	min-height: 100%;
	max-width: 360px;
	margin: 0 auto;
	padding: 40px 0 20px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
}
.jbod-hldr .title{
	background: #1489c0;
	text-align: center;
	margin-bottom: 10px;
	font: 18px/22px 'HelveticaNeue', sans-serif;
	color: #ffffff;
	padding: 8px 10px;
}
.jbod-hldr .jbod-input{
	width: 100%;
	display: block;
	background: #ffffff;
	font: 19px/50px 'Helvetica', sans-serif;
	color: #929199;
	text-align: center;
	padding: 0 60px 0 10px;
	margin: 0;
}
.jbod-hldr .jbod-input::placeholder{text-transform: uppercase;}
.upload-submit{margin-top: 50px;}
/* END Jbod */

/* Uploaded List */
ul.uploaded-lst{
	
	margin-top: 10px;
}
ul.uploaded-lst li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
    border-bottom: 1px solid #c4c4c4;
    background: #ffffff;
    margin-bottom:10px;
}
ul.uploaded-lst .file-name{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	font: 16px/20px 'Helvetica', sans-serif;
    color: #929199;
    padding: 5px 20px;
	word-break: break-word;
}
ul.uploaded-lst .remove-file{
	width: 50px;
    padding: 10px 15px;
}
ul.uploaded-lst .remove-file svg{display: block;}
ul.uploaded-lst .remove-file svg path{fill: red;}
/* END Uploaded List */

/* Success Popup */
.success-pop-hldr{
	min-height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
}
.success-pop{
	position: relative;
	width: 90%;
	max-width: 350px;
	margin: 0 auto;
	background: #ffffff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	height: 440px;
	padding: 30px;
}
.success-pop .check-icon{
	position: absolute;
	top: -27.5px;
	left: 50%;
	margin-left: -27.5px;
}
.success-pop .check-icon svg{display: block;}
.success-pop h6{
	font: 20px/30px 'Helvetica', sans-serif;
	color: #000000;
	margin-bottom: 60px;
}
.success-pop .primary-btn{padding: 8px 30px;}
/* END Success Popup */

/* Thank You Popup */
.thankyou-pop-hldr{
	min-height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
}
.thankyou-pop{
	position: relative;
	width: 90%;
	max-width: 330px;
	margin: 0 auto;
	background: #ffffff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	height: 330px;
	padding: 30px 47px;
}
.thankyou-pop-hldr h5{
	text-transform: uppercase;
	text-align: center;
	font: 38px/50px 'Helvetica', sans-serif;
	color: #ffffff;
	letter-spacing: 3px;
	margin-bottom: 25px;
}
.thankyou-pop h6{
	font: 18px/30px 'Helvetica', sans-serif;
	color: #000000;
	margin-bottom: 45px;
}
.thankyou-pop .primary-btn{padding: 8px 30px;}
/* END Thank You Popup */

/* Success Popup */
.redeem-pop-hldr{
	min-height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
}
.redeem-pop{
	position: relative;
	width: 90%;
	max-width: 290px;
	margin: 0 auto;
	background: #ffffff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	height: 360px;
	padding: 30px 55px;
	border-bottom: 10px solid #1489c0;
}
.redeem-pop .check-icon{
	position: absolute;
	top: -27.5px;
	left: 50%;
	margin-left: -27.5px;
}
.redeem-pop .check-icon svg{display: block;}
.redeem-pop h6{
	font: 20px/30px 'Helvetica', sans-serif;
	color: #000000;
}
/* END Success Popup */

.reg-form .chk-cnt label{color: #58595b;}
.jbod-hldr .qty-hldr{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #c4c4c4;
	width: 80px;
	min-height: 50px;
	transition: all 0.3s;
}
.qty-hldr{
	width:105px !important;
}
.jbod-hldr .qty-hldr .jbod-input{padding: 0;}
.jbod-hldr .qty-hldr .ui-spinner-up{
	position: absolute;
	top: 0;
	right: 0;
	/*border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;*/
	width: 25px;
	height: 100%;
	cursor: pointer;
	/*background: #f2f2f2;*/
	background: #1489c0;
}
.jbod-hldr .qty-hldr .ui-spinner-up:after{
	content: '+';
	display: block;
	width: 100%;
	height: 100%;
	/*color: #606060;*/
	color: #ffffff;
	text-indent: 0;
	font-size: 17px;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	top: 0;
	line-height: 50px;
}
.jbod-hldr .qty-hldr .ui-spinner-down{
	position: absolute;
	top: 0;
	left: 0;
	/*border-right: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;*/
	width: 25px;
	height: 100%;
	cursor: pointer;
	/*background: #f2f2f2;*/
	background: #1489c0;
}
.jbod-hldr .qty-hldr .ui-spinner-down:after{
	content: '-';
	display: block;
	width: 100%;
	height: 100%;
	/*color: #606060;*/
	color: #ffffff;
	text-indent: 0;
	font-size: 17px;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	top: 0;
	line-height: 50px;
}

.spinner-master2 *{transition:all 0.3s;box-sizing:border-box;}
.spinner-master2{position:relative;margin:0px auto;height:100px;width:75px;}
.spinner-master2 input[type=checkbox]{display:none;}
.spinner-master2 label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:0;left:0;padding: 40px 20px 0 20px;}
.spinner-master2 .spinner2{position:absolute;height:3px;width:100%;background-color:#717171;}
.spinner-master2 .diagonal.part-1{position:relative;float:left;}
.spinner-master2 .horizontal{position:relative;float:left;margin-top:7px;}
.spinner-master2 .diagonal.part-2{position:relative;float:left;margin-top:6px;}
.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .horizontal{opacity:0;}
.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-1{transform:rotate(135deg);margin-top:10px;}
.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-2{transform:rotate(-135deg);margin-top:-12px;}


.user-info{
	text-align: center;
	margin-bottom: 50px;
}
.user-info h4{
	font: 18px/25px 'HelveticaNeue', sans-serif;
    color: #ffffff;
    margin-bottom: 10px;
}
.user-info p{
	font: 13px/17px 'HelveticaNeue', sans-serif;
    color: #ffffff;
}

/*Loader*/
.loader{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0.9;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}
.loader .circular{
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.loader .path{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
	stroke: #14b99d;
}
.loader.login-loader .path{stroke: #14b99d;}

/* Loader */
@-webkit-keyframes rotate {
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

#fil{
	    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.span3{
	width:15px;
	cursor:pointer;
}

/* 07-04-2020 */
.logo-hldr{margin-bottom: 100px;}
/* One pluse 6 T */
@media only screen and (-webkit-min-device-pixel-ratio: 2.625),
  only screen and (   min--moz-device-pixel-ratio: 2.625),
  only screen and (     -o-min-device-pixel-ratio: 2.625/1),
  only screen and (        min-device-pixel-ratio: 2.625),
  only screen and (                min-resolution: 402dpi),
  only screen and (                min-resolution: 2.625dppx) { 
    .login-container .rem-for-hldr{width: 85%;}
}
/* END One pluse 6 T */
/* END 07-04-2020 */




/* 05-04-2021 */
.main-select{margin-bottom: 25px;}
.main-select .main-select-hldr{position: relative;}
.main-select .main-select-info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border: 1px solid #BFBFBF;
    background: #E2E2E2;
}
.main-select .main-select-info p{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	font: 17px/22px 'Helvetica', sans-serif;
    color: #58595B;
    padding: 10px 15px;
}
.main-select .main-select-info .selected-info{display: none;}
.main-select .main-select-info .drop-arrow{
	width: 45px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
	padding-top: 18px;
	border-left: 1px solid #BFBFBF;
}
.main-select .main-select-info .drop-arrow img{
	display: block;
	width: 15px;
}
.main-select .other-section{
	display: none;
	margin-top: 10px;
}
.main-select .other-section label{
	font: 14px/21px 'Helvetica', sans-serif;
    font-weight: bold;
    color: #58595b;
}
.main-select .other-section .other-input{
	border: 1px solid #BFBFBF;
    background: #E2E2E2;
    display: block;
    width: 100%;
    font: 17px/22px 'Helvetica', sans-serif;
    color: #58595B;
    padding: 10px 15px;
}
.main-select .drop-down{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	border: 1px solid #BFBFBF;
	border-top: none;
	background: #f4f4f4;
	z-index: 1;
	height: 250px;
    overflow: auto;
}
.main-select .drop-down .drop-list li{
	border-bottom: 1px solid #BFBFBF;
}
.main-select .drop-down .drop-list li:last-child{border: none;}
.main-select .drop-down .drop-list li label{
	padding: 10px 15px;
	font: 17px/22px 'Helvetica', sans-serif;
    color: #58595B;
}
.main-select .drop-down .drop-list p{
	font: 17px/22px 'Helvetica', sans-serif;
	padding: 10px 15px;
    color: #58595B;
}

/* Radio */
.radio-hldr{position: relative;}
.radio-hldr label{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font: 17px/22px 'Helvetica', sans-serif;
	color: #58595B;
	cursor: pointer;
	transition: all 0.3s;
}
.radio-hldr input:checked + label{
	border-color: #1C8DFF;
}
.radio-hldr input{
	display: none;
	margin: 0;
    width: 25px;
    height: 25px;
}
.radio-hldr label:before{
	content: '\00a0';
	display: inline-block;
	min-width: 16px;
	width: 16px;
	height: 16px;
	border-radius: 50px;
	background: #ffffff;
	border: 1px solid #bebebe;
	text-align: center;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 2px;
    transition: all 0.3s;
}
.radio-hldr input + label:after{
	content: '';
	display: block;
	position: absolute;
	top: 16px;
    left: 19px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
	background-color: transparent;
	transition: all 0.3s;
}
.radio-hldr input:checked + label:after{
	background: #333333;
	transition: all 0.3s;
}
/* END Radio */
/* END 05-04-2021 */

/* Start 12-04-2022 */
.enrolled{
	float: right;
    width: 15px;
    height: 15px;
    background: url(../images/enrolled.svg) no-repeat;
    margin-top: 5px;
    position: relative;
}
.enroll{
	float: right;
    width: 15px;
    height: 15px;
    background: url(../images/enroll.svg) no-repeat;
    margin-top: 5px;
    position: relative;
}
/* End 12-04-2022 */