@font-face {
    font-family: "Bitter";
    src:
      url("./../fonts/Bitter-Light.ttf") format("truetype");
      font-weight: 400;
  }

  @font-face {
    font-family: "Bitter";
    src:
      url("./../fonts/") format("embedded-opentype"),
      url("./../fonts/Bitter-SemiBold.ttf") format("truetype");
      font-weight: 600;
  }

  @font-face {
    font-family: "Bitter";
    src:
      url("./../fonts/") format("embedded-opentype"),
      url("./../fonts/Bitter-Bold.ttf") format("truetype");
      font-weight: 700;
  }

  

body{
	font-family: "Bitter", "Helvetica Neue",Arial,"Noto Sans",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	padding-bottom:0 !important;
}
main {
    min-height: 500px;
}
.container-fluid{
	background:#F2F2F2;
	padding-left:0px;
	padding-right:0px;
}
.row {
  margin-left: 0;
  margin-right: 0;
}		
.navbar {
    border-top: 5px solid #a97cca;
	border-bottom: 1px solid #C4C4C4;
	font-size:18px;
	margin-bottom: 20px;
}
.logo {
    border-right: 1px solid #c4c4c4;
    padding-right: 20px;
    max-width: 200px;
}
.slogan{
    font-size: 20px;
    color: #a97cca;
    font-weight: 600;
}
.show-neighbors {
	overflow: hidden;
}
.login-nav {
    background: #a97cca;
    padding: 19px;
    margin-top: -18px;
    margin-bottom: -18px;
}
a.nav-link {
    color: #000;
}
.login-nav a{
	color: #fff;
}
.reg-nav {
    margin-right: 20px;
}
.reg-nav a{
	color: #a97cca;
}
.nav-item.active a.nav-link{
	color: #a97cca;
	font-weight: 600;
}
.navbar-nav .nav-link {
    white-space: nowrap;
}
.lang {
    color: #a97cca;
    font-weight: 600;
    margin-left: 30px;
}
.lang:hover {
    color: #a97cca;
    text-decoration:none;
}
.dropdown-menu {
    min-width: 100px;
}
.white-links{
	color:#fff;
	text-decoration:underline;
}
.white-links:hover{
	color:#fff;
	text-decoration:none;
}
/* ------- Slider --------*/
.show-neighbors .item__third:first-child,
.show-neighbors .item__third:last-child {
	display: none;
}
.carousel-caption.img-title{
	width: 130px;
	height: 30px;
	background: #a97cca;
	border-radius: 25px;
	padding:0;
	color:#fff;
	left: 10%;
	bottom: 40px;
}
.img-title a{
	line-height: 30px;
	text-align: center;	
	color:#fff;
    font-weight: 600;
}
.img-title a:hover{
	text-decoration:none;
}
	
@media (min-width: 500px) {
	.show-neighbors .carousel-indicators {
		margin-right: 25%;
		margin-left: 25%;
	}
	.show-neighbors .carousel-control-prev,
	.show-neighbors .carousel-control-next {
		background: rgba(0, 0, 0, 0.7);
		width: 5%;
		z-index: 11;
		/* .carousel-caption has z-index 10 */
	}
	.show-neighbors .carousel-inner {
		width: 150%;
		left: -25%;
	}
	.show-neighbors .carousel-item-next:not(.carousel-item-left),
	.show-neighbors .carousel-item-right.active {
		-webkit-transform: translate3d(33%, 0, 0);
		transform: translate3d(33%, 0, 0);
	}
		.show-neighbors .carousel-item-prev:not(.carousel-item-right),
		.show-neighbors .carousel-item-left.active {
		-webkit-transform: translate3d(-33%, 0, 0);
		transform: translate3d(-33%, 0, 0);
	}
	.show-neighbors .item__third {
		display: block !important;
		float: left;
		position: relative;
		/* captions can now be added */
		width: 33.33333333%;

		border-left: 10px solid #fff;
		border-right: 10px solid #fff;	
	}
}

/* ------- Promo Products --------*/	
.list-promo{
	margin-top:50px;
}
.list-promo .card-img-top {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.list-promo .card-body {
    padding: 0;
}	
.list-promo .card {
    padding-bottom: 40px;
    border: none;
    left: -4px;
}
.list-promo .card.left-col{
	position:absolute;
}
.list-promo .card-title {
    font-size: 13px;
}
.list-promo .card-header {
    border: none;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    background: #F2F2F2;
    border-radius: unset !important;
}
.list-promo .list-group-item {
    border: none;
    text-align: left;
    font-size: 15px;
    padding: 5px;
    background-color: transparent;
    margin-left: 20px;
}		
.list-promo .list-group-item::before {
    content: "\2022";
    color: #a97cca;
    font-weight: bold;
    margin-left: -5px;
    font-size: 25px;
    margin: 11px 0px 0;
    line-height: 0;
    position: absolute;
    left: -15px;
}
.list-promo ul.list-group.category_block {
    padding-left: 15px;
    background: #F2F2F2;
    border-radius: unset;
}
.list-promo li.list-group-item a {
    color: #000;
    text-decoration: none;
    font-family: "Helvetica Neue",Arial,"Noto Sans",sans-serif;
}		
.list-promo .list-group.category_block {
    padding-bottom: 10px;
}		
		
.list-promo .card-title a{
    color: #000;
    text-decoration: none;	
	font-weight: 600;
}		
		
.list-promo .card-action {
    background: #FFFFFF;
    border: 1px solid #a97cca;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 5px 15px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
	width: 180px;
}		

.list-promo .card-action:hover {
	color: #000;
	text-decoration: none;
}	
.list-promo .card-action.buy {
    background: #a97cca;
    color: #FFF;
}
	
.list-promo .card-days {
    color: #a97cca;
    font-size: 13px;
    font-weight: 600;
}		
.list-promo .card-footer {
    background: transparent;
    border: none;
}
.list-promo .card-footer p {
    margin-bottom: 5px;
}
.list-promo .list-days {
    font-weight: 600;
    font-size: 13px;
}
.list-promo .card-bar{
	height: 4px;
	background: #C4C4C4;
	border-radius: 2px;
}

.list-promo .card-bar span{
    height: 4px;
    background: #a97cca;
    display: block;
    border-radius: 2px;
}
.home-page .list-promo .card-body.coupon .top-perc, 
.home-page .list-promo .card-body.voucher .top-perc {
    top: 120px;
}


/* ------- Middle page promo info --------*/
.promo-info .card-img-top {
    width: 300px;
	margin: 0 auto;
}
.promo-info .card {
    width: 400px;
    text-align: center;
    background: transparent;
    border: none;
}
.promo-info h5.card-title {
    font-size: 25px;
    margin-bottom: 30px;
	margin-top: 20px;
}
.promo-info .card-text {
    margin-top: 30px;
	margin-bottom: 30px;
    font-size: 20px;
}
.promo-info .card-body {
    padding: 0;
}
.promo-info .btn {
    background: #a97cca;
    border-radius: 30px;
    color: #fff;
    padding: 5px 50px;
    font-size: 20px;
    text-decoration: none;
	border: none;
    font-weight: 600;
}
.container-fluid.cart-info {
    margin-bottom: 100px;
    padding-bottom: 70px;
}
.cart-info img {
    margin-top: 75px;
    margin-bottom: 30px;
	max-width: inherit;
    width: 100%;
}
.cart-info p.cart-title-l {
    font-size: 20px;
    color: #a97cca;
    font-weight: 600;
}
.cart-info p.cart-title-r {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.cart-info a {
    color: #a97cca;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid #a97cca;
    padding-bottom: 0px;
    font-weight: 600;
}

/* ------- App info --------*/
.app-info {
    padding-bottom: 20px;
}
.app-info h2 {
    text-align: center;
    font-size: 18px !important;
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}
.app-bar {
    margin-right: 20px;
    margin-left: 20px;
	width: 80px;
}
.app-info .app-img-l {
    margin-right: 40px;
}
.app-info .app-img-r {
    margin-left: 40px;
}
.app-info .text-md-right {
    border-right: 1px solid #a97cca;
}
@media (max-width: 768px) {
    
	.app-info .text-center {
		border-right: 0;
	}
	.stuff .benefits .icons .sep {
		border-right: 0 !important;
		margin-bottom: 20px;
	}
	.stuff .options .option-block .sep {
		border-right: 0 !important;
	}
	.discounts-page .card {
		margin-top: 20px !important;
	}
	select#regDate,
	select#regMonth,
	select#yearList,
	select#regGender{
		margin-bottom: 1rem;
	}	
}
/* ----- Join ------*/
.join,
.login,
.forgot,
.account{
	padding-bottom:100px;
}
.join .form-control,
.login .form-control,
.forgot .form-control{
    border: 1px solid #969696;
    box-sizing: border-box;
    border-radius: 15px;
    font-size: 12px;
}
.join h2,
.login h2,
.forgot h2,
.account h2{
    text-align: center;
    font-size: 25px;
    padding-bottom: 30px;
    padding-top: 10px;
}
.join h3 {
    font-size: 15px;
    padding-left: 15px;
}
.account h2{
    font-size: 25px;
    text-align: left;
    font-weight: 600;
}
.account h3 {
    font-size: 15px;
}
.join a,
.login a,
.account a{
	color: #a97cca;
}
.join .btn,
.login .btn,
.forgot .btn,
.account .btn{
	border-radius: 25px;
	color:#fff;
	font-size:12px;
	margin-top:25px;
}
.forgot .btn {
    margin-top: 10px;
}
.join .regbtn,
.login .regbtn,
.forgot .regbtn,
.account .regbtn{
	background: #a97cca;	
    font-weight: 600;
}

.account .upbtn{
	background: #fff;
	color:#000;	
	border:1px solid #a97cca
}
.join .fbbtn,
.login .fbbtn,
.forgot .fbbtn,
.account .fbbtn{
	background: #3B5998;	
}
.login .forgot-link {
    margin-top: -10px;
}
.login .join-link {
    margin-top: 35px;
	font-size:15px;
}
.login .join-link span {
    color: #000000;
}
.forgot .forgot-text,
 .login .forgot-text {
     font-size: 14px;
     margin-bottom: 20px;
 }

 .login .forgot-text {
    display: none;
 }
	
	
/* ----- Category ------*/
.category .card-header{
	background: #fff;
	font-size:25px;
}
.category ul.list-group.category_block {
    padding-top: 10px;
}	
.category .category_block .active a {
    font-weight: 600;
    color: #a97cca;
}
.category .list-group-item::before {
    content: none;
}
.category .list-group-item {
    margin-left: 0px;
}
.category .list-group-item img {
    margin-right: 10px;
    margin-top: -3px;
}

.category_block a {
    background-position: left;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 35px;
	background-size: 23px 23px;
}
.home-page .category_block a {
    padding: 0;
}
#catAll{
	background-image: url("/loyalty/assets/i/ico/all.svg");
}
.active #catAll{
	background-image: url("/loyalty/assets/i/ico/all-selected.svg");
}

#catVouchers{
	background-image: url("/loyalty/assets/i/ico/vouchers.svg");	
}
.active #catVouchers{
	background-image: url("/loyalty/assets/i/ico/vouchers-selected.svg");	
}

#catCoupons{
	background-image: url("/loyalty/assets/i/ico/coupons.svg");	
}
.active #catCoupons{
	background-image: url("/loyalty/assets/i/ico/coupons-selected.svg");	
}

#catMerchandise{
	background-image: url("/loyalty/assets/i/ico/merchandise.svg");	
}
.active #catMerchandise{
	background-image: url("/loyalty/assets/i/ico/merchandise-selected.svg");	
}
.list-group-item+.list-group-item.active {
    margin-top: 0;
    border-top-width: 0;
}


#userProfile{
	background-image: url("/loyalty/assets/i/ico/profile.svg");
}
.active #userProfile{
	background-image: url("/loyalty/assets/i/ico/profile-selected.svg");
}
#userRewards{
	background-image: url("/loyalty/assets/i/ico/rewards.svg");	
}
.active #userRewards{
	background-image: url("/loyalty/assets/i/ico/rewards-selected.svg");	
}
#userTransactions{
	background-image: url("/loyalty/assets/i/ico/transactions.svg");	
}
.active #userTransactions{
	background-image: url("/loyalty/assets/i/ico/transactions-selected.svg");	
}
#userCards{
	background-image: url("/loyalty/assets/i/ico/cards.svg");	
}
.active #userCards{
	background-image: url("/loyalty/assets/i/ico/cards-selected.svg");	
}
#userLogout{
	background-image: url("/loyalty/assets/i/ico/logout.svg");	
}




.list-promo .card-body.coupon,
.list-promo .card-body.voucher {
    padding: 15px;
    margin: 0 20px;
    color: #fff;
}
.list-promo .active .card-body.coupon {
    background: #00B0E1;
}
.list-promo .active .card-body.voucher {
    background: #fa9d36;
}
.list-promo .sold .card-body {
    background: #626262;
}
.list-promo .card-body.coupon .card-title a,
.list-promo .card-body.voucher .card-title a {
    color: #fff;
}
.list-promo .card-body.coupon .card-title,
.list-promo .card-body.voucher .card-title {
    margin-bottom: 0;
    z-index: 1000;
    position: relative;
    margin-top: 25px;
}
.list-promo .card-body.coupon .top-perc,
.list-promo .card-body.voucher .top-perc {
    text-align: center;
    width: 100%;
    margin: -30px auto;
    left: 0;
    z-index: 900;
}
.list-promo .card-body.coupon .top-perc span,
.list-promo .card-body.voucher .top-perc span {
	font-size: 18px;
    border-radius: 50% 50% 0 0;
    padding-top: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.list-promo .active .card-body.coupon .top-perc span {
    background: #00B0E1;
}
.list-promo .active .card-body.voucher .top-perc span {
    background:#fa9d36;
}
.list-promo .sold .card-body .top-perc span {
    background: #626262;
}
.list-promo .sold {
    opacity: 0.5;
}
.list-promo .sold .card-bar span {
    background: #626262;
}
.list-promo .sold .card-action {
    border: 1px solid #626262;
}
.category .bottom-nav{
	text-align:center;
}
.category .pagination {
    display: inline-flex;
}
#categoryItems {
    min-height: 350px;
}
.category .page-link {
    border: none;
}
.cats{
	z-index: 1000;
}




.card-deck {
	margin: 0 -15px;
	/*justify-content: space-between;*/
	text-align:center;
}

.card-deck .card {
	margin: 0 0 1rem;
}

@media (min-width: 480px) and (max-width: 979px) {
	.card-deck .card {
		-ms-flex: 0 0 48.7%;
		flex: 0 0 48.7%;
	}
}

@media (min-width: 980px) and (max-width: 1500px) {
	.card-deck .card {
		-ms-flex: 0 0 48.7%;
		flex: 0 0 48.7%;
	}
}

@media (min-width: 1500px) and (max-width: 1679px) {
	.card-deck .card {
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
	}
}

@media (min-width: 1680px){
	.card-deck .card {
		-ms-flex: 0 0 24%;
		flex: 0 0 24%;
	}
}

@media (min-width: 992px) and (max-width: 1320px) {
	.slogan {
		display:none;
	}
}

@media (max-width: 1160px) {
    footer .container {
        padding-top: 50px;
        max-width: 100%;
      }
	.navbar {
		font-size: 14px;
	}
	.promo-info .card-img-top {
		width: 200px;
	}
	.promo-info h5.card-title {
		font-size: 20px;
	}
	.promo-info .card-text {
		font-size: 15px;
	}
	.promo-info .btn {
		font-size: unset;
	}
	.club-info-block img {
		width: inherit;
	}	
	.promo-info .card {
		width: unset;
		padding-top: 50px;
	}	
}

@media (max-width: 500px) {
	.cart-info img {
		max-width: 100%;
	}	
}
@media (max-width: 992px) {
	.acc-info {
		z-index: 2;
	}	
	.dropdown {
		margin: 10px 0 0 -15px;
		z-index: 1;
	}
	.dropdown-menu.show {
		margin-left: 30px;
		z-index: 10000;
	}
	.navbar-nav {
		float: none !important;
	}
	.login-nav a {
		color: unset;
	}
	.reg-nav a {
		color: unset;
	}	
	.login-nav {
		background: none;
		padding: unset;
		margin-top: unset;
		margin-bottom: unset;
	}
	.acc-type {
		margin-left: -15px;
	}
	#logged.mr-auto{
		padding-left: 0;
		margin-bottom: 10px;
	}
    .club-info-block img {
		width: 100%;
        min-height: auto;
	}
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	@media (min-width: 980px) and (max-width: 1500px){
		.card-deck .card {
			flex: 0 0 33.3%;
		}
	}
	@media (min-width: 992px){
		.list-promo .col-lg-8 {
			flex: 0 0 80%;
			max-width: 80%;
		}
	}
	@media (min-width: 992px){
		.list-promo .offset-lg-1 {
			margin-left: 0;
		}
	}
	@media (min-width: 992px){
		.list-promo .col-lg-2 {
			flex: 0 0 20%;
			max-width: 20%;
		}
	}	
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar button:focus {
    outline: none;
}
.navbar-collapse {
    padding: 10px 0;
    display: grid;
}
.navbar-collapse.show #logged {
    margin-top: 5px;
}

.stuff .works{
	padding-bottom:40px;
}
.stuff .works h1,
.stuff .works h2 {
    font-size: 25px;
    font-weight: 600;
}
.stuff .works h4 {
    font-size: 15px;
    font-weight: 600;
}
.stuff .benefits{
	padding-top:35px;
	padding-bottom:35px;
}
.stuff .benefits h5{
	text-transform:uppercase;
	color:#a97cca;
	font-size:15px;
	font-weight:600;
}
.stuff .benefits h6{
	font-weight:600;
}
.stuff .benefits li,
.stuff .benefits p{
	font-size:15px;
	font-weight:400;
}
.stuff .benefits ul{
	padding-bottom:35px;
	margin: 0;
	padding-left: 20px;
}
.stuff .options{
	padding-top:100px;
	padding-bottom:100px;	
}
.stuff .options h4{
	color:#a97cca;
	font-size:25px;
	font-weight:600;	
}
.stuff .options h5{
	color:#a97cca;
	font-size:25px;
	padding-bottom:25px	
}
.stuff .options .option-block{
	padding-top:35px
}
.stuff .options li{
	font-size:15px;
	font-weight:400;
    padding-bottom: 15px;
    list-style: decimal;	
}
.stuff .options ul {
    padding-left: 20px;
}

.stuff .benefits .icons .sep{
	border-right: 1px solid #a97cca;
}
.stuff .options .option-block .sep{
	border-right: 2px solid #a97cca;
}

.stuff .benefits a{
	text-decoration:underline;
	color:#000;
}
.stuff .benefits a:hover{
	text-decoration:none;
}

.discounts-page h1{
	font-size:25px;
	font-weight:600;		
}
.discounts-page h2{
	font-size:15px;
	font-weight:400;		
}
.discounts-page .card {
    border: none;
    margin-top: -60px;
}
.discounts-page a {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    border-bottom: none;
    padding-top: 30px;
	padding-bottom: 0;
	text-decoration:underline;
	font-weight:600;
	display:inline-block;
}
.discounts-page a.more {
    color: #a97cca;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid #a97cca;
    padding-bottom: 2px;
	padding-top:0px;
}
.discounts-page .cart-info img {
    margin-top: 30px;
}
.discounts-page .container-fluid.cart-info {
    margin-bottom: 0px;
    padding-bottom: 70px;
}




/* ----- Account ------*/
.account .card-header {
    background: #fff;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 30px;
}
.account ul.list-group.category_block {
    padding-top: 10px;
}	
.account .category_block .active a {
    font-weight: 600;
    color: #a97cca;
}
.account .list-group-item::before {
    content: none;
}
.account .list-group-item {
    margin-left: 0px;
}
.account .list-group-item img {
    margin-right: 10px;
    margin-top: -3px;
}
.account label.acc {
    display: inline-block;
    position: absolute;
    left: 28px;
    margin-top: 2px;
    font-size: 10px;
	color:#363636;
}
.account label.acc-l{
	left: 22px;
}
.account .form-control {
    border: 1px solid #969696;
    box-sizing: border-box;
    border-radius: 15px;
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 12px;
    font-weight: 600;
	color: #000
}

.account .form-check-block .form-check-input{
	margin-top: 3px;
}
.list-promo.account .card.left-col {
    width: 100%;
}

/* .acc-info{

} */
.acc-type {
    font-weight: 600;
    font-size: 16px;
    line-height: 42px;
    border-radius: 6px;
    margin-top: 3px;
}
.acc-type-basic {
    color: #a97cca;
    border: 1px solid #a97cca;
}
.acc-type-vip {
    color: #000;
    border: 2px solid #000;
}
.acc-bar {
	font-size:12px;
}
a.acc-name {
    font-size: 18px;
    color: #a97cca;
    font-weight: 400;
}
.acc-bar .bar {
    height: 4px;
    background: #C4C4C4;
    border-radius: 2px;
}
.acc-bar .bar span {
    height: 4px;
    background: #a97cca;
    display: block;
    border-radius: 2px;
}
.acc-bar p {
    margin: 0;
    color: #a97cca;
}
.account .card-img-top {
	width: 100%;
    padding: 0 20px;
}

.account .card.active {
    width: 180px;
    text-align: center;
    padding-bottom: 20px;
}
.account .card-body.coupon .top-perc,
.account .card-body.voucher .top-perc {
    top: 120px;
}
.account .card-title {
    font-size: 10px;
}
.account p.card-text {
    font-size: 10px;
}
.account .card-body.coupon .top-perc span, 
.account .card-body.voucher .top-perc span {
    font-size: 15px;
}
.account .store-text {
    font-size: 14px;
    padding-top: 20px;
}
.account .store-rew {
	border-bottom: 1px solid #C4C4C4;
    margin-bottom: 30px;
}
.account .card-num{
	color:#a97cca;
}

.account #pagination {
    font-size: 15px;
    margin-top: 20px;
	display: none;
}
.account #pagination a{
    cursor: pointer;
}
.schema-page .level-info-block img {
    max-width: 100%;
}
.schema-page .container-fluid.level-info-block{
	background: #fff;
}
.schema-page .cart-info img {
    margin-bottom: 0;
}
.user-rewards .card.active {
    width: auto;
}
.user-rewards h4.card-title {
    padding-top: 10px;
    font-size: 12px;
}
.user-rewards .voucher h4.card-title,
.user-rewards .coupon h4.card-title {
    padding-top: 0;
}
#taken-rewards,
#transactions-list,
#my-cards {
    min-height: 300px;
}


/* Errors */
.form-control.is-invalid, 
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}
.error.text-danger {
    padding-left: 13px;
    padding-top: 3px;
    display: block;
}
select.form-control.is-invalid {
    background-position: right calc(1.375em + .1875rem) center;
}

.form-row .error.text-danger {
    padding-left: 23px;
}


.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}


/* Modal */
.modal-backdrop.show {
    opacity: 0;
}
.modal-content {
    border: 0 none;
    box-shadow: 0px 2px 5px 1px #ccc;
}
.modal-header {
    background-color: #fff !important;
	border-bottom:0 none;
}
.modal-header .close {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    font-size: 30px;
    font-weight: 300;
    text-shadow: none;
    font-family: auto;
    top: 0;
}
.modal-title-box {
    background: #F3F3F3;
    padding: 15px 25px;
  border-radius: 21px;
  margin-top: 20px;
}
.card-text.list-days {
    font-weight: bold;
}
.modal-title-box p {
    font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}
.bootstrap-dialog-message {
    height: 100%; /* Adjust this value as necessary */
  }
  
  .flex-container {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .modal-img {
    max-height: 100px; /* Adjust the height as necessary */
    margin-right: 10px; /* Space between image and text */
    width: auto !important;
  }
  
  .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
.bootstrap-dialog .bootstrap-dialog-message {
    text-align: center;
    padding: 0 40px;
}
.bootstrap-dialog .bootstrap-dialog-header{
    text-align: center;
    width: 100%;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #333 !important;
}
.modal-content button:focus {
    outline: 0;
}
.modal-content .msg-title{
	font-weight:600;
}
.modal-footer {
    margin: 0 auto;
    border-top: 0 none;
    padding: 0 0 30px;
}
.modal-content .buy{
    background: #fff;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 5px 15px;
    font-weight: 600;
    text-decoration: none;
    width: 170px;
	font-size: 12px;
}

footer {
    background: #000000;
    min-height: 100px;
    font-size: 15px;
    color: #fff;
}
footer .container {
    padding-top: 50px;
}
.copy{
	text-align:center;
	font-size:12px;
	padding-top:50px;
	padding-bottom:35px;
}
.copy a{
	color:#fff;
	text-decoration:none;
}
.copy a:hover{
	text-decoration:underline;
}
footer .right .btn{
	background: #a97cca;
	box-sizing: border-box;
	border-radius: 30px;
	font-size:20px;
	color:#fff;
	padding: 5px 30px;
    font-weight: 600;
}
footer .form-control {
    border-radius: 27px;
}
footer .form-check {
    padding-bottom: 25px;
	padding-top: 10px;
}
footer h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}
footer .left .footer-logo {
    margin-bottom: 35px;
    max-width: 100%;
}
footer .left p {
    margin-bottom: 5px;
    overflow-wrap: break-word;
}
footer .left p a {
    color: inherit;
    text-decoration: underline;

}
footer ul {
    list-style: none;
    padding: 0;
}
footer li{
	line-height: 30px;
}
footer li a{
	color:#fff;
}
footer li a:hover{
	color:#fff;
	text-decoration:none;
}
footer img.web-logo {
    bottom: 0;
    position: absolute;
}





.loading {
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff;
	z-index:1000;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    border-left: .8em solid #a97cca;
    animation: spin 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
	z-index:10000;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bootstrap-dialog-message img{
	width:100%;
};
.profile-menu-mobile {
    display: inline-flex;
    margin-top: 10px;
}

.profile-menu-mobile #userProfile,
.profile-menu-mobile #userRewards,
.profile-menu-mobile #transactions,
.profile-menu-mobile #userCards,
.profile-menu-mobile #userLogout{
	background-image: none;
    padding: 5px 0;
    display: block;
}
.profile-menu-mobile a{
	color: #000;
}
@media (min-width: 990px) {
    footer .left p.email-footer {
        font-size: 17px;
    }
	.profile-menu-mobile{
		display:none;
	}
}
.promo-video{
    width: 100%;
    min-height: auto
}
footer .left {
    margin-bottom: 1rem;
}
.btn-spacing {
    margin-right: 20px;
    background-color: #fff !important;
    border: 2px solid #398F32;
    color: #398F32;;
}
.btn-spacing:hover {
    color: #fff;
    background-color: #398F32 !important;
  }

  .btn-mall {
    margin-right: 20px;
    background-color: #fff !important;
    border: 2px solid #a97cca;
    color: #a97cca;;
}
.btn-mall:hover {
    color: #fff;
    background-color: #a97cca !important;
  }
.btn-after {
    background-color: #fff !important;
    border: 2px solid #C82A44;
    color: #C82A44;
}
.btn-after:hover {
    color: #fff;
    background-color: #C82A44 !important;
  }