html{overflow-x:hidden;}
body {
	font-family: 'Quicksand', sans-serif;
	overflow-x:hidden;
	font-weight:400;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}

.header{background:#e40139; padding:15px 0px; float:left; width:100%;}
.headerleft{float:left; display:inline-block;}
.headerright{float:right; display:inline-block; margin-top:10px;}
.headerright ul{padding:0px; margin:0px;}
.headerright li{float:left; list-style:none; margin-left:22px;}
.headerright li span{padding-right:10px;}
.headerright li span .fa{color:#fff; font-size:18px;}
.headerright li a{font-size:15px; color:#fff; text-transform:uppercase; font-weight:700;}
.headerright li a:hover{color:#07111b;}

.homebanner{float:left; width:100%; background:#07111b;min-height: 760px;}
.homebanner-img{float:left; width:57%;}
.homebanner-img img{width:100%;}
.homebanner-content{float:left; width:43%; padding:5% 85px 0 85px;}
.homebanner-content h2{color:#e40139; font-size:25px; text-transform:uppercase; font-weight:700; margin:35px 0 25px 0px;}
.homebanner-content p{color:#fff; font-size:15px; line-height:21px; text-align:justify;}

.footer{background:#e40139; padding:15px 0px; float:left; width:100%;}
.footerleft{float:left; display:inline-block;}
.footerleft span{font-size:14px; font-weight:700; text-transform:uppercase; padding:0px 17px; color:#fff;}
.footerleft a{color:#fff; font-size:17px; margin-right:10px;}
.footerleft a:hover{color:#07111b;}
.footerright{float:right; display:inline-block; margin-top:10px;}
.footerright ul{padding:0px; margin:0px;}
.footerright li{float:left; list-style:none; margin-left:25px;}
.footerright li a{font-size:14px; color:#fff; text-transform:uppercase; font-weight:700;}
.footerright li a:hover{color:#07111b;}

.navbar{padding:10px 0px;}
.navbar-nav li{padding-right:15px;}
.navbar-nav li a{font-size:15px; color:#fff; text-transform:uppercase; font-weight:700;}
.navbar-nav li a:hover{color:#07111b;}

.headerrightinner{float:right; display:inline-block; margin-top:13px;}
.headerrightinner ul{padding:0px; margin:0px;}
.headerrightinner li{float:left; padding-left:15px; font-size:15px; color:#fff; text-transform:uppercase; font-weight:700; list-style:none; position:relative;}
.headerrightinner li a{font-size:14px; color:#fff; font-weight:700;}
.headerrightinner li a:hover{color:#07111b;}
.pts{padding-left:15px;}
.notif-icon a{font-size:18px!important;}
.notif-icon span{color:#fff; font-size:8px; width:15px; height:15px; line-height:15px; text-align:center; background:#000; border-radius:50%; position:absolute; top:-7px; right:-7px;}
.headerrightinner .dropdown-toggle::after{display:none;}
.headerrightinner .dropdown-menu{width:460px; left:inherit; right:-50px; transform: translate3d(-428px, 23px, 0px)!important; padding:0px; overflow:hidden;}
.headerrightinner .dropdown-menu h3{color:#07111b; font-size:20px; padding:20px 25px; margin:0px; font-weight:300; text-transform:capitalize;}

.notifrow{background:#f3fbff; padding:15px; border-top:solid 1px #ebf5f8; float:left; width:100%;}
.notifrow span, .ballicon{background:#e40139; height:38px; width:38px; line-height:38px; text-align:center; border-radius:50%; color:#fff; margin-right:10px; float:left; position:inherit; right:0px; top:0px; font-size:18px; padding:10px 0px;}
.notifrow-mid{float:left; width:70%;}
.notifrow-mid h5{color:#364147; font-size:14px; font-weight:300; margin:0 0 5px 0px; text-transform:capitalize;}
.notifrow-mid h5 a{color:#e40139; font-size:14px!important; font-weight:300;}
.notifrow-mid h5 a:hover{color:#e40139; text-decoration:underline;}
.notifrow-mid h6{color:#e40139; font-size:14px; font-weight:300; margin:0px;}


.notipage{ border-top:solid 1px #ebf5f8; float:left; width:100%;}
.notipage span, .ballicon{background:#e40139; height:38px; width:38px; line-height:38px; text-align:center; border-radius:50%; color:#fff; margin-right:10px; float:left; position:inherit; right:0px; top:0px; font-size:18px; padding:10px 0px;}
.notipage-mid{float:left; width:70%;}
.notipage-mid h5{color:#364147; font-size:14px; font-weight:300; margin:0 0 5px 0px; text-transform:capitalize;}
.notipage-mid h5 a{color:#e40139; font-size:14px!important; font-weight:300;}
.notipage-mid h5 a:hover{color:#e40139; text-decoration:underline;}
.notipage-mid h6{color:#e40139; font-size:14px; font-weight:300; margin:0px;}


.deletebtn{background:#ffdce5; height:38px; width:38px; line-height:38px; text-align:center; border-radius:50%; color:#000!important; margin-right:10px; float:right; position:inherit; right:0px; top:0px; font-size:18px; padding:10px 0px;}

.pointhistory-bg{float:left; width:100%; min-height:100vh; padding:95px 0px; background:#000;}

.pointhistory-bg .card{border:none; background:none;}
.pointhistory-bg .card-header{padding:0px;}
.pointhistory-bg .nav-tabs .nav-link{border:none; color:#e40139; font-size:18px; font-weight:700; padding:0px;}
.pointhistory-bg .nav-tabs .nav-item{padding-right:25px;}
.pointhistory-bg .card-header-tabs{margin:0px;}
.pointhistory-bg .nav-tabs .nav-link.active, .pointhistory-bg .nav-tabs .nav-item.show .nav-link{background:none; color:#fff;}
.pointhistory-bg table tr th{color:#fff; font-size:16px; text-transform:uppercase; background:#e40139; border:none; font-weight:400;}
.pointhistory-bg table tr td{color:#060606; font-size:15px; border:none; font-weight:500;}
.pointhistory-bg table tr{background:#eaeaea;}
.table-striped tbody tr:nth-of-type(odd){background:#f9f9f9;}

.notifications h1{color:#fff; text-transform:uppercase; font-size:25px; font-weight:500; margin:0px; background:#e40139; padding:15px 25px;}
.notifications ul{padding:0px; margin:0px;}
.notifications li{background:#f5f7f8; list-style:none; padding:10px 20px; float:left; width:100%;}
.notifications li:nth-of-type(odd){background:#f9f9f9; background:#fff;}
.notitext{color:#364147; font-size:20px; font-weight:300; float:left; width:70%; margin-top:5px;}
.notitext a{color:#e40139;}
.notitext a:hover{color:#364147;}
.notidate{color:#e40139; font-size:20px; font-weight:300; float:right; margin:5px 20px 0 0px;}

.req-cardupgrade-bg h1{color:#fff; text-transform:uppercase; font-size:25px; font-weight:700; margin:0 0 80px 0px;}
.req-cardupgrade-label{width:30%; color:#fff; font-size:18px; font-weight:700; display:inline-block; vertical-align:top; padding-top:8%;}
.req-cardupgrade-form{width:68%; display:inline-block;}
.cardupgrade-textarea{background:#fff; outline:none; border:none; border-radius:3px; padding:15px; color:#717171; height:145px; font-size:14px; width:100%; margin-bottom:25px;}
.btnsty1{border-radius:3px; border:none; display:inline-block; padding:12px 18px; color:#fff; font-size:18px; font-weight:700; background:#e40139;}
.btnsty1:hover{background:#fff; color:#000;}

.updatepro h1{color:#fff; text-transform:uppercase; font-size:25px; font-weight:700; margin:0px;}
.updatepro h2{color:#e40139; text-transform:uppercase; font-size:20px; font-weight:700; margin:10px 0 20px 0px;}


.updatepro-from .form-group{margin:10px 0px;}
.updatepro-from .form-group label{color:#fff; font-size:15px; font-weight:400; width:100%;}
.radiobtn{color:#fff; font-size:15px; padding-right:15px;}
.updatepro-from .form-control{font-size:15px; color:#000; padding:0px 15px; height:44px; border:none; background:#fff; border-radius:3px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0);}
.updatepro-from .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.updatepro-from .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.updatepro-from .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.updatepro-from .form-control:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.verify-customer-bg h1{color:#fff; text-transform:uppercase; font-size:25px; font-weight:700; margin:0 0 32px 0px;}

.verify-customer-box{background:#07111b; min-height:465px; padding:35px; text-align:center; width: 100%; float: left;}
.verify-customer-box h2{color:#e40139; font-size:20px; text-transform:uppercase; font-weight:700; margin:0 0 20px 0px;}

.verify-customer-ortext{color:#fff; font-size:20px; font-weight:700; text-transform:uppercase; margin:0px; text-align:center; transform: translate(-50%, -50%); left:50%; top:50%; position:absolute;}

.authenticationform label{color:#fff; font-size:15px; font-weight:700; display:block; text-align:left;}
.authenticationform input{width:100%; border:none; outline:none; height:44px; background:#fff; border-radius:3px; padding:0px 17px; font-weight:700; color:#000;}

.yourcardbg h2{color:#e40139; font-size:20px; text-transform:uppercase; margin:0 0 20px 0px; font-weight:700;}

.barcodebox{display:inline-block;}
.barcodebox p{color:#fff; font-size:16px; font-weight:700; margin-bottom:5px;}
.barcodebox p label{width:50%; margin:0px;}
.barcodebox span{color:#e40139; font-size:16px;}
.yourcard img{width:100%;}


.updatepro-from .custom-file-input {
	display: inline-block;
	position: relative;
	color: #533e00;
	opacity: 1;
	width:190px!important;
	vertical-align:top;
}
.updatepro-from .custom-file-input input {
	visibility: hidden;
	width: 100px
}
.updatepro-from .custom-file-input:before {
	content: 'Choose File';
	display: block;
	background:#e40139;
	border: none;
	border-radius: 3px;
	padding: 12px 0px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 700;
	font-size:18px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
}
.updatepro-from .custom-file-input:hover:before {
	border-color: #cc0000;
}
.updatepro-from .custom-file-input:active:before {
	background: #cc0000;
}

.gallery{float:left; width:100%;}
.gallery h1{color:#fff; text-transform:uppercase; font-size:25px; font-weight:700; margin:0 0 30px 0px; text-align:center;}
.galleryimg{margin-bottom:30px;}
.galleryimg img{width:100%;}

.loginform{padding:0px 40px;}
.loginform h1{text-align:center; color:#fff; font-size:25px; text-transform:uppercase; margin:0 0 60px 0px;}

.terms{float:left; width:100%;}
.terms ul{padding:0px; margin:0px;}
.terms li{background:url(../images/terms-listicon.png) no-repeat left 7px; padding:5px 0 5px 45px; color:#fff; font-size:16px; list-style:none;}

.compensate-for-scrollbar{margin-right:0px!important;}

.box{display:none;}
.box p{color:#fff; margin:10px 0 0 0px;}
.box p a{color:#fff; text-decoration:underline; text-transform:capitalize;}
.box p a:hover{color:#fff; text-decoration:none;}

/*020620*/

.dropnavinfo{float: left; padding-top: 5px;}
.btninfoss{background-color:#E40139;border-color:#E40139;color:#fff; outline: none!important; font-family: 'Quicksand', sans-serif!important; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 700; padding: 7px 0px!important; box-shadow: none!important;}
.righttophead{float: right; display: inline-flex;}
.dropnavinfo ul.dropdown-menu.dropshowss.show {
    background: #c30b38;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border: none;
}
.dropnavinfo ul.dropdown-menu.dropshowss.show li {
    background: #c30b38;
    border-bottom: solid 1px #ff3636;
    font-size: 14px;
    padding: 10px 9px;
}
.dropnavinfo ul.dropdown-menu.dropshowss.show li:hover {
    background: #e40139;    
}
.dropnavinfo ul.dropdown-menu.dropshowss.show li a {   
    font-size: 14px;
    padding: 10px 9px;
    color: #fff;
    font-weight: 500;
}

.paginginfo{width: 100%; padding: 0px 15px; float: left;}
.pagination {border-radius: 0px!important; float: right;}
.page-item.disabled .page-link {color: #fff!important; background: none!important; border-color: #fff!important;}
.page-link {margin-left: 8px; color: #fff!important; background: none!important; border: 1px solid #dee2e6;}
.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important;}
.page-item:last-child .page-link {border-top-right-radius: 0rem!important; border-bottom-right-radius: 0rem!important;}
.page-item.active .page-link { z-index: 1; color: #fff!important; background-color: #e40139!important; border-color: #e40139;}


.pro-img {display: contents;}
.pro-img .custom-file-input {
	display: inline-block;
	position: relative;
	color: #533e00;
	opacity: 1;
	width:190px!important;
	vertical-align:top;
}
.pro-img .custom-file-input input {
	visibility: hidden;
	width: 100px
}
.pro-img .custom-file-input:before {
	content: 'Profile Image';
	display: block;
	background:#e40139;
	border: none;
	border-radius: 3px;
	padding: 12px 0px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 700;
	font-size:18px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
}
.pro-img .custom-file-input:hover:before {
	border-color: #cc0000;
}
.pro-img .custom-file-input:active:before {
	background: #cc0000;
}


.logininfomain{float:left; width:100%; background:#07111b;}

.loginform .alert-danger {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; font-size: 12px!important; padding: 5px 15px!important;}


/*040620*/

.padspace{padding-top: 0%!important;}
.padselectss{margin-bottom: 40px!important;}

/*060620*/

.qrPreviewVideo {width: 100%!important; float: left;}
.footerfixright{    
    text-align: center;    
    position: fixed;
    right: 10px;
    bottom: 10px;
    }
.earndiv{width: auto; float: right;  margin-top: -45px;}
.textshowinfo{width: auto; float: left; text-transform: uppercase; font-weight: 600; font-size: 14px; color: #fff; background: #e40139; border-radius: 10px; padding: 5px 10px;}
.arrowshow{float: left;}

.chatmsgdiv{width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 18px;
    background: #f92257;        
    border-radius: 50%;
    float: right;
}
.colorchat{font-size: 25px; color: #fff;}

.bdayinfo{width: 100%; float: left;}
.bidimg{width: 100%; margin-bottom: 20px; float: left;}
.bdayinfo h2{width: 100%; font-size: 28px; color: #e40139; text-align: center; text-transform: uppercase; float: left;}
.bdayinfo p{width: 100%; float: left; text-align: center; font-size: 15px; color: #666; font-weight: 500;}
.close{border: none!important; outline: none!important;}







@media only screen and (min-width: 960px) and (max-width: 1170px) {
.homebanner-content{padding:25px;}
.homebanner-content img{width:150px;}
.navbar-nav li a{font-size:12px;}
.updatepro-from .form-control{padding:0px 5px;}
.verify-custoul.dropdown-menu.dropshowss.show {
    background: #ddd;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}
mer-box img{max-width:100%;}

/*020620*/

.homebanner {min-height: auto;}


}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.homebanner-img{width:100%;}
.homebanner-content{width:100%; padding:25px 15px;}
.navbar{text-align:center; width:100%;}
.navbar-nav li{float:none; display:inline-block; padding:0px 9px;}
.navbar-nav li a{font-size:11px;}
.notitext{width:62%;}
.verify-customer-ortext{width:100%; padding:25px 0px; position:inherit;}
.headerright li{margin-left:8px;}

/*020620*/
.headerright li a {font-size: 13px;}
.headerleft {float: left;}
.righttophead {float: right; padding-right: 15px;}
.scanqr img {width: 100%;}
.verify-customer-box {min-height: auto;}


}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.headerleft{width:100%; text-align:center;}
.headerright{width:100%; text-align:center;}
.headerright li{float:none; display:inline-block; margin:0px 5px;}
.homebanner-img{width:100%;}
.homebanner-content{width:100%; padding:25px 15px;}
.footerleft, .footerright{width:100%; text-align:center;}
.footerright li{float:none; display:inline-block; margin:0px 5px;}
.navbar-light .navbar-toggler{background:#fff;}
.navbar{display:block; float:left; width:100%; text-align:right;}
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.headerrightinner li{float:none; display:inline-block; margin:0px 5px;}
.headerrightinner .dropdown-menu{width:400px; left: -65px!important; transform: translate3d(-300px, 23px, 0px)!important;}
.loginform h1{margin-bottom:20px;}
.verify-customer-ortext{width:100%; padding:25px 0px; position:inherit;}
.yourcard{margin-top:20px;}


/*020620*/

.righttophead {float: right; width: 100%;}
.headerrightinner{width: auto; text-align: center; border-top: none; padding-top: 10px;  margin-top: 5px;}
.scanqr img {width: 100%;}

/*030620*/
video.qrPreviewVideo {width: 100%;}
.verify-customer-box {min-height: auto;}
.footerfixright {right: 10px; bottom: 45px;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.headerleft{width:100%; text-align:center;}
.headerright{width:100%; text-align:center;}
.headerright li{float:none; display:inline-block; margin:0px 5px;}
.homebanner-img{width:100%;}
.homebanner-content{width:100%; padding:25px 15px;}
.footerleft, .footerright{width:100%; text-align:center;}
.footerright li{float:none; display:inline-block; margin:0px 5px;}
.navbar-light .navbar-toggler{background:#fff;}
.navbar{display:block; float:left; width:100%; text-align:right;}
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.headerrightinner li{float:none; display:inline-block; margin:0px 5px;}
.headerrightinner .dropdown-menu{width:400px; left: -65px!important; transform: translate3d(-300px, 23px, 0px)!important;}
.pointhistory-bg .tab-content > .tab-pane{overflow-x:scroll;}
.loginform h1{margin-bottom:20px;}
.verify-customer-ortext{width:100%; padding:25px 0px; position:inherit;}
.yourcard{margin-top:20px;}
.headerright li a{font-size:12px;}

/*020620*/

.righttophead {float: right; width: 100%;}
.headerrightinner{width: auto; text-align: center; border-top: none; padding-top: 10px;  margin-top: 5px;}
.scanqr img {width: 100%;}

/*030620*/
video.qrPreviewVideo {width: 100%;}

/*040620*/
.padspace{width: 100%!important;}
.padselectss {margin: 0px 0px 15px!important; width: 100%!important;}
.req-cardupgrade-form {width: 100%;}
.verify-customer-box {min-height: auto;}

.bidimg img{width: 80%; margin:0px auto; display: table;}
.footerfixright {right: 10px; bottom: 45px;}


}
@media only screen and (max-width: 479px) {
.headerleft{width:100%; text-align:center;}
.headerright{width:100%; text-align:center;}
.headerright li{float:none; display:inline-block; margin:5px;}
.homebanner-img{width:100%;}
.homebanner-content{width:100%; padding:25px 15px;}
.footerleft, .footerright{width:100%; text-align:center;}
.footerright li{float:none; display:inline-block; margin:0px 5px;}
.navbar-light .navbar-toggler{background:#fff;}
.navbar{display:block; float:left; width:100%; text-align:right;}
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.headerrightinner li{float:none; display:inline-block; margin:0px 5px;}
.headerrightinner .dropdown-menu{width:275px; transform: translate3d(-236px, 23px, 0px)!important;}
.updatepro-from .custom-file-input{margin-bottom:40px;}
.pointhistory-bg .tab-content > .tab-pane{overflow-x:scroll;}
.loginform h1{margin-bottom:20px;}
.notitext{width:75%; margin-bottom:15px;}
.verify-customer-box img{max-width:100%;}
.verify-customer-ortext{width:100%; padding:25px 0px; position:inherit;}
.yourcard{margin-top:20px;}

/*020620*/

.righttophead {float: right; width: 100%;}
.headerrightinner{width: auto; text-align: center; border-top: none; padding-top: 10px;  margin-top: 5px;}
.notifrow-mid {float: left; width: 60%;}
.notifrow-mid h5 {font-size: 12px;}
.notifrow-mid h5 a {font-size: 12px!important;}
.notifrow-mid h6 {font-size: 11px;}
.scanqr img {width: 100%;}

/*030620*/
video.qrPreviewVideo {width: 100%;}
.btnsty1 {padding: 12px 5px; font-size: 13px; width: 100%; text-align: center; margin: 5px 0px;}

/*040620*/
.padspace{width: 100%!important;}
.padselectss {margin: 0px 0px 15px!important; width: 100%!important;}
.req-cardupgrade-form {width: 100%;}

.verify-customer-box {min-height: auto;}
.bidimg img{width: 80%; margin:0px auto; display: table;}

.bdayinfo{width: 100%; float: left;}
.bidimg{width: 100%; margin-bottom: 20px; float: left;}
.bdayinfo h2{width: 100%; font-size: 28px; color: #e40139; text-align: center; text-transform: uppercase; float: left;}
.bdayinfo p{width: 100%; float: left; text-align: center; font-size: 15px; color: #666; font-weight: 500;}
.close{border: none!important; outline: none!important;}

.bidimg img{width: 80%; margin:0px auto; display: table;}
.footerfixright {right: 2px; bottom: 65px;}
}


.dropdown-menu{background-color:#e40139; padding:0px; margin:0px;}
.dropdown-menu li{padding:0px;}
@media only screen and (max-width: 767px) {
.navbar-nav .dropdown-menu{display:none;}
.navbar-nav .dropdown-menu.show{display:block;}
}