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

header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a, .box img, nav li a i{-webkit-transition:all 50ms ease-in; -moz-transition:all 50ms ease-in; -ms-transition:all 50ms ease-in; -o-transition:all 50ms ease-in; transition:all 50ms ease-in;}
.grid li a{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#333; opacity:1;}
::-moz-placeholder{color:#333; opacity:1;}
:-ms-input-placeholder{color:#333; opacity:1;}
:-moz-placeholder{color:#333; opacity:1;}

/* Responsive menu */
a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:right; top:12px; right:15px;position:absolute;padding:4px 0;min-height:42px;z-index:5}.mean-container a.meanmenu-reveal{width:22px;height:20px;padding:10px 9px 10px;position:absolute;top:-2px;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:'Roboto', sans-serif;font-weight:700;background-color:#020202;}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:right;width:180px;background:#111;margin:50px 0px 0 0; position:absolute; right:0px; top:0px;}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none;}.mean-container .mean-nav ul ul{background-color:rgba(0, 0, 0, 0.5);}.mean-container .mean-nav ul li{position:relative;float:none;width:100%; text-transform:uppercase; font-size:14px;}.mean-container .mean-nav ul li a{display:block;float:none;width:80%;padding:0px 10%;margin:0;text-align:left;color:#fff;border-bottom:1px solid #000;text-decoration:none;height:auto; line-height:35px;}.mean-container .mean-nav ul li li a{width:80%;padding:0 10%;border-bottom:1px solid #000;/*opacity:.75;filter:alpha(opacity=75);*/text-shadow:none!important;visibility:visible;}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#333; color:#fff;}.mean-container .mean-nav ul li a.mean-expand{width:26px;height:auto;border:0!important;padding:0 6px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700}.mean-container .mean-nav ul li a.mean-expand:hover{background:0}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both; display:none;}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
/* Closed */

header{position:relative; padding:12px 21px 0; background-color:#f1f1f1; margin-bottom:25px;}
.logo{float:left; position:relative; z-index:1;}
header p{font-family:'Roboto', sans-serif;; font-size:24px; color:#000; text-transform:uppercase; position:absolute; width:100%; text-align:center; line-height:44px; top:30px; left:0px;}
header p br{display:none;}
header p span{font-family:'Roboto', sans-serif;;}
nav{float:left; position:relative; z-index:1; margin-left:50px;}
nav li{float:left; font-family:'Roboto', sans-serif;; text-transform:none; text-transform:uppercase; position:relative;}
nav li a{color:#000; line-height:42px;  display:block; padding:0 10px 12px;}
nav li a i{background:url(../images/dropdown.png) no-repeat; width:11px; height:9px; display:inline-block; margin-left:2px; position:relative; top:-1px;}
nav li:hover a i{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);transform: rotate(180deg);}
nav li ul{display:none; position:absolute; left:-5px; top:54px; background-color:#f1f1f1; column-count:6; -moz-column-count:6; -webkit-column-count:6; padding:10px 5px; box-shadow:0 4px 5px 0px rgba(0,0,0,0.4)}
nav li:hover ul{display:block;}
nav li:hover > a{color:#d41f22;}
nav li ul li{font-size:15px; text-transform:none; float:none;}
nav li ul li a{line-height:26px; padding-bottom:0px;}
nav li a:hover, nav li a.active{color:#d41f22;}
.searchIcon{display:none; cursor:pointer;}
.searchBlock{position:relative;}
.searchArea{float:right; width:320px;}
.searchbox{width:100%; border:0px; background-color:#fff; font-family:'Roboto', sans-serif;; font-size:16px; color:#333; padding:0 56px 0 15px; height:42px;}
.search{position:absolute; width:46px; height:42px; background:#d41f22 url(../images/search.png) no-repeat center center; border:none; top:0px; right:0px;}
.models{padding:0 21px;}
.title h1{font-family:'Roboto', sans-serif;; font-size:36px; color:#000; padding-bottom:10px; float:left;}
.title ul{float:right; overflow:hidden; border-radius:5px;}
.title ul li{float:left; font-family:'Roboto', sans-serif;; font-size:14px; text-transform:uppercase; margin-right:1px;}
.title ul li:last-child{margin-right:0px;}
.title ul li a{color:#000; background-color:#ccc; width:60px; text-align:center; display:block; line-height:32px;}
.title ul li a:hover, .title ul li a.active{background-color:#d41f22; color:#fff;}
.grid{margin:0 -5px;}
.grid li{width:20%; padding:0 5px; margin-bottom:10px;}
.grid li img{height:100%; width:100%;}
.box{position:relative; display:block;}
.box span{background-color:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; padding:5px 12px; color:#fff; font-size:15px; font-family:'Roboto', sans-serif;; text-transform:uppercase; z-index:2}
.videoBox{padding-bottom:80.75%; height:0px; position:relative; overflow:hidden;}
.grid li a{overflow:hidden; display:block;}
.grid li video{width:100%; height:100%; display:block; position:absolute; left:0px; top:0px;}
.getAccess{text-align:center; padding-top:40px; padding-bottom:100px;}
.getAccess a{font-family:'Roboto', sans-serif;; font-size:42px; letter-spacing:0.025em; color:#fff; line-height:84px; padding:0 47px; display:inline-block; vertical-align:top; background-color:#d41f22; border-radius:10px;}
.getAccess a:hover{background-color:#111;}
footer{background-color:#e5e5e5; padding:20px 21px; margin-top:20px;}
.fLogo{float:left;}
footer p{font-size:14px; line-height:22px; color:#555555; font-family:'Roboto', sans-serif;; float:right; clear:right;}
footer p a{color:#d41f22;}
footer p a:hover{color:#000;}

/* Model Pics */
.tagBlock{background-color:#f1f1f1; padding:20px;}
.tagLeft{float:left; width:80%;}
.tagLeft li{margin-bottom:15px; clear:left;}
.tagLeft h3{float:left; font-size:15px; line-height:30px; color:#555555; font-family:'Roboto', sans-serif;; padding-right:10px; clear:left;}
.tagLeft li:last-child{margin-bottom:0px;}
.tags{float:left;}
.tags a{background-color:#ccc; border-radius:3px; padding:0 12px; line-height:30px; color:#111; font-size:14px; font-family:'Roboto', sans-serif;; margin-right:5px; float:left;}
.tags a:hover, .tags a.active{background-color:#d41f22; color:#fff;}
.likeDisLike{float:right; text-align:center; padding-right:30px; padding-top:28px;}
.btn a{display:inline-block; margin:0 5px;}
.likeDisLike p{color:#555555; font-family:'Roboto', sans-serif;; font-size:16px; padding-top:10px; }
a.like{background:url(../images/like.png) no-repeat; width:32px; height:32px; display:inline-block;}
a:hover.like{background:url(../images/likeh.png) no-repeat;}
a.dislike{background:url(../images/dislike.png) no-repeat; width:32px; height:32px; display:inline-block;}
a:hover.dislike{background:url(../images/dislikeh.png) no-repeat;}
.related{padding-top:20px;}
.related > h3 {font-size:24px; color:#555555; font-family:'Roboto', sans-serif;; padding-bottom:10px;}
.search_models{padding:10px 20px; background-color:#f1f1f1; margin-bottom:15px;}
.search_models ul{text-align:center;}
.search_models ul li{display:inline; font-family:'Roboto', sans-serif;; font-size:15px; color:#444; text-transform:uppercase; margin:0 -1px;}
.search_models ul li a{color:#444; border-radius:3px; -webkit-border-radius:3px; text-align:center; min-width:28px; height:28px; line-height:28px; display:inline-block}
.search_models ul li a:hover, .search_models ul li a.active{background-color:#d41f22; color:#fff;}
.search_models ul li:first-child{padding-right:10px;}
.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    width: 100%;
}
.pagination {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.pagination > li {
    display: block;
}
.pagination > li > a,
.pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 20px;
    background-color: #f5f5f5;
    border: none;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #e0e0e0;
    color: #d41f22;
    transform: translateY(-1px);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: #d41f22;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(212, 31, 34, 0.3);
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover {
    background-color: #fafafa;
    color: #bbb;
    cursor: not-allowed;
    pointer-events: none;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    padding:5px;
}

strong {
    font-family: Roboto, sans-serif;
}

/* Single Model Profile Page Styles */
.profile-container {
    background: #fdfdfd;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.profile-left {
    flex: 0 0 220px;
}
.profile-left img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.profile-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.profile-right h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #111;
    margin-bottom: 12px;
    border: none;
    padding: 0;
    text-align: left;
}
.model-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}
.stat-badge {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background: #eaeaea;
    color: #333;
    padding: 6px 12px;
    border-radius: 4px;
}
.stat-badge b {
    font-weight: 700;
}
.stat-badge.status-online {
    background: #4caf50;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.stat-badge.platform-chaturbate {
    background: #ff8c00;
    color: #fff;
    font-weight: 700;
}
.stat-badge.platform-stripchat {
    background: #e2193c;
    color: #fff;
    font-weight: 700;
}
.model-bio {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 20px;
    padding: 0;
}
.model-actions {
    display: flex;
    gap: 12px;
}
.action-btn {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.btn-watch {
    background: #d41f22;
    color: #fff;
}
.btn-watch:hover {
    background: #b81619;
}
.btn-profile {
    background: #276fdb;
    color: #fff;
}
.btn-profile:hover {
    background: #1e5bb8;
}

/* Video Player container */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    background: #000;
    border-radius: 8px;
    margin: 25px 0 35px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive queries for Profile */
@media only screen and (max-width: 767px) {
    .profile-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px;
    }
    .profile-left {
        flex: 0 0 180px;
        width: 180px;
    }
    .profile-right {
        align-items: center;
        width: 100%;
    }
    .profile-right h2 {
        text-align: center;
    }
    .model-stats {
        justify-content: center;
    }
    .model-actions {
        width: 100%;
        flex-direction: column;
    }
    .action-btn {
        width: 100%;
    }
}

/* Tags Page Styles */
.tags-directory {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 40px;
}
.tags-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.tags-grid a {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    padding: 10px 18px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.15s ease-in-out;
}
.tags-grid a:hover {
    background: #d41f22;
    color: #fff;
    border-color: #d41f22;
    box-shadow: 0 2px 6px rgba(212, 31, 34, 0.2);
}