/* Custom Styles */

/* Global */

.lionking-ads {
  font-family: 'Nunito Sans', sans-serif !important;
  font-size: 16px;
  line-height: 24px;
}

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
}

p {
  margin-bottom: 16px;
}

* {
	margin: 0 auto;
}

/* Hero Top */

.herotop {
	padding: 160px 0;
	background: url('../img/bg_herotop.jpg') bottom;
	background-size: cover;
	text-align: center;
}

	.herotop img {
		height: 320px;
	}

/* Content Block */

.content-block {
	position: relative;
	padding: 162px 0 80px 0;
	background: #191919;
	background: url('../img/bg_content.jpg') bottom;
	background-size: cover;
	text-align: center;
	color: #FFF;
}

	.content-block .page-title {
		margin: 0 0 80px 0;
	}

	.content-block .page-title h1 {
		margin-bottom: 8px;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 40px;
		font-weight: 900;
		text-transform: uppercase;
		color: #FFF;
	}

	.content-block .page-title h2 {
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 16px;
		font-weight: 900;
		color: #777;
		text-transform: uppercase;
	}

.item-post {
	position: relative;
}

	.content-block .col-sm-12:nth-child(1) .item-post {
		margin-bottom: 16px;
	}

	.item-post img {
		max-width: 100%;
	}

	.item-post .info-block {
		position: absolute;
		top: 0;
		right: 0;
		width: 40%;
		height: 100%;
		padding: 10% 40px 0 40px;
		background-color: #1b1b1b;
		border: 12px solid #ffce00;
		box-shadow: -8px 0 8px -8px #222;
	}

	.item-post .info-block i {
		font-size: 40px;
		color: #525252;
	}

	.item-post .info-block p {
		margin: 32px 0;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 20px;
		line-height: 32px;
	}

	.item-post .info-block p span {
		display: inline-block;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 32px;
		font-weight: 900;
	}

	.item-post .info-block a {
		padding: 12px 40px;
		margin-bottom: 16px;
		display: inline-block;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed733+50,ffce00+50 */
		background: rgb(254,215,51); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(254,215,51,1) 50%, rgba(255,206,0,1) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(254,215,51,1) 50%,rgba(255,206,0,1) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(254,215,51,1) 50%,rgba(255,206,0,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed733', endColorstr='#ffce00',GradientType=0 ); /* IE6-9 */

		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 16px;
		color: #191919;
		font-weight: 900;
		box-shadow: 0 5px 5px -5px #111;
	}

	.item-post .info-block h3 {
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 14px;
		color: #666;
	}

	.item-post .info-block h4 {
		padding: 24px 40px;
		border-top: 4px double #444;
		border-bottom: 4px double #444;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 14px;
		font-weight: 900;
		color: #666;
		text-transform: uppercase;
		line-height: 20px;
	}

	.item-post .info-block a:hover {
		text-decoration: none;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f5f5f5+50 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	}

	.content-block .col-sm-12:nth-child(2) .item-post .info-block {
		left: 0;
		right: 100%;
		box-shadow: 8px 0 8px -8px #222;
	}

.filler-block {
	position: relative;
	z-index: 2;
	width: 50%;
	height: 40px;
	margin: -120px auto 0 auto;
	background-color: #191919;
}

	.filler-block:before {
		content: '';
		position: absolute;
		top: -8px;
		left: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 4px;
		background-color: #191919;
	}

.triangle {
	position: relative;
	top: -20px;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #ffce00;
}

 .diamond {
 	width: 0;
 	height: 0;
 	border: 16px solid transparent;
 	border-bottom-color: #191919;
 	position: absolute;
 	top: -32px;
 	left: calc(50% - 16px);
 }

 .diamond:after {
 	content: '';
 	position: absolute;
 	left: -16px; top: 16px;
 	width: 0;
 	height: 0;
 	border: 16px solid transparent;
 	border-top-color: #191919;
 } 

/* Terms and Conditions */

.terms-block {
	position: relative;
	z-index: 2;
	padding: 80px 0 100px 0;
	background-color: #333;
	border-top: 1px solid #444;
	color: #FFF;
	text-align: center;
	box-shadow: 0 -12px 12px -12px #191919;
}

	.terms-block h1 {
		margin: 0;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 32px;
		font-weight: 900;
		text-transform: uppercase;
		color: #FFF;
	}

	.terms-block ul {
		margin: 40px 0;
		padding: 0;
		list-style: disc;
		text-align: left;
	}

	.terms-block ul li {
		font-family: 'Nunito Sans', sans-serif !important;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.terms-block ul li:last-child {
		margin-bottom: 0;
	}

	.terms-block h3 {
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 16px;
		font-weight: 900;
		text-transform: uppercase;
		color: #777;
	}

/* Footer */

.footer {
	position: relative;
	padding: 80px 0;
	background-color: #191919;
	color: #FFF;
	text-align: center;
}

	.footer h1 {
		margin: 80px 0 16px 0;
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 56px;
		font-weight: 900;
		color: #FFF;
	}

	.footer p {
		font-family: 'Nunito Sans', sans-serif !important;
		font-size: 20px;
		line-height: 28px;
		margin: 0;
		color: #999;
	}

.footer .filler-block {
	width: 100%;
	margin: -80px auto 0 auto;
}

.footer .triangle {
	border-top: 50px solid #333;
}

/* Exclusive Members */

.exc-hero-banner {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}

	.exc-hero-banner .background,
	.exc-filler .background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.exc-filler .background {
		top: -25%;
	}

	.exc-hero-banner .exc-content-block {
		position: relative;
		z-index: 4;
		padding: calc(120px + 100px) 0 120px 0;
	}

	.exc-hero-banner h2 {
		margin: 24px 0;
		font-family: didot !important;
		font-size: 32px;
		color: #fff;
		letter-spacing: 1px;
	}

	.exc-hero-banner h1 {
		width: 40%;
		margin: 0 auto;
		font-family: didot !important;
		font-size: 18px;		
		color: #fff;
		line-height: 22px;
	}

	.exc-hero-banner .overlay {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&0+0,0.65+50 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}

.exc-user-block {
	position: relative;
	overflow: hidden;
}

	.exc-user-block img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.exc-user-block .user-content-block {
		position: relative;
		z-index: 3;
		padding: 40px 0;
		text-align: center;
	}

	.exc-user-block .user-content-block h1 {
		margin: 0 0 16px 0;
		font-family: didot !important;
		font-size: 32px;		
		color: #fff;		
		text-transform: uppercase;
	}

	.exc-user-block .user-content-block p {
		font-family: avenir !important;
		font-size: 16px;
		color: #fff;
	}

	.exc-user-block a {
		display: inline-block;
		padding: 12px 24px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+50,222222+50 */
		background: rgb(51,51,51); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(51,51,51,1) 50%, rgba(34,34,34,1) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(51,51,51,1) 50%,rgba(34,34,34,1) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(51,51,51,1) 50%,rgba(34,34,34,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		letter-spacing: 1px;
	}

	.exc-user-block a:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,eeeeee+50 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(238,238,238,1) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(238,238,238,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		color: #222;
	}

.exc-benefits-block {
	padding: 80px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	text-align: center;
}

	.exc-benefits-block h1 {
		margin: 0 0 16px 0;
		font-family: didot !important;
		font-size: 32px;		
		color: #222;		
		text-transform: uppercase;		
	}

	.exc-benefits-block p {
		font-style: italic;
		font-weight: bold;
	}

.tbl-benefits {
	width: 100%;
}

	.tbl-benefits thead th {
		background-color: #222;
		color: #fff;
		text-align: center;
	}

	.tbl-benefits thead th small,
	.tbl-benefits tbody td small {
		font-style: italic;
		font-weight: 400;
	}

	.tbl-benefits thead th {
		border-right: 1px solid rgba(255,255,255,.8);
	}

	.tbl-benefits tbody tr:nth-child(odd) {
		background-color: #fff;
	}

	.tbl-benefits tbody tr:nth-child(even) {
		background-color: #f5f5f5;
	}

	.tbl-benefits tbody tr td {
		font-weight: 600;
		font-size: 13px;
		line-height: 16px;
		border-right: 1px solid rgba(0,0,0,.08);
	}

	.tbl-benefits tbody tr td:last-child,
	.tbl-benefits thead th:last-child {
		border-right: none;
	}

	.tbl-benefits tbody tr td .fa-check {
		color: #17c88c;
	}

.exc-benefits-block .footnote {
	margin: 24px 0 0 0;
	font-size: 13px;
	text-align: left;
}

	.exc-benefits-block .footnote ul {
		margin: 8px 0 0 16px;
		padding: 0;
		list-style: disc !important;
		text-align: left !important;
	}

.exc-promo-block {
	padding: 80px 0;
	background-color: #f5f5f5;
}
	
	.exc-promo-block .spacer {
		display: block;
		width: 100%;
		height: 40px;
	}

	.exc-promo-block h1 {
		margin: 0 0 16px 0;
		padding: 0 0 16px 0;
		border-bottom: 4px double #ddd;
		font-family: didot !important;
		font-size: 24px;		
		color: #222;			
	}

.exc-item-promo {
	margin-bottom: 16px;
}

	.exc-item-promo img {
		max-width: 100%;
	}

	.exc-item-promo .promo-header {
		display: table;
		width: 100%;
		background-color: #222;
	}

	.exc-item-promo .promo-header h1 {
		margin: 0;
		padding: 8px 16px;
		border: none;
		display: table-cell;
		vertical-align: middle;
		width: 60%;
		height: 60px;
		font-family: didot !important;
		font-size: 13px;
    	font-weight: bold;	
		color: #fff;
		line-height: 17px;
		text-transform: uppercase;
	}

	.exc-item-promo .promo-header h2 {
		display: table-cell;
		vertical-align: middle;
		width: 40%;
		height: 60px;
		padding: 8px 16px;
		border-left: 1px solid #555;
		font-family: avenir !important;
		font-size: 14px;
		font-weight: 600;
		color: #d99813;		
		text-align: center;
	}

	.exc-item-promo .promo-header h2 small {
		display: block;
		color: #fff;
	}

	.exc-item-promo .promo-header h2 small:nth-child(1) {
		margin-bottom: 2px;
	}

	.exc-item-promo .promo-header h2 small:nth-child(2) {
		margin-top: 2px;
	}

	.exc-item-promo .promo-helper {
		display: table;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.exc-item-promo .promo-helper .icon {
		display: table-cell;
		width: 20%;
		vertical-align: middle;
		height: 48px;
		background-color: #ddd;
		text-align: center;
	}

	.exc-item-promo .promo-helper .icon i {
		font-size: 16px;
		color: #888;
	}

	.exc-item-promo .promo-helper h3 {
		display: table-cell;
		vertical-align: middle;
		height: 48px;
		width: 80%;
		font-family: avenir !important;
		font-size: 11px;
		font-weight: 600;
		text-align: center;
		background-color: #fff;
		text-transform: uppercase;
	}

	.exc-item-promo .promo-content {
		padding: 24px;
		background-color: #fff;
	}

	.exc-item-promo .promo-content ul {
		font-size: 14px;
	}

	.exc-item-promo .promo-content ul li {
		margin-left: 16px;
		list-style: disc;
	}

	.exc-item-promo .overlay-hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: #d99813;

		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.exc-item-promo a {
		position: relative;
		padding: 16px 16px;
		border-top: 1px solid #d99813;
		display: block;
		background-color: #fff;
		color: #d99813;
		font-weight: 600;
	}

	.exc-item-promo a span {
		position: relative;
		z-index: 3;
		display: inline-block;
		float: left;
	}

	.exc-item-promo a i {
		position: relative;
		z-index: 3;
		display: inline-block;
		float: right;
		font-weight: 600;
		line-height: 23px;
	}

	.exc-item-promo a:hover {
		color: #fff;
	}

	.exc-item-promo a:hover .overlay-hover {
		width: 100%;
		color: #fff;
	}

.exc-filler {
	padding: 120px 0;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

	.exc-filler .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		background-color: rgba(0,0,0,.8);
	}

	.exc-filler .container {
		position: relative;
		z-index: 4;
		text-align: center;
	}

	.exc-filler .container p {
		margin: 24px 0 0 0;
		font-family: avenir !important;
		font-size: 18px;	
		color: #fff;	
		text-align: center;
	}

	.exc-filler .container p span {
		color: #d99813;
	}