/* @override http://beta2.localhost/assets/css/models.css */

/* @override http://beta2.localhost/assets/css/models.css */

/* @override http://beta2.localhost/assets/css/models.css */

/* @override http://beta2.localhost/assets/css/models.css */


.hero-wrapper{
	background: #000;
	max-width:  80rem;
	margin: 0 auto;	
	/* padding: 1.625rem;*/
	position: relative;
}

.hero {
	position: relative;
	overflow: hidden;
}
.hero:before {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}

/*
.movie-cover,
.model-headshot{
	margin-left: auto;
	text-align: right;
	max-width: 21.875rem;
	*height: 25.52rem;
	width: 100%;
	max-width: 100%;
}
*/

.hero .model-headshot {
	float: left;
	margin-right: 1.625rem;
	max-width: 600px;
	width: 100%;
}


.hero .model-bio {
	overflow: hidden;
	padding: 1.625rem 1.625rem 1.625rem 0;
}
.movie-cover{
	margin-left: auto;
	text-align: right;
	display: inline-block;
	text-align: center;
}



.movie-details-container {
	margin-bottom:1.5rem;
}
.movie-description {
	
}

.button-row {
	margin-bottom: 1.5rem;
}

	.hero h1{
		font-size: 4.25rem;
		line-height: 1;
		font-weight: 200;
		margin-bottom: 1.5rem;

	}
	
	.header-controls{
		z-index: 10;
		margin-bottom: 2.5rem;
	}

	.hero .description{
		margin-bottom: 2rem;
	}
	
	.hero .description p {
		line-height: 1.5;
		margin-bottom: .75rem;
	}

	/** sidebar model stats */
	.model-stats h3 {
		font-weight: 400;
		font-size: 1rem;
		text-transform: uppercase;
	}
		
	.model-stats .info-item{
		white-space: nowrap;
		color: #e8e8e8;
	}
	
	/*
	.model-stats .info-item .label{
		display: inline-block;
		color: #9c9c9c;
		margin-right: 0.325rem;
	}
	.model-stats .info-item .label:after{
		content: ':';
	}
	
	.model-stats .info-item{
		display: block;
		padding-bottom: .25rem;
		font-size: 1.1rem;
	}
	*/
	
	.hero .model-stats .info-item {
		font-size: 1rem;
		float: left;
		width: 48%;
		text-align: left;
		vertical-align: top;
		padding:  0.5rem 0;
		border-bottom: 1px solid #433f43;
		font-weight: 400;
	}
	
	.hero .model-stats .info-item:nth-child(2n) {
	    float: right;
	}
	.hero .model-stats .label {
		font-weight: 300;
	}

.scene-partner-scroll-box {
	overflow-y: auto;
	max-height: 650px;

}
.scene-partner-scroll-box:after {
	position: absolute;
	height: 3rem;
	background-image: linear-gradient(to bottom,rgba(20, 20, 20,0) 0,#1e1e1e 80%);
	background: -moz-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,0.8) 20%, rgba(30,30,30,1) 50%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,30,30,0)), color-stop(20%, rgba(30,30,30,0.8)), color-stop(750%, rgba(30,30,30,1)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,0.8) 20%, rgba(30,30,30,1) 50%);
	background: -o-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,0.8) 20%, rgba(30,30,30,1) 50%);
	background: -ms-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,0.8) 20%, rgba(30,30,30,1) 50%);
	background: linear-gradient(to bottom, rgba(30,30,30,0) 0%, rgba(30,30,30,0.8) 20%, rgba(30,30,30,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e', GradientType=0 );
	z-index: 3;
	width: 100%;
	bottom: 0;
	content: '';

}
	
/** Scene Partners Horizontal Img + Lablel link */

.model-gallery{
	overflow: hidden;
	padding: 0;
}

/* @group Nav Tabs Group */

.main-nav{
	border-bottom: .0625rem solid #2f2f2f;
	padding-right: 0;
}



.nav-tabs{
	list-style: none;
	margin-top: .5rem;
	
}
.nav-tabs:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
}

.nav-tabs li {
    float: left;

}
a.nav-tabs-link{
	padding-left: 1rem;
	padding-right:1rem;
	font-size: 1.1rem;
	line-height: 2;
	color: #dfdfdf;
	border-bottom: 0.125rem solid transparent;
	display: inline-block;
	-webkit-transition: color 0.3s, border-color 0.3s;
	-moz-transition: color 0.3s, border-color 0.3s;
	-ms-transition: color 0.3s, border-color 0.3s;
	-o-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
}
@media screen and (max-width: 500px) {
	a.nav-tabs-link {
		padding-left: 0.5rem;
		padding-right:0.5rem;
	}
}

a.nav-tabs-link:hover{
	color: #fff;
	border-color: rgba(255, 255, 255, 0.80);
}
a.nav-tabs-link.active {
	color: #0af;	
	border-color: #0af;
	cursor: default;
	font-weight: 400;
}

.tab-content{
	display: none;
}
.tab-content.active{
	display: inherit;
}

.tab-content{
	position: relative;

}

/* @end */


.header-model-stats{
	display: none;
}

@media screen and (max-width: 80em){
	.hero .model-headshot {
		max-width: 500px;
	}
}

@media screen and (max-width: 64em){
	.hero .model-headshot {
		max-width: 400px;
	}
	
	/** header model stats */
	.hero .model-stats{
		display: block;
		text-align: left;
		color: #dfdcde;
		
		font-size: 1.125rem;
		line-height: 1.5;
		font-weight: 300;
	}
	
	.stat-item{
		padding-right: 0.25rem ;
		white-space: nowrap;
		display: inline-block;
		
	}
	
	.stat-item:after{
		content:  "/";
		padding-left: 0.3125rem;
		color: #6a6a6a;
		font-weight: 400;
	}
	.stat-item:last-child:after{
		content:  "";
	}
	
	.movie-cast,
	.scene-partner {
		text-align: center;
	}
	
	.nav-tabs{
		width: 100%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		list-style: none;
		padding-top: 0;
		margin-top: 0;
		display: table;
		background-color: #212121;
		border-top: 1px solid #2f2f2f;
	}
	
	.nav-tabs:after {
		width: 100%;
		display: table;
		font-size: 0;
	}
	
	
	.nav-tabs li  {
		display: table-cell;
		text-align: center;
		vertical-align:middle;
		float: none;
		position: relative;
		border-right: 1px solid #2f2f2f;
		vertical-align: top;
	}
	.nav-tabs li:last-child {
		border-right: none;
	}
	.nav-tabs-link {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		line-height: 2.7;
		text-transform: uppercase;
	}
	
}


@media screen and (max-width: 48em){

	.hero .model-headshot {
		max-width: 600px;
		float: none;
		padding: 0;
		margin: 0 auto 1.625rem;
	}
	
	.nav-tabs-link i{
		display: none;
	}


	.header-content{
		margin: 0 auto;
		height: auto;
		width: auto;
	}
	.hero {
		padding: 1.625rem;
		
	}
	
	.hero .model-bio{
		max-width: 600px;
		margin: 0 auto;
		padding: 0;
	}   
	
	.hero h1{
		font-size: 3.25rem;
		font-weight: 200;
		text-align: center;
	}
	
	.model .header-controls{
		position: relative;
		text-align: center;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin-bottom: 1.5rem;
	}
	.model .hero-description {
		margin-bottom: 1.5rem;
	}
	
	/** header model stats */
	.hero .model-stats{
		display: block;
		text-align: center;
		color: #dfdcde;
		
		font-size: 1.125rem;
		line-height: 1.5;
		font-weight: 300;
	}
	
	.stat-item{
		padding-right: 0.125rem ;
		white-space: nowrap;
		display: inline-block;
		
	}
	.stat-item:after{
		content:  "/";
		padding-left: 0.225rem;
	}
	.stat-item:last-child:after{
		content:  "";
	}
	
		
	

	
}

@media screen and (max-width: 35.5em){

	.hero h1{
		font-size: 2.25rem;
		font-weight: 200;
		margin-bottom: 0.825rem;
		text-align: center;
	}

	.hero .description {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	
	.hero .model-headshot{
		overflow: hidden;
		height: 200px;
		width: 200px;
		max-height: 200px;
		position: relative;
		border-radius: 50%;
	}
	
	.hero .model-stats{
		font-size: 0.875rem;
		line-height: 1.5;

	}

}