body{
	margin:0;
	padding:0;
    	background:#000;
    	font-family:'Oswald', sans-serif;
    	color:#fff;
}

a{color:#fff; outline: 0;}
a:hover{
	color:#ababab;
	text-decoration: none;
	cursor:pointer;
}
a.active {color:#ababab !important;}
a:active, a:focus, a:hover {outline: 0 !important;}
.img-responsive {width: 100%;}
.page-container {width: 100%; margin:0 auto; background: #000; }

footer  {padding:20px; text-align:center}
footer .footlinks a {font-weight:bold; font-size:26px; padding:0 15px}
footer p {width:100%; margin-bottom:0.5rem}
.footlinks {margin-bottom:1% ! important;}
#nav {position:relative; width:100%; text-align: center; border-bottom:1px solid #666}
.nav-link {color:#fff ! important; }
.nav-link.active {color:#ababab ! important; }
.nav-link:hover {color:#ababab}
 .width-bloc {	background:#000;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-link:hover, .nav-tabs .nav-link {padding: 0px 10px 5px 10px;}
.navbar {padding: 5px 0 0 0 ! important}
.nav-tabs {border:none}
.navbar-brand {margin-right:0px ! important}
.row {margin:0px}
.sticky {background-color: rgba(0,0,0,.8); border-bottom: #cecece 1px solid;     position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
    }


.gobig {margin:0 auto; width:100%; text-align:center; padding: 0 5px; position:relative;}
.gobig h2 {font-size:200px; width:100%; font-weight:1000; margin-bottom:3%; line-height:0.8 ! important;}
.gobig h3 {font-size:70px; width:100%; font-weight:1000}
.gojoinbig {background: url(../img/join_big.jpg) top left no-repeat;}
.gojoin {padding:3% 0}
.itemminfo {padding:0 3px}
.itemminfo .vidname {float:left; font-size:1rem; font-weight:600; display:inline; text-transform:uppercase}
.itemminfo .modname {font-size:1.2rem; font-weight:600; display:inline; text-transform:uppercase}
.itemminfo .date {float:right; font-size:0.9rem; display:inline; text-transform:uppercase; text-align:right; line-height:25px;}
.pagenumbers, .current {font-size:32px; font-weight:600; padding:0 5px}
.current {color: #ababab}
.vidblock {padding:0 5px ! important}
.releases { float:left}
.releases_nv, .viewall { float:right}
.releases_nv li {list-style:none; float:left; margin-left:30px}
.mainrow {padding:10px ! important; width:100%}
.titlerow {padding:15px ! important; width:100%}
.titlerow2 {padding:0px 10px 10px 10px ! important}

.titlerow h3, .titlerow ul li {font-size:30px; text-transform:uppercase}
.titlerow2 h3 {font-size:25px; text-transform:uppercase}

 @media (min-width: 768px){
	.width-bloc {
		width: 100%;
		margin: auto;
	}

	.width-bloc-text {
		width: 87%;
		max-width:1000px;
		margin: auto;
	}

	.container {
		width: 100%;
	}

	.comment h4 {font-size:20px ! important}

}
 @media (min-width: 991px){
.smalljoin {display:none}
}

 @media (max-width: 767px) {
footer .footlinks a {width:100% ! important; display:block}
.titlerow h3, .titlerow2 h3, .titlerow ul li {font-size:20px; }
	.gobig h2 {font-size:100px; }
	.gobig h3 {font-size:40px;}
	.modelinfo p {font-size:24px ! important;}
	p.tags a {font-size:20px ! important;}
}
 @media (max-width: 768px) {
	.navbar-nav{ background:#fff ! important;}
	.nav > li > a{color:#000 ! important}
	.nav > li {border-bottom:1px solid #000}
	.navbar-collapse .navbar-nav {width:100%}
	.fa-search {color:#000 ! important}
}
 @media (min-width: 560px) and (max-width: 767px) {
 	.modelinfo p {font-size:20px ! important;}
	p.tags a {font-size:18px ! important;}
	.cams {width:50px ! important}
	.modtittle {font-size:35px ! important;}
	.vidtitle {font-size:45px ! important;}
}
 @media (min-width: 768px) and (max-width: 900px) {
	.modtittle {font-size:40px ! important;}
	 .modelinfo p {line-height:35px;}

}
.carousel-caption {padding:20px; background:rgba(0,0,0,.4);}

.navbar-toggler {color: #666}
.navbar-collapse .navbar-nav {position:absolute; right:0px; z-index:1000;}

nav > li{
	float:left;
	margin-top:4px;
	font-size:17px;
	padding: 0 7px;
}

@media (max-width: 1050px) and (min-width:769px) {
	.nav > li > a{
		font-size:20px ! important;
		padding: 5px ! important;
		line-height:22px ! important;
	}
	.fa-search {font-size:20px ! important;}
}	

@media (max-width: 1640px) and (min-width:1240px) {
	.nav > li > a{
		font-size:30px ! important;
		padding: 0 8px ! important;
	}
		.fa-search {font-size:25px ! important; }	
}
@media (max-width: 1239px) and (min-width:1051px) {
	.nav > li > a{
		font-size:25px ! important;
		padding: 0 8px ! important;
	}
}
@media (max-width: 2300px) and (min-width:1900px) {
	.nav > li > a{
		font-size:48px ! important;
		padding: 10px ! important;
		line-height:55px ! important;
	}
	.fa-search {font-size: 40px ! important;}
}
@media (min-width:2301px) {
	.nav > li > a{
		font-size:60px ! important;
		padding: 10px 15px ! important;
		line-height:65px ! important;
	}
	.fa-search {font-size: 55px ! important;}
}

@media (max-width: 1050px) and (min-width:991px) {

	.gobig h2 {font-size:150px; }
	.gobig h3 {font-size:50px;}
}
@media (min-width: 1200px) {
	.container {max-width:100% ! important}
	.vidtitle {margin-top:20px ! important}
	}

.nav > li > a {
	position: relative;
	display: block;
	padding: 6px 12px;
	color: #fff;
	font-size:40px;
	text-transform:uppercase;
	font-weight:700;
	margin-right:6px;
	line-height:40px;

}
.nav > li a:hover, .nav > li a:focus {
	background:transparent;
	color: #ababab !important;
}
.nav > li a.spec {
	border: 1px solid #b5967b; border-radius:5px; 
	}
.nav > li.active a {border-bottom: #007dd7 6px solid;}
.navbar-toggle{
	margin: 10px 0 0 0;
	border: 0px;
}
.navbar-toggle:hover{
	background:transparent!important;
}
.navbar-toggle .icon-bar{
	background-color: rgba(0,0,0,.5);
	width: 26px;
}
 /* Inverted navbar */

.nav-invert .navbar .nav{
	float:right;
}
.nav-invert .navbar-header, .nav-invert .navbar-brand{
	float:right;
}
@media (max-width: 990px) and (min-width:750px) {
	.gobig h2 {font-size:120px; }
	.gobig h3 {font-size:60px;}
	.itemminfo .vidname {font-size:0.9rem; line-height:30px ! important} 
	.itemminfo .date {font-size:0.8rem;}
.titlerow h3, .titlerow ul li, .titlerow2 h3 {font-size:25px}
}

 @media (max-width: 570px){
 	.releases_nv {float:left ! important; padding-left:0px}
 	 .releases_nv li {margin-left:10px}
 	 .gobig h2 {font-size:70px}
 	 .logo {width:50%}
 }
.nav-invert .site-navigation{
	left:20px;
	right:0;
}
	ul.nav {margin-top:0 ! important}
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.privacy h3 {width:100%}
.privacy h4 {width:100%; text-align:left}
.feedback_form {margin:10px auto; width:100% }
.card {background-color: #000 ! important; width:100% }
.mb-0, .my-0 {color: #fff; font-size:20px ! important}
#accordion {width:100%}
.card-header {border: 1px solid #fff; border-radius:5px;}
.card-header h5 .btn {color: #fff; font-size:28px ! important}
.modelinfo p {font-weight:700; font-size:28px; margin-bottom:0.1rem ! important}
.vidinfo p {font-size:19px; margin-bottom:0.5rem ! important; line-height:22px}
.vidinfo h3, .vidinfo h4 {text-transform:uppercase} 
p.tags a {padding:0 5px; border:1px solid #fff; border-radius:5px; text-transform:uppercase; font-weight:700; margin-right:10px; margin-bottom:5px; font-size:25px; display:block; float:left}
.modtittle {font-weight:700; font-size:48px; text-transform:uppercase;}
.vidtitle {font-weight:700; font-size:30px; text-transform:uppercase; margin-top:5px}
a.scmbo_base_leaf, a.scmbo_base_leaf_selected, a.scmbo_base_leaf:hover, a.scmbo_base_leaf_selected:hover {color:#000 ! important;}
.scmbo_base_suggestList {padding: 0 10px; width:160px ! important;}
.searchdrop {padding:0px ! important;}
.searchdrop .form-group {margin-bottom:0px ! important}
.btn.focus, .btn:focus {box-shadow: none;}
.fa-search {font-size:35px; color:#fff}
.mybtn {padding-left:0px ! important}
.cams {text-transform: uppercase; background: #ccc; color: #000; padding: 0 8px; border-radius:8px; margin-top:10px; color:#000 ! important}
.cams:hover {background:#fff}
a.MAS_sortby_active {color:#ababab !important;}
.letters a {margin: 0 5px; display:inline-block;}
.card-body ul li, ul.formats li {list-style:none}
ul.formats li a, .btnPlay {padding:5px 15px; border:1px solid #fff; border-radius:5px; text-transform:uppercase; font-weight:700; margin-right:10px; margin-bottom:5px; font-size:25px; display:block; float:left}
.zip {text-transform: uppercase; background: #ccc; color: #000; padding: 0 8px; border-radius:8px; margin-top:10px; display:block; color:#000 ! important}
.lazy {margin:6px; width:100%; max-width:300px}
.movie-pl h3 {float:left; margin-right:20px; margin-top:10px; color: #ccc}
#download_movie h3 {float:left; margin-right:20px; margin-top:10px; color: #ccc}
.fa-thumbs-up {font-size:35px}

ul.benefits li {font-size:30px; font-weight:900; list-style:none}
i.fa-check-circle {margin-right:20px; color:#4d8edb}
.join_table {font-size:30px}
.payment_options {font-size:50px; font-weight:900}
.join_table td {padding:8px}
.payment_options input {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    }
    
.plan {width:90%; background:#fff; padding:10px ! important; color:#000; ; margin-bottom:20px}
.poption {font-size:35px; text-transform:uppercase; margin-right:20px; font-weight:1000; width:60%; float:left}
.price {font-size:60px; font-weight:1000}

@media (max-width: 1650px) and (min-width:1200px) {
	ul.benefits li {font-size:20px; font-weight:900; list-style:none}
	.poption {font-size:25px;}
	.payment_option {font-size:30px;}
}

 @media (max-width: 1199px){
 	.poption, .plan {width:100% ! important}
	.poption {font-size:22px;} 	
 	ul.benefits li {font-size:19px;}
	ul.benefits {padding-left:0px ! important} 	
 	.payment_options {font-size:30px;}
 	.join_table td {float:left}
 }
@media (min-width: 1024px) { 
.join_table {width:70%}
}

/* Splash Page Main */


#modalMask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.7);
	z-Index: 9998;
}

.splashPage { 
	z-index: 19999; 
	position: fixed; 
	top: 14%; 
	left: 24%; 
	background-image: linear-gradient(#111111, #3a3a3a); 
	padding: 40px; 
	
}

.splashPage .gobig h3 {font-size:55px ! important}
.boxBlack {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border:2px solid #fff;
	margin: 20px 0;
	}
.boxBlack p {
	text-transform:uppercase;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:10px 10px 0 10px;
	}
ul.enter {margin:0 auto; width:100%; padding:0px}	
ul.enter li {list-style:none; display:inline-block; border: 1px solid #fff; border-radius: 5px; padding:0 10px; margin-right:20px}
ul.enter li a { font-size:50px; font-weight:900; text-transform:uppercase}

#login,
#login-t {
	width: 300px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
#login label.labellog {
	font-size: 24px;
	color: #9c9c9c;
	text-transform: uppercase;
}
#login input.form-control {
	background: #e1faff;
	border: #d3f1ff 2px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
}
.code {margin-bottom: 20px;}
.codebar img {
	display: block;
	margin: auto;
	margin-bottom: 6px;
}
#login .btn-blue {
	margin-bottom: 20px;
}
#login .forgot {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: underline;
	font-size: 14px;
	margin-bottom: 20px;
}
#login .logimg {
	display: none;
}
#login .logimg img {
	width: 100%;
}
#login-t p {text-align: center;}
.btn-login {border:1px solid #fff; border-radius:5px; width:100%; text-transform:uppercase; color:#fff; font-weight:bold; margin:10px 0; font-size:30px}


@media (max-width: 990px) {
	.splashPage {width:80%; left: 10%; top:10%}
	.boxBlack p {font-size:14px; line-height:16px}
	.benefits {display:none}
	.joinbbw {display:none}
	.boxBlack {overflow:auto; max-height:200px}
}
@media (max-width: 768px) {
	.splashPage .gobig h3 {font-size:40px ! important}
	}
	
.smalljoin a.spec {
    border-radius: 5px;	
    padding: 0 5px;
    font-size:22px;
    font-weight:bold;
    background: #ccc;
    color:#000 ! important;
    line-height:22px;
    }