@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/*~~~~~~~~~~~~~~~~~~~~~1~~~~~~~~~~~~*/

* {
    box-sizing: border-box;
}

body {
    /*    font-family: 'Lato', sans-serif;*/
    
    font-family: 'Droid Sans', sans-serif;
    font-size: 100%;
    font-weight: 300;
    margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
form,
fieldset,
input,
select {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

main {
    display: block;
}
main a:hover{
   color:#3366ff!important;
text-decoration: underline;

   }
ul {
    padding: 0;
}

li {
    display: inline-block;
}

p {
    color: #a3a3a3;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.571;
    text-align: justify;
    margin-bottom: 1rem;
}

h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2em;
}

h3 small {
    color: #646464;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.667;
}

h2,
h6 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0.75em 0;
    text-transform: uppercase;
}

h5 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1em 0;
    text-align: center;
    text-transform: uppercase;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gray {
    text-transform: uppercase;
    font-weight: 400;
    color: #a3a3a3;
}

.red {
    color: #fb0000 !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.content {
    padding: 0 0.5em;
}
.content>p{
	color:#646464;
	}
.mol-para-with-font{
	line-height:24px;
	color:#646464;
	}
.mol-para-with-font img{
	width:100%;
	height:auto;
	}
.wrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.top {
    display: none;
    position: fixed;
    width: 33px;
    height: 33px;
    line-height: 33px;
    bottom: 42px;
    right: 10px;
    border-radius: 2px;
    z-index: 10000;
    text-align: center;
    text-decoration: none;
    background-color: #666666;
    color: #ffffff;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.top:before {
    content: '\e802';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    /*    text-decoration: inherit;*/
    
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.top:hover {
    color: #00bcff;
    background-color: #333333;
}

.top span {
    color: #666666;
}
/***********************************************************
    HEADER:
***********************************************************/

header {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #000;
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #e7e7e7 52%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(50%, #e6e6e6), color-stop(52%, #e7e7e7), color-stop(100%, #e7e7e7));
    background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #e7e7e7 52%, #e7e7e7 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #e7e7e7 52%, #e7e7e7 100%);
    background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #e7e7e7 52%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 50%, #e7e7e7 52%, #e7e7e7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e7e7e7', GradientType=0);
    /* shadow: */
    
    -webkit-box-shadow: 0px 53px 300px 85px rgba(235, 235, 235, 1);
    -moz-box-shadow: 0px 53px 300px 85px rgba(235, 235, 235, 1);
    box-shadow: 0px 53px 300px 85px rgba(235, 235, 235, 1);
}
@media screen and (min-width:481px) and (max-width:1219px){
     header{
     padding-bottom:0;
     }
}
header .wrap > * {
    vertical-align: middle;
}

img.logo {
    width: 100%;
    max-width: 509px;
    height: auto;
    /*display: none;*/
}

h1.logo {
    font-family: "Arial Black";
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    font-size: 1rem;
    padding-top: 0.5em;
    color: #000;
    display:none;
}

h1.logo span:first-child {
    font-family: Arial;
    font-weight: 300 !important;
}

h1.logo span:last-child {
    color: #aaa;
}

.logolink {
    display: inline-block;
    width: 50%;
}

.logolink a {}
/**************************
Menu:
**************************/

header menu {
    display: none;
}

menu {
    font-size: 0;
    float: right;
    vertical-align: bottom;
    margin-top: 3rem;
}

menu li {
    font-size: 1.125rem;
    text-transform: uppercase;
    border-right: 1px solid #eee;
    border-left: 1px solid #cacaca;
    padding: 0.7em 0.5em;
}

menu li:first-child {
    border-left: none;
}

menu li:last-child {
    border-right: none;
}

menu a {
    color: #5e5d5d;
    padding: 0.25em 0.5em;
}

menu .active a,
menu a:hover{
    color: #fb0000;
    border-bottom: 1px solid #fb0000;
}
#menu p,
#menu li>a,
.celeblist li>a{
    color:#646464;
    }
.icon-menu,
.icon-search {
    top: 4px;
    font-size: 3em;
    color: #7aaaba;
    color: #a5ba8d;
    position: relative;
}

.icon-menu:active,
.icon-search:active {
    top: 6px;
}
/***********************************************************
    PROMO:
***********************************************************/

.promo-1 {
    text-align: center;
    margin: 1rem 0;
}

.promo-1 img {
    width: 99%;
}
@media screen and (min-width:480px) and (max-width:1219px){
  .promo-1>a>img {
    width: 75%!important;
   height:auto;
   max-width:none;
}
}
.promo-2 {
    margin: 1rem 0;
    text-align: center;
}

.promo-2:first-child {
    margin-top: initial;
}
/***********************************************************
    MAIN CONTENT AREA
***********************************************************/

main {
    margin-bottom: 2em;
}
/**************************
Headlines:
**************************/

.headlines li {
    position: relative;
    margin: 0.5rem;
    /*    padding-left: 117px;*/
    
    min-height: 100px;
}

.headlines img {
	width: 180px;
    height: 180px;
    /*float: left;*/
    border:1px solid #646464;
    margin-right:5px;
	vertical-align:top;
}

.headlines p {
    color: #a3a3a3;
}
.headlines li>.new_class{
    margin-top:-18px;
	display: inline-block;
    width: calc(100% - 200px);
	padding-left:10px;
}
.headlines li>.new_class p:last-child{
	display:none;
	}
.headlines h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.333;
}

.headlines a {
    color: #a3a3a3;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.714;
    text-transform: uppercase;
    white-space: nowrap;
}

.headlines a:hover {
    color: #fb0000;
}
/**************************
Celeb thumbs:
**************************/

.celebthumbs {
    text-align: center;
}
.celebthumbs li img{
    width:100%;
    height:auto;
}
.celebthumbs li {
    margin: 0.4rem;
    max-width: 197px;
    vertical-align: top;
}
@media screen and (min-width:540px) and (max-width:885px){
    .celebthumbs li{
    width:20%;
    max-width:none;
   }
}
@media screen and (min-width:446px) and (max-width:539px){
    .celebthumbs li{
    width:29%;
    max-width:none;
   }
}
@media screen and (min-width:398px) and (max-width:445px){
   .celebthumbs li{
    width:29%;
    max-width:none;
   }
}
@media screen and (max-width:397px){
   .celebthumbs li{
    width:44%;
    max-width:none;
   }
}
.celebthumbs img{
   height:auto;
   border:1px solid #646464;
   }
@media screen and (max-width:672px){
   .celebthumbs li img{
    width:100%;
   height:auto;
   }
}
/*.celebthumbs a>span {
    display: block;
    text-align: left;
    color: #646464;
}
*/
.celebthumbs a {
    color:#646464;
    display:block;
}
.celebthumbs a:hover .model_name{
    color:#fb0000;
}
.celebthumbs span {
    color: #646464;
    font-size: 0.875rem;
    line-height: 1.4rem;
    float: right;
    width:35%;
    margin-top:-1px;
}
@media screen and (min-width:413px) and (max-width:760px){
    .celebthumbs span{
      font-size:0.6rem;
      margin-top:1px;
    }
}
@media screen and (max-width:412px){
    .celebthumbs span{
    font-size:0.5rem;
    width:40%;
    margin-top:2px;
   }
}
.celebthumbs li a .model_name{
    display:inline-block;
    width:65%;
    color:#646464;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media screen and (min-width:413px) and (max-width:760px){
    .celebthumbs li a .model_name{
      font-size:0.9rem;
    }
}
@media screen and (max-width:412px){
    .celebthumbs li a .model_name{
    width:60%;
font-size:0.9rem;
    }
}
/**************************
Photos:
**************************/

.photos {
    text-align: center;
}

.photos li {
    margin: 0.3rem;
}
@media screen and (min-width:330px) and (max-width:360px){
    .photos li{
     width:44%;
     display:inline-block;
    }
}
@media screen and (max-width:329px){
    .photos li{
     width:43%;
     display:inline-block;
    }
}
.photos li img{
    width:100%;
    height:auto;
    border:1px solid #646464;
}
/**************************
Sex tapes:
**************************/

.sextapes li {
    position: relative;
    margin: 0.5rem;
    min-height: 100px;
    /*border:1px solid #b0b0b0;*/
    padding:5px 5px 0 5px;

}
@media screen and (min-width:481px) and (max-width:640px){
    .sextapes li{
    padding:5px;
    margin:10px;
    width:45%;
    height:auto;
    }
}
@media screen and (max-width:480px){
    .sextapes li{
    width:97%;
    height:auto;
    padding:5px;
    margin:10px;
    }
}
.sextapes img {
    float: left;
    border: 1px solid #646464;
    margin:5px 10px 0 5px;
}
@media screen and (max-width:640px){
    .sextapes img{
     float:none;
     width:100%;
     height:auto;
     margin:0;
    }
}
.sextapes h2 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.333;
    margin-top:3px;
}
@media screen and (min-width:481px) and (max-width:640px){
    .sextapes h2{
     text-align:center;
     font-size:10px;
    }
}
@media screen and (max-width:481px){
    .sextapes h2{
     text-align:center;
     font-size:12px;
    }
}
.sextapes p {
    color: #a3a3a3;
    margin:-3px 0 6px 0;
}
@media screen and (max-width:640px){
    .sextapes p{
    display:none;
    }
}
.sextapes a {
    color: #a3a3a3;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.714;
    text-transform: uppercase;
}
.sextapes .new_class>p:first-of-type{
    overflow:hidden;
    height:126px;
}

@media screen and (min-width:939px) and (max-width:1111px){
    .sextapes .new_class{
    display:inline-block;
    width:70%;
    }
}
@media screen and (min-width:910px) and (max-width:940px){
    .sextapes .new_class{
    display:inline-block;
    width:69%;
    }
}
@media screen and (min-width:857px) and (max-width:909px){
    .sextapes .new_class{
    display:inline-block;
    width:67%;
    }
}
@media screen and (min-width:812px) and (max-width:856px){
    .sextapes .new_class{
    display:inline-block;
    width:66%;
    }
}
@media screen and (min-width:754px) and (max-width:811px){
    .sextapes .new_class{
    display:inline-block;
    width:60%;
    }
}
@media screen and (min-width:717px) and (max-width:753px){
    .sextapes .new_class{
    display:inline-block;
    width:58%;
    }
}
@media screen and (min-width:641px) and (max-width:716px){
    .sextapes .new_class{
    display:inline-block;
    width:54%;
    }
}

.sextapes a:hover {
    color: #fb0000;
}

.video {
    width: 100%;
    max-width: 713px;
    height: auto;
    margin: 0.2em auto;
}

.video > * {
    width: 100% !important;
}
/**************************
Celeblist:
**************************/
.celeblist {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.857;
    margin: 1.2em 0;
}
.content .celeblist {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.857;
    margin: 1.2em 0;
    -webkit-columns:4;
	-moz-columns:4;
	columns:4;
    /*-webkit-columns: 216px;
    -moz-columns: 216px;
    columns: 216px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;*/
}
@media screen and (max-width:1138px){
	.content .celeblist{
		margin:1.2em auto;
		width:85%;
		}
	}
@media screen and (min-width:481px) and (max-width:770px){
	.content .celeblist{
		-webkit-columns:3;
		-moz-columns:3;
		columns:3;
		width:95%;
		}
	}
@media screen and (min-width:430px) and (max-width:480px){
	.content .celeblist{
		-webkit-columns:2;
		-moz-columns:2;
		columns:2;
		width:95%;
		}
	}	
@media screen and (max-width:429px){
	.content .celeblist{
		-webkit-columns:1;
		-moz-columns:1;
		columns:1;
		width:95%;
		}
	}
.celeblist li {
    /***************/
	display:inline-block;
	width:48%;
	vertical-align:top;
	overflow:hidden;
}	
.content .celeblist li {
    display: block;/***************/
	width:100%;
	vertical-align:top;
	overflow:hidden;
}		

/*@media screen and (min-width:481px) and (max-width:1138px){
	.celeblist li{
		width:18%;
		margin:3px;
		}
	}
@media screen and (min-width:401px) and (max-width:480px){
	.celeblist li{
		width:31%;
		margin:3px;
		}
	}
@media screen and (max-width:400px){
	.celeblist li{
		width:47%;
		margin:3px;
		}
	}	*/	
.celeblist li:nth-child(odd){
	margin-right:5px;
	}
/*@media screen and (max-width:1138px){
	.celeblist li:nth-child(odd){
	   margin-right:0px;
	}	
	}	*/
.celeblist li>a>img{
	width:100%;
	height:auto;
	border:1px solid #646464;
	}
.celeblist a {
    color: #a3a3a3;
}
.celeblist li span{
	display: block;
    font-size: 13px;
    margin: -7px 0 5px;
    color: #646464;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
.celeblist li:hover span{
	color:#fb0000;
	}	
.celeblist h3 {
    color: #ff0000;
    font-size: 1.5rem;/*1.125rem*/
    font-weight: 400;
    line-height: 1.444;
   /* margin-top: 1.2em;*/
}
/**************************
Pager:
**************************/

.pager {
    margin: 1.5em 0;
    text-align: center;
    line-height: 1.875;
}

.pager li {
    margin: 0.75em 0;
}

.pager a {
    padding: 0.75em 1em;
    border: 1px solid #000;
    color: #000;
}

.pager .active a,
.pager a.active,
.pager a:hover {
    color: #fb0000;
    border-color: #fb0000;
}

.alpha-pager {
    font-size: 0.875rem;
    line-height:1.5rem;
    font-weight: 400;
    text-align: center;
}

.alpha-pager a {
    color: #000;
    font-weight:700;
    padding: 0.7em;
}

.alpha-pager .active a,
.alpha-pager a.active,
.alpha-pager a:hover {
    color: #fb0000;
}
/***********************************************************
    SIDEBAR:
***********************************************************/

aside {
    display: none;
    background: #fff;
    padding: 10px;
    border-left: 1px solid #a3a3a3;
    height: 0;
    /*animation:*/
    
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

aside li {
    display: block;
}

aside p {
    margin: 0.5em 0;
    color: #a3a3a3;
}

aside a {
    color: #a3a3a3;
}

aside a:hover {
    color: #fb0000;
}

aside h6 {
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    margin: 1.4em 0 0;
}

aside ul {
    padding: 0 0.75em;
    line-height: 1.875;
}

aside.mobile {
    display: block;
	width:320px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-shadow: -3px 3px 14px 0px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: -3px 3px 14px 0px rgba(0, 0, 0, 0.58);
    box-shadow: -3px 3px 14px 0px rgba(0, 0, 0, 0.58);
    height: auto;
}
@media screen and (max-width:480px){
	aside.mobile{
		width:100%;
		}
	}
/**************************
Search form:
**************************/

#searchform {
    margin: 1em auto 0.5em;
    position: relative;
    width: 100%;
    max-width: 300px;
}

header #searchform {
    margin-top: 2em;
}

.mobile #searchform {
    display: none;
}

#searchform input {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    padding: 0.5em 0.5em;
    padding-right: 42px;
    border-radius: 2px;
    border: 1px solid #bbb;
    width: 100%;
    max-width: 300px
}

#searchform button {
    position: absolute;
    top: 4px;
    right: 7px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 1.8em;
    font-family: "fontello";
    color: #a5ba8d;
}

#searchform .icon-search {}
/**************************
Mobile menu:
**************************/

.mobile menu {
    float: none;
    margin-top: auto;
    padding: 0;
    text-align: center;
}

.mobile menu li {
    border-left: none;
    border-right: none;
    /*    border-left: 1px solid #eee;*/
    /*    border-right: 1px solid #eee;*/
    
    border-bottom: 1px solid #eee;
}
/***********************************************************
    FOOTER:
***********************************************************/

footer {
    background: #eee;
    border-top: 1px solid #000;
    text-align: center;
    font-size: 0.75rem;
    line-height: 2;
    padding: 1rem;
    /*    padding-bottom: 1rem;*/
}

footer p {
    text-align: center;
    color: #000;
}

footer .promo-1 {
    margin: 2rem 0 1rem;
}
/***********************************************************
    MEDIA QUERIES:
***********************************************************/

@media screen and (max-width: 480px) {
    h1.logo {
        font-size: 1.4rem;
        display:none;
    }
    .icon-menu,
    .icon-search {
        top: 5px;
        font-size: 2em;
    }
    .icon-menu:active,
    .icon-search:active {
        top: 7px;
    }
}

@media screen and (min-width: 481px) and (max-width:1219px) {
    img.logo {
        display: inline;
        width:60%;
        max-width:none;
    }
 @media screen and (max-width: 480px) {
img.logo {
        display: inline;
        width:70%;
        max-width:none;
    }
}  
   /* h1.logo {
        display: none;
    }*/
    .icon-menu,
    .icon-search {
        top: 2px;
        font-size: 2em;
    }
    .icon-menu:active,
    .icon-search:active {
        top: 4px;
    }
}

@media screen and (min-width: 480px) {
    /*.headlines li {
        padding-left: 117px;
    }*/
    /*.headlines img {
        position: absolute;
        top: 0;
        left: 0;
    }*/
}

/*@media screen and (min-width: 640px) {
    .sextapes li {
        padding-left: 252px;
    }
    .sextapes img {
        position: absolute;
        top: 0;
        left: 0;
    }
}
*/
@media screen and (min-width: 1220px) {
    header {
        text-align: initial;
    }
    .icon-menu,
    .icon-search {
        display: none;
    }
    header menu {
        display: block;
    }
    .logolink {
        display: initial;
    }
    .promo-1 img {
        width: auto;
    }
    main:after {
        clear: both;
        content: " ";
        font-size: 0;
        display: table;
    }
    .content,
    aside {
        display: block;
        float: left;
    }
    .content {
        max-width: 880px;
        width: 100%;
    }
    aside {
        width: 320px;
        height: auto;
    }
}

@media screen and (max-width: 1219px) {
    .celebthumbs {
        max-width: 864px;
        margin: auto;
    }
    /*aside {
        display: none; }*/
	.headlines p{
		margin:35px 0 0 0;
		}
}

@media screen and (max-width: 980px){
	.headlines li>.new_class p:first-of-type{
		height: 85px;
    	overflow: hidden;
		}
	.headlines li>.new_class p:last-of-type{
		display:block;
		margin:0;
		position:relative;
		top:3px;
		}
	.headlines h2{
		height: 45px;
   	    overflow: hidden;
		}	
	}
@media screen and (max-width:865px){
    .content p:first-of-type>img{
    width:95%;
    height:auto;
    margin:0 auto;
    }
}
@media screen and (max-width:690px){
    .content p:not(:first-of-type)>img{
        width:45%;
        height:auto;
        display:inline-block;
        border:1px solid #d0d0d0;
    }
}
@media screen and (min-width:691px) and (max-width:865px){
    .content p:not(:first-of-type)>img{
     width:30%;
     height:auto;
     display:inline-block;
     border:1px solid #d0d0d0;
    }
}
@media screen and (max-width:480px){
    .content>h2{
     font-size:1rem;
    }
	.headlines img{
		display: block;
    	margin: 0 auto;
		}
	.headlines li>.new_class{
		display: block;
    	width: 100%;
		margin-top:0;
		}	
	.headlines h2{
		font-size: 14px;
	    line-height: 15px;
		}	
	.headlines p{
		display:none;
		}
	.headlines li>.new_class p:last-of-type{
		display:none;
		}		
}