#offers {
	margin-bottom: 2em;
}

#offers td, #offers th{
	padding: 0.7em 1em;
	text-align: center;
	max-width: 230px;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
#offers th p{
	padding: 0.5em 0;
	color:#FFF;
}
#offers tr td:first-child, #offers tr th:first-child{
	text-align: left;
	max-width: 230px;
	font-size: 0.85em;
	font-weight: 600;
}
#offers tr td:last-child, #offers tr th:last-child{
	/*
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	*/
}
#offers th{
	background-color: #fff;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	font-size: 1.1em;
	padding: 2.4em 0.6em 0.6em;
	position: relative;
}
#offers h3{
	color:#FFF;
	font-size: 1.15em;
	margin-bottom: 0;
	padding: 0;
	min-height: 45px;
	line-height: 1em;
	border-bottom: 2px solid #FFF;
}
#offers h3 span{
	padding-top: 0;
	font-size: 0.7em;
	line-height: 0.5em;
}
#offers tr:nth-child(odd){
	background-color: #f7f7f7;
}
#offers tr:last-child{
	background-color: #FFF;
}
.check:before{
	content: "\f00c";
	font-family: 'FontAwesome';
	color:green;
}
#offers span{
	padding: 1em;
	display: block;
	text-transform: lowercase;
	font-size: 0.85em;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1em;
}
#offers th span{
	text-align: center;
	position: absolute;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	border-top: 1px solid #ffffff;
	width: 80%;
	margin: 0 auto;
	padding: 0.6em;
}
#offers p{
	text-align: center;
	color: #1a1a1a;
	font-size: 0.8em;
}
#offers .fa{
	display: table-cell;
}
#offers .fa-check{
	color: #1ba21b;
}

#offers .fa-times{
	color: #d01818;
	font-size: 0.92em;
}
#offers .more{
	padding: 1em;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1.35em;
}
.fixedhead{
	position: fixed;
	top:150px;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}
.qmark{
	background-image: url(/img/qmark.png);
	background-repeat: no-repeat;
	background-position: right center;
	transition:600ms;
}
.qmark:hover{
	background-image: url(/img/qmark_h.png);
	transition:600ms;
}
#offers .btn{
	display: block;
	min-width: 80%;
	margin: 0 auto;
}
#offers table th { font-weight: bold; }
#offers table td, table th { 
	padding: 9px 10px; 
	text-align: left; 
}
#offers thead th:nth-child(2){
	background-color: #FFB11B;
}
#offers thead th:nth-child(3){
	background-color: #45B29D;
}
#offers thead th:nth-child(4){
	background-color: #DF5A49;
}
#offers thead th:nth-child(5){
	background-color: #0089CB !important;
}
#offers tr td:nth-child(2){
	background-color: rgba(237,167,43,0.1);
}
#offers tr td:nth-child(3){
	background-color: rgba(69,178,157,0.1);
}
#offers tr td:nth-child(4){
	background-color: rgba(223,90,73,0.1);
}
#offers tr td:nth-child(5){
	background-color: rgba(0,137,203,0.1);
}
#offers tr th:last-child{
	background-color: gray;
}

#offers #high{
	color: #42a4bd;
	background-color: #f3f3f3;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	font-weight: bold;
}
#high:after, #high:before{
	content: "";
	width: 100px;
	height: 2px;
	background-color: #42a4bd;
	display: inline-block;
	vertical-align: middle;
	margin: 15px;
}
#offers #key{
	vertical-align:bottom;
	font-weight: bold; 
	color: #42a4bd;
	text-transform: uppercase;
}
#offers #link td:nth-child(2) a{
	background-color: #FFB11B;
}
#offers #link td:nth-child(3) a{
	background-color: #45B29D;
}
#offers #link td:nth-child(4) a{
	background-color: #DF5A49;
}
#offers #link td:nth-child(5) a{
	background-color: #0089CB;
}
#offers #link .btn{
	color: #FFF;
	border: none;
}
#offers #link .btn:hover{
	opacity: 0.8;
}
/* Mobile */
@media only screen and (max-width: 680px) {
	
	#offers table.responsive { 
		margin-bottom: 0; 
	}
	
	.pinned { 
		position: absolute; 
		left: 0; 
		top: 0; 
		background: #fff; 
		width: 60%; 
		overflow: hidden; 
		overflow-x: scroll; 
		border-right: 1px solid #ccc; 
		border-left: 1px solid #ccc; 
	}
	.pinned table { 
		border-right: none; 
		border-left: none; 
		width: 100%; 
	}
	.pinned table th, .pinned table td { 
		white-space: nowrap; 
	}
	.pinned td:last-child { 
		border-bottom: 0; 
	}
	
	div.table-wrapper { 
		position: relative; 
		margin-bottom: 20px; 
		overflow: hidden; 
		border-right: 1px solid #ccc; 
	}
	div.table-wrapper div.scrollable { 
		margin-left: 60%; 
	}
	div.table-wrapper div.scrollable { 
		overflow: scroll; 
		overflow-y: hidden; 
	}	
	
	table.responsive td, table.responsive th { 
		position: relative; 
		white-space: nowrap; 
		overflow: hidden; 
	}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { 
	display: none; 
	}
	tbody tr:first-child{
		display: none;
	}
	#offers th{
		height:80px!important;
	}
	#offers tr td:first-child, #offers tr th:first-child{
		max-width: 100%;
	
	}
}

/*header.header{
	background-color: #009CC7;
}
.subHeader-wrapper{
	background-color: #0095BD;
}

.custom_player span a, .searchBar form input, .searchBar form button{
	background-color: #008DB3;
}
.searchBar .test{
	background-color: #008DB3;
	border-color: #008DB3;
}
#footer nav ul li a, #footer p a{
	color:#009CC7;
}
#footer .feedback a{
	color:#009CC7;
	border-color:#009CC7;
}
.btn:hover{
	background-color: #009CC7;
}*/



/*************************************************
btn login or create
*************************************************/

#links {
 text-align: center;
}
#links a{
 background-color: #42a4bd;
 color:#FFF;
 display: inline-table;
 padding: 0.6em;
 text-align: center;
 width: 200px;
 height: 40px;
 margin: 1em 3em;
 font-size: 1.1em;
 line-height: 1.3em;
 transition:500ms;
 font-weight: 100;
 text-transform: uppercase;
}
#links a:hover{
 transition:500ms;
 background-color: #2c3742;
}
.btn-log:before{
 
 font-family: 'FontAwesome';
 display: block;
 font-weight: 100;
 font-size: 1.2em;
}

#links span {
	display: block;
	font-size: 0.8em;
	text-transform: lowercase;
}

.highlight {
	text-align: center;
}

.highlight a:before {
	font-family: 'FontAwesome';
	margin-right: 0.3em;
	content: "\f003";
}

/*.btn-log.loginLink:before{
 content: "\f13e";
}
.btn-log.registerLink:before{
 content: "\f007";
}*/
.monetization{
 background: url(/img/monetization.png) no-repeat;
}

#offers .no-monetization{
	border: none;
	font-size: 0.7em;
	font-weight: 100;
	line-height: 1em;
}
/*#offers tr:first-child{
 background-color: rgba(0,136,204,0.17);
}*/