article,  { 
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		
}


/* Main styles
================================================== */
.text-primary {font-family: 'Lora', serif; 
    color: #fff; font-size:21px; text-transform:capitalize;
}

.text-primary a:hover {
    color: #fff; font-size:21px;
}
.wrap {
	position: relative;
	z-index: 500;
}
.mbYTP_wrapper {
	background-color: #000;
}
.content-section {
	padding-top: 80px; /* 130px */
	padding-bottom: 80px; /* 130px */
	background: #fafafa;
}
::-moz-selection  {
	color: #FFFFFF;
	background: #dba33f;
}
::selection {
	color: #FFFFFF;
	background: #dba33f;
}




		.offset-anchor {
			width: 0px;
			height: 0px;
			position: relative;
			display: block;
			overflow: hidden;
			visibility: hidden;
			top: -75px;
		}
		.content-section .offset-anchor {
			top: -155px;
		}

		
		
/* #Counter Section
================================================== */
.counter-section {
	background-image: url(../../../manhattanbabes.com/page/images/millions-faces-parralax.jpg);
	padding-bottom: 0;
}
.counter-section .parallax-header {
	padding-bottom: 70px !important;
}
.counter-box {
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}
.js .counter-box {
	opacity:0;
}
.counter-details {
	color: #fff;
	font-size: 21px;
	margin: 0;
}
.count {
	color:#FA006A;
	font-size: 50px;
	line-height: 1.2;
	padding: 0;
	margin-bottom: 20px;
	display:block;
	text-transform: uppercase;
}


/* #Typography
================================================== */






/*-----------------------------------------------------------------------------------*/
/*	Gallery
/*-----------------------------------------------------------------------------------*/

.gallery {}

.model-info {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 0 0 3px 3px;
	font-weight: 400;
	text-align: center;
	padding: 20% 0 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 30%;
	vertical-align: middle;
	display: table-cell;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
}

/* #Portfolio Section
================================================== */

.portfolio-section {
	padding: 0 1px;
}

.portfolio-item {
	display: block;
	position: relative;
	margin: 0 0 0px 0;
}
.portfolio-item a {
    display: inline-block;
}

.portfolio-image {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.js .portfolio-image {
	opacity:0;
}

.portfolio-image img {
	height: auto;
	width: 100%;
}

.members-only {
	background-color: rgba(0, 0, 0, .5);
	background-image: url(../../../manhattanbabes.com/page/css/img/mem-only.png) , url(../../../manhattanbabes.com/page/css/img/grain.png);
	background-position: center center, left top;
	background-repeat: no-repeat, repeat;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #ccc;
	text-align: center;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 0 0 2px #000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
}

.portfolio-image:hover .members-only,
.portfolio-caption:hover .members-only {
	background-image: url(../../../manhattanbabes.com/page/css/img/blank.png) , url(../../../manhattanbabes.com/page/css/img/grain.png);
}

.model-details {
	margin-top: 8px;
	width: 100%;
	opacity: 0;
	text-align: center;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: 0.3s all linear;
	   -moz-transition: 0.3s all linear;
		transition: 0.3s all linear;
	-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	z-index: 1;
}

.model-details::before,
.model-details::after {
	content: "";
	height: 100%;
}


.model-name {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 0 10px;
	text-transform: capitalize;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.model-category {
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight:400;
  line-height:18px;font-family: 'Roboto', sans-serif;
}

.model-location {
	color: #ddd;
	font-size: 13px;
	margin: 8px 0 0;
	display: inline-block;
}

@media only screen and (max-width: 480px) { /*
	.model-name {
		font-size: 11px;
	}
	.model-category {
		font-size: 10px;
	}
	.model-location {
		font-size: 10px;
	} */
}
@media screen and (max-width: 420px) and (orientation : portrait) {
	.portfolio-item-xxx {
		width: 100% !important;
	}
	.model-info {
		padding: 48% 0 15px;
	}
	.model-name {
		font-size: 11px;
	}
	.model-category {
		font-size: 10px;
	}
	.model-location {
		font-size: 10px;
	}
}

/* ---------- Review Label ---------- */

.portfolio-review {
	background-color: rgba(50, 50, 50, 0.6);
	color: #ccc;
	font-size: .85em;
	opacity: 0;
	padding: .3em .8em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	transition: 0.3s all linear;
	-webkit-border-radius: 0 3px 0 3px;
	   -moz-border-radius: 0 3px 0 3px;
		border-radius: 0 3px 0 3px;
}

.portfolio-review:hover {
	background-color: rgba(110, 110, 110, 0.5);
	color: #fff;
}

.portfolio-image:hover .portfolio-review {
	opacity: 1;
}

.portfolio-image:hover .model-info,
.portfolio-review:hover .model-info {
	height: 60%;
	opacity: 1;
	background: none;
	background-color: rgba(0, 0, 0, .6);
	padding-top:30%;
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: background .8s ease, color .5s linear, all .4s ease-in-out;
	   -moz-transition: background .8s ease, color .5s linear, all .4s ease-in-out;
	    -ms-transition: background .8s ease, color .5s linear, all .4s ease-in-out;
	     -o-transition: background .8s ease, color .5s linear, all .4s ease-in-out;
		transition: background .8s ease, color .5s linear, all .4s ease-in-out;
}

.portfolio-image:hover .model-name {
	color: #fff;
/*
	-webkit-transition: color 0.3s linear;
	   -moz-transition: color 0.3s linear;
		transition: color 0.3s linear;
*/
}

.portfolio-image:hover .model-details {
	opacity: 1;
/*
	-webkit-transition: 0.3s all linear;
	   -moz-transition: 0.3s all linear;
		transition: 0.3s all linear;
*/
}

/* ---------- Review Label ---------- */