html, body{
	background-color:#e0ded9;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
}

body{
	font-family:'Source Sans Pro', sans-serif;
	line-height:16px;
	font-size:16px;
}

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

h2{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:50px;
	color:#ff7717;
	padding:0;	
	margin:0;
}

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

.banner img{
	display:block;
	width:100%;
}

header{
	background-color:#333333;
	position:relative;
}

.css-btn{
	display:inline-block;
	width: 215px;
	background-color:#ff7717;
	color:#fff;
	padding:16px 20px;
	text-align:center;
	float:right;
	margin-top:-67px;
	margin-right:20px;
}

.css-btn:hover{
	text-decoration:underline;
	color:#fff;
}

.logo-wrapper{
	max-width:176px;
	display:block;
	padding:12px;
	width:100%;
}

.logo{
	max-height:60px;
}

section{
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	
	width:100%;
}

section.sec-a{
	background-image:url('../images/sec-bg-a.jpg');
	min-height:413px;
}

.sec-wrapper-a{
	position:relative;
	width:100%;
}

section.sec-b{
	background-image:url('../images/sec-bg-b.jpg');
	min-height:915px;
}

section.sec-c{
	background-image:url('../images/sec-bg-c.jpg');
	min-height:2820px;
}

ul{
	list-style-position:inside !important;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	list-style:none;
}

ul li{
	display:inline-block;
	vertical-align:top;
	padding:0 15px;
}

.sec-wrapper-a h2{
	padding:90px 0 50px 0;
}

.sec-wrapper-a ul li{
	max-width:200px;
	width:100%;
}

.sec-wrapper-b{
	color:#fff !important;
}

.sec-wrapper-b h2{
	padding:90px 0 50px 0;
	color:#fff !important;
}

.works-header{
	font-weight:bold;
	line-height:18px;
	font-size:18px;
}

.works-p{
	text-align:center;
	line-height:25px;
	max-width:600px;
	margin:0 auto;
}

.works-sub{
	padding-bottom:12px;
	/*font-style:italic;*/
	font-size:18px;
}

.sec-wrapper-b ul li{
	padding-bottom:70px;
	width:100%;
}

.sec-wrapper-b ul li img{
	padding-top:30px;
}

.reward-points-p{
	padding-bottom:15px;
}

.sec-wrapper-c h2{
	padding:90px 0 50px 0;
}

/* tiers */
.cat-wrapper{
	max-width:850px;
	margin:0 auto;
	width:100%;
}

.categories-cont{
	display:inline-block;
	clear:both;
}

.row-centered{
	display:inline-block;
	text-align:center;
	padding-left:0;
	list-style:none;
}

.col-centered{
	margin-right:-4px;
	text-align:left;
}

.categories-cont ol li{
	display:block;
	vertical-align:top;
	padding:10px 10px 20px 10px;
	border-radius:3px;
	text-align:center;
	
	max-width: 100%;
	width:100%;
}

.categories-cont ol li div{
	position: relative;
	top: 20px;
	margin: auto;
	margin-top:-20px;
}

.categorie ul{
	width:95%;
	padding: 0 10px !important;
	border-radius: 3px;
	position: absolute;
	top: 165px;
	left: 0;
	right: 0;
	margin: auto;
}

.categorie ul li{
	margin:auto;
	padding: 6px 10px !important;
	min-height: 0px!important;
	text-align:center;
	list-style: circle!important;
	font-size:15px;
	line-height:17px;
	font-weight:bold;
	color:#000;
	
}	

.cat-back{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	width:216px;
	height:305px;
	display: inline-block;
	margin: 10px 20px !important;
}

.cati-title{
	text-transform:uppercase;
	font-weight: 600;
	color: #ff6900 !important;
}

.sub-banners{
	text-align:center;
}

.sub-banners li{
	display:inline-block;
	padding:10px 15px 15px 15px;
}

.sub-banners li a img{
	display:block;
	width:100%;
}

.main-table{
	background-color:#d8d8d8;
	padding-top:50px;
	width:100%;
}

.nav-item span{
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:50px;
	display:inline-block;
}

.tab1, .tab2{
	border:0;
	border-right:1px solid #ff6a03;
	border-bottom:1px solid #ff6a03;
}

.tab3{
	border:0;
	border-bottom:1px solid #ff6a03;
}

.tab1 span{
	background-image:url('../images/earn-icon.png');
	background-position:center 90%;
}

.tab1:hover span, .tab1.active span{
	background-image:url('../images/earn-icon-ho.png');
}

.tab2 span{
	background-image:url('../images/lvls-icon.png');
}

.tab2:hover span, .tab2.active span{
	background-image:url('../images/lvls-icon-ho.png');
}

.tab3 span{
	background-image:url('../images/poker-icon.png');
}

.tab3:hover span, .tab3.active span{
	background-image:url('../images/poker-icon-ho.png');
}

.main-table .nav-item{
	background-color:#f2f2f2;
	padding:20px 20px 30px 20px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	color:#ff6a03;
	display:inline-block;
	cursor:pointer;
}

.main-table .nav-item:hover, .main-table .nav-item.active{
	background-color:#ff6a03;
	color:#fff;
}

.nav-tabs > li{
	margin-bottom:0 !important;
	float:none !important;
	width:33.33%;
}

.tab-content{
	background-image:url('../images/dolla.png');
	background-repeat:no-repeat;
	background-position:center;
}

.tab-content tr td, .tab-content tr th{
	text-align:center;
}

.tabla-hover tbody tr td{
	background-color:#fff;
}

.table-disc{
	width:50%;
	font-size:14px;
	text-align:center;
	margin:0 auto;
	padding:5px 5px 20px 5px;
	color:#959595;
}

.sec-c h2{
	padding:90px 0 50px 0;
}

.terms-link{
	text-decoration:underline;
	text-align:center;
	margin:0 auto;
	display:block;
	font-size:26px;
	color:#333;
	width:96%;
}

.terms-link:hover{
	text-decoration:none;
	color:#656565;
}
	
.mobile{
	display:none !important;
}

/* @ 500px */
@media screen and (max-width:500px){
		
	.logo-wrapper{
		margin:8px auto;
	}
		
	.css-btn{
		float:none;
		margin:0 auto;
		display:block;
		margin:0 auto;
		position:relative;
		
	}
	
	header{
		padding-bottom:15px;
	}	
		
}

/* @ 700px */
@media screen and (max-width:700px){

	section.sec-a{
		background-image:url('../images/sec-bg-a-mobile.jpg');
		min-height:1048px;
	}

	section.sec-b{
		background-image:url('../images/sec-bg-b-mobile.jpg');
		min-height:1244px;
	}

	section.sec-c{
		background-image:url('../images/sec-bg-c-mobile.jpg');
		min-height:8011px;
	}

	.sec-wrapper-a ul{
		margin:0 auto !important;
		max-width:300px;
	}

	.sec-wrapper-a ul li img{
		padding-bottom:70px !important;
		padding-bottom:20px;
	}

	.reward-points-p{
		padding-bottom:0 !important;
		line-height:24px;
		max-width:160px;
		font-size:18px;
	}
	
	.sec-wrapper-b ul li{
		padding-top:30px;
	}

	.works-header{
		padding-bottom:15px;
	}
	
	.works-p{
		max-width:370px;
		line-height:28px;
		font-size:17px;
	}	
	
	.main-table .nav-item{
		font-size:12px;
	}

	.desktop{
		display:none !important;
	}

	.mobile{
		display:block !important;
	}	
	
}