@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

*

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;
    font-family: 'Play', sans-serif;
    letter-spacing: 1px;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    background: #000;  
    line-height: 1;
    min-height: 100%;
}
html{
	overflow: scroll;
    overflow-x: hidden;
    min-height:100%;
}
ol, ul {
	list-style: none;
}
p{
    padding: 10px;
    color: #d71e63;
    font-size: 15px;
    line-height: 1.3;
}
h1{
    padding: 10px;
    font-size: 25px;
    color: #d71e63;
    font-weight: bold;
}
h2{
    padding: 10px;
    font-size: 23px;
    color: #d71e63;
    font-weight: bold;
    letter-spacing: 1.5px;
}
h5{
    padding: 10px;
    font-size: 17px;
    color: #d71e63;
    text-align: center;
    font-weight: bold;
}
::-webkit-scrollbar{
    width: 0px;
    background: transparent;
}

/* Main container */
#wrapper{
	min-height: 100vh;
    position: relative;
    transition: 0.5s;
}

/* ----- HEADER ----- */
.navbar{
    width: 100%;
    display: flex;
    background: linear-gradient(to right, #d71e63, #e87f0f);
}
.logo img{
    width: 150px;
}
.mob-nav{
    display: flex;
    flex: 1;
}
.mob-nav1{
    flex: 2;
}
.mob-nav2{
    flex: 1;
}
.fa-search{
    color: #dcdcdc;
    float: right;
    cursor: pointer;
    padding: 10px;
    font-size: 30px;
}
.fa-bars{
    color: #dcdcdc;
    float: right;
    cursor: pointer;
    padding: 10px;
    font-size: 30px;
}
.fa-info-circle{
    padding: 0 5px;
}
.page_toptext{
    font-size: 25px;
    text-align: center;
    background: #e5e5e5;
}
.page_toptext_1 h1{
    padding: 10px;
    font-size: 20px;
    color: #e87f0f;
    text-align: center;
    font-weight: bold;
}
.page_toptext_2 p{
    padding: 0px 10px 10px 10px;
    font-weight: bold;
    color:#000000;
}
.search_wrap{
    display: none;
}
.site_search{
    display: flex;
    padding: 5px;
    background: #a1a1a1;
}
.site_search input{
    color: #e87f0f;
    font-size: 20px;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
    font-family: 'Play', sans-serif;
}
.site_search button {
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
    background: #e87f0f;
    color: #fff;
    padding: 0 20px;
    font-family: 'Play', sans-serif;
    font-size: 20px;
}
.search_wrap2{
    padding: 5px;
    text-align: center;
}
.search_wrap2 input{
    color: #e87f0f;
    margin: 0;
    padding: 5px 10px;
    font-family: 'Play', sans-serif;
}
.search_wrap2 button {
    border: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    background: #d71e63;
    color: #000;
    font-weight: bold;
    padding: 7px 20px;
    font-family: 'Play', sans-serif;
}
::placeholder{
    font-size: 17px;
    color: #000;
    font-family: 'Play', sans-serif;
}
:-ms-input-placeholder{
    font-size: 17px;
    color: #000;
    font-family: 'Play', sans-serif;
}
::-ms-input-placeholder{
    font-size: 17px;
    color: #000;
    font-family: 'Play', sans-serif;
}
.total_models{
    width: 100%;
    background: #dfdede;
    font-size: 20px;
    color: #e87f0f;
    padding: 10px 0;
    text-align: center;
}
.fa-users{
    padding: 0 10px;
}

/* Topnav */
.mob-nav3 {
    overflow: hidden;
    display: none;
}
.mob-nav3 a {
    float: left;
    color: #dcdcdc;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font-size: 17px;
    transition: 0.5s;
    font-weight: bold;
}
.mob-nav3 a:hover {
    color: #000;
}
.mob-nav3 a.active {
    color: #000;
}
.top_links{
    flex: 3;
}

/*SIDEMENU */
#milf_sidemenu{
    background: #010000;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    overflow-x: hidden;
    padding-top: 60px;
    padding-bottom: 20px;
    transition: 0.5s;
}
#milf_sidemenu a{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #dcdcdc;
    font-size: 12px;
    white-space: nowrap;
    transition: 0.3s;
}
#milf_sidemenu a:hover{
    padding: 10px 10px 10px 20px;
    transition: 0.5s!important;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    color: #e87f0f;
}
.fa-times{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: #dcdcdc;
    cursor: pointer;
}
.sortby_wrap{
    background: #dfdede;
    padding: 5px;
    text-align: center;
}
select{
    width: 200px;
    font-size: 20px;
    color: #e87f0f;
    font-family: 'Play', sans-serif;
    border: transparent;
    outline: none;
    background: #fff;
}

/* ----- MODELS ----- */
#modelContainer{
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    background: #cacaca;
}
.model{
    width: calc(33.33% - 10px);
    display: inline-block;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #fff;
    overflow: hidden;
}
.model img{
    width: 100%;
}
.model-info{
    position: relative;
    background-color: #fff;
    font-size: 11px;
}
.model-name{
	width: calc(80% - 5px);
    display: inline-block;
	color: #e87f0f;
	text-align: left;
    letter-spacing: 1.3px;
    padding: 3px 0px 3px 5px;
    overflow: hidden;
    font-weight: bold;
}
.model-age{
	width: calc(20% - 5px);
    display: inline-block;
    float: right;
	color: #e87f0f;
    text-align: right;
    padding: 3px 5px 3px 0px;
    overflow: hidden;
    font-weight: bold;
}
.model-underline{
    color: #d71e63;
    margin: 0px 5px;
    border-bottom: 1px solid #e87f0f;
}
.model-location{
    color: #e87f0f;
    padding: 3px 0px;
    overflow: hidden;
    font-weight: bold;
}
.model-chatters{
    color: #e87f0f;
    padding: 3px 0px;
    overflow: hidden;
    font-weight: bold;
}
.model-status{
    font-size: 30px;
    width: 100%;
    padding: 30px 0;
    color: #dcdcdc;
    display: inline-block;
}
.fa-video{
    padding-right: 5px;
}
.fa-home{
    padding-right: 5px;
}

/* Zoom model */
.thumb {
    overflow: hidden;
}
.model img {
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.model:hover img {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

/* Load more */
.loadmore {
    text-align: center;
    background: #cacaca;
    padding-bottom: 20px;
}
.button_more {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    letter-spacing: 2px;
    border: 1px solid #d71e63;
    background-size: 300% 100%;
    background: #d71e63;
    outline: none;
    font-family: 'Play', sans-serif;
}
.loadingimage{
    text-align: center;
    display: none;
    background: #cacaca;
}
#users-temp{
    display: none;
}

/* ----- CONTENT ----- */
#content {
    position: relative;
    overflow: hidden;
    background: #bebebe;
}
#content_inside{
    width: 95%;
    margin: 0 auto;
}
.cont1{
    padding: 10px;
}
.cont1 h1{
    font-size: 25px;
    font-weight: bold;
    color: #d71e63;
}
.cont11{
    width: 100%;
    border-left: 5px solid #d71e63;
    padding: 10px 0;
    font-style: italic;
}
.cont11 p{
    font-weight: bold;
    line-height: 1.5;
}
.cont2{
    padding: 10px;
    padding-top: 0px;
}
.cont222 h1{
    padding-bottom: 20px;
}
#content #content_inside .cont2 ul li{padding: 10px; color: #d71e63; }

#content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 40px 40px 0;
    border-style: solid;
    border-color: #d71e63 #cacaca #d71e63 #d71e63;
    background: #bebebe;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    display: block;
    width: 0;
}  
strong{
    padding: 10px;
    font-weight: bold;
}
ul{
    padding: 0 10px;
}
li{
    padding: 5px 0;
}
#content.rounded {
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}
#content.rounded:before {
    border-width: 8px;
    border-color: #fff #fff transparent transparent;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
/* ----- CHATROOM ----- */
#chatroom {
	width: 100%;
    color: #000;
	text-align: center;
    background: linear-gradient(to right, #d71e63, #e87f0f);
}
#chatroom p{
    font-size: 14px;
    line-height: 1;
    color: #d71e63;
    font-weight: bold;
    padding: 5px;
}
.chatroom iframe{
	width: 100%;
	height: 100%;
}
.chat-style-x{
    display: flex;
    text-align: left;
    padding: 10px;
}
.chat-style-xx{
    display: flex;
    text-align: left;
    padding: 10px;
}
.chatinfowrap{
    margin: 0 auto;
    background: #fff;
    border-top: none;
    margin-top: 8px;
}
#chatroom .chat-info1 p{
    color: #000;
}
#chatroom .chat-info3 p{
    color: #000;
}
#chatroom .chat-info2 p{
    color: #d71e63;
    font-weight: normal;
}
#chatroom .chat-info4 p{
    color: #d71e63;
    font-weight: normal;
    padding-left: 45px;
}
.model-nick{
    text-align: center;
    padding: 8px 0px;
    background: linear-gradient(to right, #d71e63, #e87f0f);
}
#chatroom .model-nick p{
    color: #dcdcdc;
    font-weight: bold;
}
.iframeTxtbar{
    display:inline-block;
    position: relative;
}
#chatroom .iframeBar p{
    font-size: 20px;
}
#chatroom img{
    width: 40px;
}
/* ----- FOOTER ----- */
#footer{
    width: 100%;
    background: #d71e63;
    background: -webkit-linear-gradient(to left, #d71e63, #e87f0f); 
    background: linear-gradient(to left, #d71e63, #e87f0f);
}
#footer p{
    padding: 20px;
    color: #dcdcdc;
    font-size: 13px;
}
.footerLinks {
    text-align: center;
}
.footerLinks ul {
    padding: 10px;
    list-style-type: none;
    margin: 0;
}
.footerLinks li {
    display: inline-block;
}
.footerLinks a {
    color: #dcdcdc;
    text-decoration: none;
    font-size: 13px;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    transition: 0.5s;
}
.footerLinks a:hover{
    color: #000;
}
.copyright{
    text-align: center;
    color: #dcdcdc;
    font-weight: bold;
}
.addthis{
    display: flex;
    justify-content: center;
}
/* Error 404 */
#error404{
    width: 100%;
    text-align: center;
    background: #dfdede;
    min-height: 1000px;
    padding-top: 200px;
}
#error404 h1, p{
    color: #000;
}

/* ----- MEDIA QUERY ----- */
/* MAX */
@media screen and (max-width: 1025px) {
    .topnav a:not(:first-child) { display: none; }
    .topnav a.icon {
      display: block;
    }
    .topnav.responsive { position: relative; }
    .topnav.responsive a.icon {
      position: relative;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    #chatroom img {width: 30px;}
    .iframeBar{opacity: 0.8;}
}
@media screen and (max-width: 640px) {
    .gradient_plus{display:none}
    .logo img{ width:60px;}
}
/* MIN */
@media (min-width:320px) { .model{width: calc(50% - 10px);} }
@media (min-width:480px) { .model{width: calc(33.3333333333% - 10px);} }
@media (min-width:640px) { .model{width: calc(25% - 10px);} }
@media (min-width:768px) { .mob-nav1{display: none;} .mob-nav2{display: none;} .mob-nav3{display: flex; flex: 1;}  .fa-info-circle{display: none!important;} }
@media (min-width:960px) { .model{width: calc(20% - 10px);} }
@media (min-width:1024px) { .model img{opacity: 0.9;} .model img:hover{opacity: 1;} }
@media (min-width:1280px) { .model{width: calc(16.6666666667% - 10px);} }
@media (min-width:1520px) { .model{width: calc(14.2857142857% - 10px);} }