@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

body {
	font-family: 'Roboto', sans-serif; 
	font-size:15px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
	display: block;
	}

.promo{
	font-weight:bolder; 
	font-size:18px;
	}

.modal {
    display:none;
	position:fixed; 
	z-index:1000; 
	top:0; 
	left:0; 
	height:100%; 
	width:100%;
    background: rgba( 0, 0, 0, .7 ) url('../images/loading_green.gif') 50% 50% no-repeat;
}

.video-thumbnail2 {
	position: absolute; 
	display: inline-block; 
	cursor: pointer; 
	width:30%; 
	color: #fff; 
	opacity: .8; 
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
	top:50%; 
	left:50%; 
	transform:translate(-50%,-50%); 
	z-index:91;
}

.video-thumbnail2 img{
	width:50%; 
	margin:25%;
	}

#signup_form{
	display:block; 
	top:0; 
	text-align:center; 
	z-index:100; 
	width:100%;
	}

.child{
	font-weight:bolder; 
	font-size:16px; 
	background:url(../images/rewards/old_bg.png); 
	background-size:cover; 
	width:86%; 
	margin:5px 2%; 
	padding: 20px 5%;
}

#teaser{
	position:fixed; 
	bottom:10px; 
	right:10px; 
	width:180px; 
	z-index:97; 
	cursor:pointer;
	}

.promo9{
	color:black; 
	font-size:20px; 
	font-style:italic; 
	background:#FFD700; 
	padding:20px 5%; 
	width:90%; 
	border-radius:10px; 
	margin-bottom:20px;
}

.benefits{
	position:relative;
	}
.benefits li{
	font-size:14px;
	margin: 0;
	font-weight:bolder;
	padding: 10px 0 10px 30px;
	list-style: none;
	background-image: url("../images/check.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
	}

.progress_holder{
	width:90%;
	font-size:14px; 
	padding:20px 5% 20px 5%; 
	position:relative; 
	overflow:hidden;
}

.progress_point_glow{
	width:12px; 
	height:12px; 
	background-color:#191970; 
	box-shadow: 0px 0px 20px 1px #191970; 
	border-radius:50%; 
	position:absolute; 
	z-index:100; 
	top:16px; 
	left;0;
}

.progress_point_failed{
	width:12px; 
	height:12px; 
	background-color:red; 
	box-shadow: 0px 0px 20px 1px red; 
	border-radius:50%; 
	position:absolute; 
	z-index:100; 
	top:16px; 
	left;0;
}

.progress_point{
	width:12px; 
	height:12px; 
	background-color:#191970; 
	border-radius:50%; 
	position:absolute; 
	z-index:100; 
	top:16px; 
	left;0;
}
.progress_bar{
	width:100%; 
	height:2px; 
	border:0.5px solid gray; 
	background-color:white; 
	position:relative; 
	overflow:hidden;
}
.progress_shade{
	height:5px; 
	background-color:#191970; 
	position:absolute; 
	z-index:98;
	}
.progress_label_holder{
	width:100%; 
	position:relative; 
	overflow:hidden;
	}
.progress_label{
	width:25%; 
	font-size:10px; 
	text-align:center; 
	float:left;
	}

.tab {
	overflow: hidden; 
	border: 1px solid #ccc; 
	background-color: #5E7D7E; 
	color:white; 
	width:90%; 
	padding:0px 5% 0px 5%; 
	position:relative;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit; 
	float: left; 
	border: none; 
	outline: none; 
	cursor: pointer; 
	color:#fff; 
	padding: 14px 16px; 
	transition: 0.3s; 
	font-size: 12px; 
	position:relative;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd; 
	color:gray;
	}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc; 
	color:gray;
	}

/* Style the tab content */
.tabcontent {
	margin-top:10px; 
	margin-bottom:20px; 
	display: none; 
	overflow:hidden;
	}

table {
	border-collapse: collapse; 
	width: 100%; 
	font-size:12px;
	}

th, td {
	text-align: left; 
	padding: 5px;
	}

tr:nth-child(even) {
	background-color: #D6D6D6;
	}

.flagholder1 {
	padding: 10px 15px 10px 15px; 
	display:block; 
	float:right; 
	margin: 0px 10px auto auto; 
	z-index:97; 
	cursor:pointer;
}

.top_head{
	color:white; 
	background-color:#00DD19; 
	padding:10px; 
	text-align:center; 
	font-size:18px;
	}

[class*="col-"] {
	float: left;
	}

@media only screen and (min-width: 651px) {
	.col-0 {width: 0%; display:none;}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.0%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 48%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}

@media screen and (max-width: 650px) {
	.col-100 {width: 0%; display:none;}
	.col-101 {width: 8.33;}
	.col-102 {width: 16.66%;}
	.col-103 {width: 25%;}
	.col-104 {width: 33.0%;}
	.col-105 {width: 41.66%;}
	.col-106 {width: 48%;}
	.col-107 {width: 58.33%;}
	.col-108 {width: 66.66%;}
	.col-109 {width: 75%;}
	.col-110 {width: 83.33%;}
	.col-111 {width: 91.66%;}
	.col-112 {width: 100%;}
}
.home_sub{
	width:90%; 
	padding:0px 5%; 
	margin-bottom:10px;
	}

.video-container {
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	}

.myButton9 {
	box-shadow:inset 0px 1px 0px 0px #a4e271; 
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); 
	background-color:#89c403; 
	border-radius:6px; 
	border:1px solid #74b807; 
	display:inline-block; 
	cursor:pointer; 
	color:#ffffff; 
	font-family:Arial; 
	font-size:15px; 
	font-weight:bold; 
	padding:6px 24px; 
	text-decoration:none; 
	text-shadow:0px 1px 0px #528009;
}
.myButton9:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); 
	background-color:#77a809;
	}
.myButton9:active {
	position:relative; top:1px;
	}
	
.myButton9_sml {
	box-shadow:inset 0px 1px 0px 0px #a4e271; 
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); 
	background-color:#89c403; 
	border-radius:6px; 
	border:1px solid #74b807; 
	display:inline-block; 
	cursor:pointer; 
	color:#ffffff; 
	font-family:Arial; 
	font-size:12px; 
	font-weight:bold; 
	padding:3px 10px; 
	text-decoration:none; 
	text-shadow:0px 1px 0px #528009;
}
.myButton9_sml:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); 
	background-color:#77a809;
	}
.myButton9_sml:active {
	position:relative; top:1px;
	}

.myBut_dable{
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #B6B6B4 5%, #565051 100%);
	background-color:#B6B6B4;
	border-radius:6px;
	border:1px solid #B6B6B4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}

.form-style-10{
	width:80%; 
	padding:30px 10%; 
	margin:40px auto; 
	background: #E5E4E2; 
	border-radius: 10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px; 
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); 
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); 
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
	padding: 30px; 
	background: #EBF4FA; 
	border-radius: 6px; 
	margin-bottom: 15px;
	}
.form-style-10 h1{
	width:100%; 
	text-align:center; 
	padding: 9px 12%; 
	margin: -30px auto 30px -12%; 
	background: #1569C7; 
	border-radius: 10px 10px 0 0; 
	-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0; 
	color: #fff; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); 
	font: normal 16px 'Bitter', serif; 
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
	display: block; 
	margin-top: 2px; 
	font: 13px Arial, Helvetica, sans-serif;
	}
.form-style-10 label{
	font: 13px Arial, Helvetica, sans-serif; 
	color: #888; 
	margin-bottom: 15px;
	}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	width: 100%; 
	padding: 9px; 
	margin-bottom:10px; 
	background: #f5f5f0; 
	border-radius: 6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px; 
	border: 2px solid #fff; 
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33); 
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33); 
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form-style-10 .section{
	font: normal 20px 'Bitter', serif; 
	color: #2A88AD; 
	margin-bottom: 5px;
	}
.form-style-10 .section span {
	background: #2A88AD; 
	padding: 5px 10px 5px 10px; 
	position: absolute; 
	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border: 4px solid #fff; 
	font-size: 14px; 
	margin-left: -45px; 
	color: #fff; 
	margin-top: -3px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
	box-shadow:inset 0px 1px 0px 0px #a4e271; 
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); 
	background-color:#89c403; 
	border-radius:6px; 
	border:1px solid #74b807; 
	display:inline-block; 
	cursor:pointer; 
	color:#ffffff; 
	font-family:Arial; 
	font-size:15px; 
	font-weight:bold; 
	padding:6px 24px; 
	text-decoration:none; 
	text-shadow:0px 1px 0px #528009;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); 
	background-color:#77a809;
}
.form-style-10 .privacy-policy{
	float: right; 
	width: 250px; 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #4D4D4D; 
	margin-top: 10px; 
	text-align: right;
}
		
#close{
	font-size:27px; 
	position:fixed; 
	top:15px; 
	right:10px;
	color:white; 
	z-index:110; 
	cursor:pointer; 
	display:none;
}

#close:hover{
	color:red;
	}

#itemshim {
	min-height: 100%; 
	width:100%; 
	background:black; 
	position:fixed; 
	filter: alpha(opacity = 80) !important; 
	opacity: 0.8; 
	z-index:99; 
	display:none; 
	top:0; 
	left:0;
}

#signup{
	width:92%; 
	display:none; 
	min-height:600px; 
	float:center; 
	margin:0 4%;
	top:10px;
	overflow: hidden; 
	text-align:center; 
	z-index:99; 
	position:absolute; 
	background-color:white;
}

.logout{
	position:absolute; 
	top:40px; 
	right:20px; 
	font-size:12px; 
	cursor:pointer;
	}

.profile{
	position:absolute; 
	font-size:14px; 
	top:5px; 
	right:20px; 
	cursor:pointer; 
	color:blue;
	}

.profile_head{
	text-align:center; 
	background-color:#4E7AD3; 
	color:white; 
	padding:10px; 
	position:relative; 
	overflow:hidden; 
	font-size:18px;
}

.mlogo{
	z-index:96; 
	width:144px; 
	position:absolute; 
	left:10px; 
	top:20px;"
	}

.tabxx{
	display:none; 
	padding:20px 5%; 
	width:90%; 
	margin-top:10px; 
	position:absolute;
	}

.tabx{
	font-size:14px; 
	color:blue; 
	cursor:pointer; 
	width:110px; 
	margin:5px; 
	text-align:center; 
	padding:5px; 
	float:left;
	}

#herb_story_vidholder{
	width:100%; 
	min-height:250px; 
	display:none; 
	text-align:center; 
	overflow:hidden;
	}

#reg_link{
	color:blue; 
	font-size:14px; 
	cursor:pointer;
	padding:5px;
	border:0.3px solid gray;
	}

#reg_link:hover{
	color:green;
	}

#reg_link:active{
	color:red;
	font-size:14px;
	}

.order_head {
	width:98%; 
	background: #44BB07; 
	padding: 1%; 
	color:white; 
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	border: 1px solid #257C9E; 
	font-size:90%;
	min-height:30px;
	font-weight:400; 
	font-family: 'Open Sans', sans-serif; 
	letter-spacing: 0.05em; 
	z-index:101; 
}

.process_head {
	width:98%; 
	background: #5E7D7E; 
	padding: 10px;
	color:white; 
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); 
	border: 1px solid #257C9E; 
	font-size:16px;
	text-align:center;
	font-weight:400; 
	font-family: 'Open Sans', sans-serif; 
	letter-spacing: 0.05em; 
	z-index:101;
	overflow:hidden;
}

.div90{
	width:90%;
	padding:5px 5%;
	overflow:hidden;
	display:block;
	position:relative;
}

.div98{
	width:98%;
	padding:5px 1%;
	overflow:hidden;
	display:block;
	position:relative;
}

#search_btn{
	font-size:20px;
	color:white;
	background:#1569C7;
	padding:10px;
	cursor:pointer;
}

#search_member{
	font-size:15px;
	padding:10px;
	width:60%;
}

.profile9{
	width:100%;
	padding:20px 0px;
	display:none;
	overflow:hidden;
	position:relative;
}

.table_paypal {
	width:100%; 
	margin:0px auto 50px auto; 
	font-size:14px; 
	font-weight:400; 
	font-family: 'Open Sans', sans-serif; 
	letter-spacing: 0.05em; 
	position:relative; 
	border:0px solid gray;
}
.table_paypal td {
	padding:5px 10px 5px 10px; 
	vertical-align:text-top;
}

.tdhead{
	text-align:center; 
	font-weight:bolder; 
	background-color:orange; 
	color:white;
}

.pay_btn {
	width:100%; 
	-moz-box-shadow: 5px 10px 14px black; 
	-webkit-box-shadow: 5px 10px 14px black; 
	box-shadow: 5px 10px 14px black; 
	border:1px solid black; 
	border-radius:10px; 
	cursor:pointer;
}
.send_pay {
	width:100%; 
	-moz-box-shadow: 5px 10px 14px black; 
	-webkit-box-shadow: 5px 10px 14px black; 
	box-shadow: 5px 10px 14px black; 
	border:1px solid black; 
	border-radius:10px; 
	cursor:pointer;
}

.homex{
	width:100%;
	margin:0px auto 5px auto;
	display:block;
	min-height:150px;
	position:relative;
	z-index:91;
	overflow:hidden;
}

.rewards{
	text-align:center; 
	font-weight:bolder; 
	font-size:11px; 
	min-height:250px; 
	overflow:hidden; 
	position:relative;
	border:0.5px solid gray;
	border-radius:10px;
	width:94%;
	margin:5px 1%;
	padding:5px 2%;
	background:#F2F2F2;
	
}

.rewards_int{
	text-align:center; 
	font-weight:bolder; 
	font-size:11px; 
	min-height:320px; 
	overflow:hidden; 
	position:relative;
	border:0.5px solid gray;
	border-radius:10px;
	width:94%;
	margin:5px 1%;
	padding:5px 2%;
	background:#F2F2F2;
	
}

.reward_detail{
	font-style:italic; 
	font-size:11px; 
	width:92%; 
	padding:2px 3%; 
	background-color:yellow;
}


.level_label{
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}

.worth{
	width:100%;
	text-align:center;
	font-size:14px;
	font-style:italic;
	margin-bottom:10px;
}

.reward_detail_int{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 4%;
	text-align:left;
	font-size:12px;
	background:#DF7401;
	color:white;
}

#admin_body{
	padding:10px 2%; 
	display:none;
	overflow:hidden;
	position:relative;
	margin-bottom:50px;
	width:96%;
}

#container {
	margin: 0 auto;
	z-index:98;
}

#pending{
	position:fixed;
	min-height:150px;
	z-index:99;
	bottom:0;
	right:30px;
	background:#2C3539;
}

#pending .pending_head{
	width:90%;
	padding:10px 5%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	color:white;
	font-weight:bolder;
	font-size:16px;
	background:#C11B17;
}

#pending .detail_pending{
	padding:20px;
	margin-top:50px;
	font-size:12px;
	color:white;
	position;relative;
}

nav {
	margin: 0px 0;
	background-color: #DF7401;
	z-index:98;
}
nav ul {
	padding: 0;
    margin: 0;
	list-style: none;
	position: relative;
	z-index:98;
	}	
nav ul li {
	display:inline-block;
	background-color: #DF7401;
	z-index:98;
	}
nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:12px;
	line-height: 50px;
	text-decoration:none;
	z-index:98;
}
nav a:hover { 
	background-color: #333; 
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 50px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:150px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-50px; 
	left:125px;
}
nav ul ul li {
	border: 1px solid white;
}
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ' ✎'; }

input:focus {
    outline: none;
}

/* Credit Card Validator */
.card-label{
	font-size:14px;
	color:#fff;
	margin-bottom:3px;
}
#card {
    height: 40px;
    width: 100%;
    padding-right: 50px;
    padding-left: 10px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #91b7de;
}
/* #card:focus ~ .card-label {
    font-size: .8rem;
    color: #308cbd;
    font-weight: 400;
    top: 0%;
}
#card:active ~ .card-label {
    top: 0%;
} */
#logo {
    width: 46px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 4px;
}

#addPost{
	border:.5px solid gray;
	border-radius:5px;
	padding:30px;
	background:rgba(46, 134, 193,0.8);
	max-width:300px;
	width:100%;
	margin:10px auto 20px auto;
	position:relative;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
}
.cardno {
	margin-bottom:25px;
	margin-top:30px;
	position:relative;
}

.cardno .card_input{
	width:100%;
	text-align:left;
}

.cardname{
	margin-bottom:25px;
}

.cardname .cc_name{
	width:100%;
	text-align:left;
}

.card_grp{
	display:flex;
	justify-text:space-between;
	margin-bottom:25px;
}
.expiry .expiry_input{
	width:45px;
	margin-right:10px;
}

.cvv .cc_cvc{
	width:80px;
	margin-right:10px;
}
.expiry,
.cvv{
	display:flex;
	width:48%;
}
.cvv{
	justify-content:flex-end;
	align-items:center;
}
.cvv_display{
	display:none;
	position:absolute;
	margin:-35px auto auto -90px;
}
.cvv_img:hover .cvv_display{
	display:block;
}
.cvv_img{
	width:20px;
	height:20px;
	border:3px solid white;
	border-radius:50%;
	color:white;
	text-align:center;
	cursor:pointer;
	font-weight:bolder;
}
.myButton9x {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.myButton9x:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.myButton9x:active {
	position:relative;
	top:1px;
}

@media screen and (max-width: 650px) {
	.card_grp{
		flex-direction:column;
	}
	.expiry{
		width:100%;
		justify-content:space-between;
		margin-bottom:20px;
	}
	.expiry .expiry_input{
		width:48%;
	}
	.cvv{
		width:100%;
		justify-content:space-between;
	}
}


.validcard {
    border-bottom: 1px dashed #67bea3 !important;
    color: #67bea3 !important;
}
.error {
    border-bottom: 1px dashed rgb(248, 86, 88) !important;
}
.visa {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 0 no-repeat;
}
.mastercard {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -30px no-repeat;
}
.amex {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -60px no-repeat;
}
.diners {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -90px no-repeat;
}
.discover {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -120px no-repeat;
}
.shopping {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -150px no-repeat;
}
.naranja {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -180px no-repeat;
}
.qida {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -210px no-repeat;
}
.clubdia {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -240px no-repeat;
}
.musicred {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -270px no-repeat;
}
.nevada {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -300px no-repeat;
}
.tuya {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -330px no-repeat;
}
.laanonima {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -360px no-repeat;
}
.crediguia {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -390px no-repeat;
}
.patagonia {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -410px no-repeat;
}
.sol {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -440px no-repeat;
}
.cabal {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -470px no-repeat;
}
.cencosud {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -500px no-repeat;
}
.credimas {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -530px no-repeat;
}
.carrefour {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -560px no-repeat;
}
.grupar {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -590px no-repeat;
}
.wishgift {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -610px no-repeat;
}
.unknown {
    background: url("https://jscardvalidator-mpccmwdwqf.now.sh/cards_sprite_compressed_30.jpg")
        0 -640px no-repeat;
}