html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

html{
  transition: all 0.3s ease;
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    max-width: 100vw;
    overflow-x: hidden;
}
a {
  text-decoration: none;
  color: #313131;
  transition: all 0.3s ease;
}
a:hover{
  color: #e21e1e;
}
ul{
  padding: 0;
  list-style: none;
  margin: 0;
}
main{
  display: block;
  margin: 0 auto;
  padding-bottom: 50px;
}
.models,
.videos-watch,
.videos{
  display: block;
  text-align: center;
}
.short{
  vertical-align: top;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.short img{
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);
  border-radius: 3px;
}
.videos .short,
.videos-watch .short,
.videos-watch .short,
.cat-list-image .short{
  display: inline-block;
  width: calc(16.6% - 12px);
  margin: 4px; 
}
.models .short{
  display: inline-block;
  width: calc(12.5% - 12px);
  margin: 4px; 
  text-align: center;
}
html.four .videos .short,
html.four .videos-watch .short,
html.four .videos-watch .short,
html.four .cat-list-image .short {
  width: calc(25% - 12px);
}
html.four .models .short{
  width: calc(13.3% - 12px);
}
.short .short-infa-rating,
.short .short-infa-views,
.short .short-infa-videos,
.short .short-infa-duration{
  position: absolute;
  padding: 2px 5px;
  color: #fff;
  background: rgba(0,0,0,0.3);
  transition: all 0.6s ease;
  border-radius: 3px;
}
.short .short-infa-rating{
  top: 2px;
  left: -75px;
}
.short .short-infa-views{
  bottom: 23px;
  left: -75px;
}
.short .short-infa-videos,
.short .short-infa-duration{
  bottom: 23px;
  right: -75px;
}
.short:hover .short-infa-rating{
  left: 2px;
}
.short:hover .short-infa-views{
  left: 2px;
}
.short:hover .short-infa-videos,
.short:hover .short-infa-duration{
  right: 2px;
}
.short .title,
.short-models .title{
  font-size: 14px;
  display: block;
  height: 16px;
}
.pagination-div{
  text-align: center;
  display: block;
  width: 100%;
}
.pagination-ul{
  display: block;
  list-style: none;
  display: inline-block;
  margin: 25px auto;
  padding: 0;
  border: 1px solid #e21e1e;
  border-radius: 3px;
}
.pagination-ul li,
.pagination-ul li span{
  display: inline-block;  
  transition: all 0.6s ease;
}
.pagination-ul li:hover{
  background: #e21e1e;
}
.pagination-ul li a,
.pagination-ul li span{
  color: #e21e1e;
  transition: all 0.6s ease;
  padding: 10px 20px;
  display: block;
}
.pagination-ul li a:hover,
.pagination-ul li span:hover{
  color: #fff;
}
.pagination-ul li.current{
  background: #e21e1e;
}
.pagination-ul li.current span{
  color: #fff;
}
.cat-list-count,
.tag-list-count,
.tags-list-count,
.model-list-count,
.models-list-count,
.studio-list-count,
.cat-list .cat_list_letter ul,
.tag-list .tag_list_letter ul,
.studio-list .studio_list_letter ul{
  list-style: none;
  columns: 4;
  line-height: 1.6em !important;
}
.cat-list-count a,
.tag-list-count a,
.tags-list-count a,
.model-list-count a,
.models-list-count a,
.studio-list-count a,
.cat-list .cat_list_letter a,
.tag-list .tag_list_letter a,
.studio-list .studio_list_letter a{
  display: flex;
  justify-content : space-between;
}
.cat-list-count a span:nth-child(1),
.tag-list-count a span:nth-child(1),
.tags-list-count a span:nth-child(1),
.model-list-count a span:nth-child(1),
.models-list-count a span:nth-child(1),
.studio-list-count a span:nth-child(1),
.cat-list .cat_list_letter a span:nth-child(1),
.tag-list .tag_list_letter a span:nth-child(1),
.studio-list .studio_list_letter a span:nth-child(1){
  white-space: nowrap;
  margin-right: 10px;
}
.cat-list-count a span:nth-child(2),
.tag-list-count a span:nth-child(2),
.tags-list-count a span:nth-child(2),
.model-list-count a span:nth-child(2),
.models-list-count a span:nth-child(2),
.studio-list-count a span:nth-child(2),
.cat-list .cat_list_letter a span:nth-child(2),
.tag-list .tag_list_letter a span:nth-child(2),
.studio-list .studio_list_letter a span:nth-child(2){
  width: 100%;
  border-bottom:1px dotted #313131;
}
.cat-list-count a span:nth-child(2):hover,
.tag-list-count a span:nth-child(2):hover,
.tags-list-count a span:nth-child(2):hover,
.model-list-count a span:nth-child(2):hover,
.models-list-count a span:nth-child(2):hover,
.studio-list-count a span:nth-child(2):hover,
.cat-list .cat_list_letter a span:nth-child(2):hover,
.tag-list .tag_list_letter a span:nth-child(2):hover,
.studio-list .studio_list_letter a span:nth-child(2):hover{
  border-bottom:1px dotted #e21e1e;
}
.cat-list-count a span:nth-child(3),
.tag-list-count a span:nth-child(3),
.tags-list-count a span:nth-child(3),
.model-list-count a span:nth-child(3),
.models-list-count a span:nth-child(3),
.studio-list-count a span:nth-child(3),
.cat-list .cat_list_letter a span:nth-child(3),
.tag-list .tag_list_letter a span:nth-child(3),
.studio-list .studio_list_letter a span:nth-child(3){
  margin-left: 10px;
  text-align: right;
  white-space: nowrap;
}
.cat-list-count li,
.tag-list-count li,
.tags-list-count li,
.studio-list-count li{
  margin-bottom: 5px;
}
.cat-list .cat_list_letter,
.tag-list .tag_list_letter,
.studio-list .studio_list_letter{

}
.tag-list .tag_list_letter > span,
.cat-list .cat_list_letter > span,
.studio-list .studio_list_letter > span{
  text-transform: uppercase;
  color: #e21e1e;
  font-size: 22px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e21e1e;
  margin-bottom: 10px;
  max-width: 25%;
}


header{
  min-height: 40px;
}
header .logo{
  color: #e21e1e;
}
header .menu{

}
header .menu li{
  display: inline-block;
  padding: 5px 10px;
}
header .menu li ul{
  position: absolute;
  overflow: hidden;
  z-index: 100;
  max-height: 0px;
  background: #fff;
  column-count: 4;
  left: 0;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  top: 30px;
}
header .menu li ul li{
  width: 100%;
  line-height: 1.6em;
}
header .menu li:hover ul{
  max-height: 600px;
  padding: 10px;
}
header,
footer{
  display: block;
  box-shadow: 0px 0px 4px #313131;
}
footer{
  background: #333333;
  color: #fff;
  min-height: 50px;
  padding: 25px;
  font-size: 14px;
  line-height: 1.6em;
}
.inner{
  margin: 0 auto;
  display: flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
main,
.inner{
  max-width: 1440px;
}
.header_line.line2{
  background: #333;
}
header .menu a{
  color: #fff;
  font-size: 18px;
  position: relative;
  padding: 5px 10px;
}
header .menu .cat-list a{
  color: #333;
  font-size: 16px;
}
.studio_list_letter a,
.tag_list_letter a,
.cat_list_letter a{
  position: relative;
}
.studio_list_letter a::before,
.tag_list_letter a::before,
.cat_list_letter a::before,
header .menu a::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: #e21e1e;
    height: 3px;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.studio_list_letter a:hover::before,
.tag_list_letter a:hover::before,
.cat_list_letter a:hover::before,
header .menu a:hover::before {
    width: 100%;
}
header button{
  background: none;
  font-size: 24px;
  border: none;
  color: #bbb;
  height: 28px;
  transition: all 0.6s ease;
  padding: 0 5px;
  cursor: pointer;
}
header button.active,
header button:hover{
  color: #e21e1e;
}
header .buttons-right button,
header .buttons-right .sun-moon{
  display: inline-block;
}
header .sun-moon{
  border: 1px solid #222;
  border-radius: 15px;
  background: #222;
}
.header_line.line1{
  height: 75px;
}
.header_line.line2 .inner.menu{
  position: relative;
  padding-top: 1px;
}
.video_info .cats_row,
.video_info .tags_row,
.video_info .models_row,
.video_info .studios_row,
.video_info .social_row,
.video_info .descr_row{
  line-height: 1.6em;
  color: #e21e1e;
}
.video_info .cats_row span,
.video_info .tags_row span,
.video_info .models_row span,
.video_info .studios_row span,
.video_info .social_row span,
.video_info .descr_row{
  color: #222;
}
html.moon .video_info .cats_row span,
html.moon .video_info .tags_row span,
html.moon .video_info .models_row span,
html.moon .video_info .studios_row span,
html.moon .video_info .social_row span,
html.moon .video_info .descr_row{
  color: #aaa;
}

.video_info a{
  color: #e21e1e;
}
.video_info .first-row{
  background: #f3f3f3;
  margin-top: 20px;
  padding: 20px;
  margin-bottom: 13px;
}
html.moon .video_info .first-row{
  background: #333;
}
.rating.video-rating{
  display: inline-block;
}
.video_info .fas,
.video_info .far{
  margin-left: 20px;
  margin-right: 10px;
}
.video_info .rating .far{
  margin: 0px;
}
.rating.video-rating .rate-like,
.rating.video-rating .rate-dislike,
.rating.video-rating .rate-result{
  display: inline-block;
}
.rating.video-rating .rate-like{
  color: #6cc43c;
  font-size: 22px;
  vertical-align: top;
}
.rating.video-rating .rate-dislike{
  color: #ff524e;
  font-size: 22px;
  padding-top: 3px;
  vertical-align: bottom;
}
.video-rating .scale-holder {
    background-color: #ff524e;
    height: .25rem;
    position: relative;
}
.video-rating .scale-holder .scale {
    background-color: #6cc43c;
    height: .25rem;
    position: absolute;
    top: 0;
    left: 0;
}
.load_more_videos{
  color: #e21e1e;
  cursor: pointer;
  border: 1px solid #e21e1e;
  display: block;
  margin: 25px auto;
  width: 150px;
  text-align: center;
  transition: all 0.6s ease;
  padding: 10px 20px;
  border-radius: 3px;
}
.load_more_videos:hover{
  background: #e21e1e;
  color: #fff;
}
.top-button-div a.all-button{
  color: #e21e1e;
  cursor: pointer;
  border: 1px solid #e21e1e;
  display: block;
  margin: 25px auto;
  width: 150px;
  text-align: center;
  transition: all 0.6s ease;
  padding: 10px 20px;
  border-radius: 3px;
}
.top-button-div a.all-button:hover{
  background: #e21e1e;
  color: #fff;
}
.sorting{
  text-align: right;
}
.search{
  padding-top: 19px;
  width: 95%;
  max-width: 600px;
}
.search form{
  padding: 0;
  width: 100%;
  max-width: 600px;
  border: 1px solid #aaa;
  border-radius: 5px;
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}
.search input{
  border: 0px;
  padding: 5px 10px;
  background: #fff;
  border-right: 1px solid #aaa;
  font-size: 18px;
  line-height: 24px;
  width: calc(100% - 20px);
  transition: all 0.3s ease;
}
.search button{
  vertical-align: middle;
  color: #222;
  transition: all 0.3s ease;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}
.search form:hover{
  border: 1px solid #e21e1e;
}
.search form:hover button{
  color: #000;
}
html.moon{
  background: #202020;
  color: #dadada;
}
html.moon a{
  color: #dadada;
}
html.moon a:hover{
  color: #e21e1e;
}
.video_info a,
html.moon .video_info a{
    color: #e21e1e;
}
.video_info a:hover,
html.moon .video_info a:hover{
  color: red;
}

html.moon .search form{
  background: #222;
}
html.moon .search button{
  background: #aaa;
}
html.moon .search form input{
  background: #aaa;
  color:#222;
  width: 100%;
}
html.moon .search form:hover{
  background: #e21e1e;
  border: 1px solid #e21e1e;
}
html.moon .search form:hover input{
  border-right: 1px solid #e21e1e;
}
footer .inner{
  display: block;
}
.footer_menu{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.footer_menu li{
  display: inline-block;
}
.footer_menu li a{
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #fff;
}
.footer_menu li a:hover{
  color: #e21e1e;
}
.logo img{
  width: 100%;
  padding-top: 12px;
}
.player_block{
  display: block;
  width: 100%;
}
.ads{
  background: pink;
}
.player_block{
  width: calc(100% - 230px);
  display: inline-table;
  vertical-align: top;
}
.ads.ads_on_player1{
  width: 220px;
  height: auto;
  display: inline-table;
  vertical-align: top;
}
.ads.ads_on_player1 .in{
  height: 220px;
  border: 1px solid red;
  width: 220px;
  display: inline-block;
}
.ads.ads_on_player1 .in:nth-child(4){
/*  display: none;*/
}
header .menu a.hc-nav-trigger{
  position: absolute;
  top: 0px;
  background: #333;
  width: 21px;
  padding: 3px 10px;
  left: 0;
}
header .menu a.hc-nav-trigger span,
header .menu a.hc-nav-trigger span::before,
header .menu a.hc-nav-trigger span::after {  
  background: #e21e1e;
}
header .menu a.hc-nav-trigger::before {
  height: 0;
}
.hc-offcanvas-nav .nav-container {
  width: 300px;
}
.nav-open .hc-nav.hc-nav-1 {
  display: block;
}
.nav-open .hc-nav.hc-nav-1 .fas.fa-angle-down{
  display: none;
}
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: #333;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item {
  border-bottom: 1px solid #666;
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #333;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #666;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #000;
}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
    border-left: 1px solid #666;
}
.hc-nav-trigger span{
  left: 6px;  
}
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    left: 0px;
}
.hc-offcanvas-nav:not(.touch-device) a:hover,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover,
.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover {
  background: #e21e1e;
  color: #fff;
}
.header_line.line3{
  display: none;
}
#totop{
  display: none;
  position: fixed;
  right: 0;
  bottom: 50px;
  color: #fff;
  font-size: 24px;
  background: #333333;
  border: 1px solid #000;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 5px 0 0 5px;
}
#totop.fixed{
  display: block;
}
.video_info .social_row .fab,
html.moon .video_info .social_row .fab{
  font-size: 22px;
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 auto;
}
.video_info .social_row a,
html.moon .video_info .social_row a{
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}
.video_info a.social_facebook,
html.moon .video_info a.social_facebook{
  background: #3b5998;
  color: #fff;
}
.video_info a.social_vk,
html.moon .video_info a.social_vk{
  background: #4a739a;
  color: #fff;
}
.video_info .social_twitter,
html.moon .video_info .social_twitter{
  background: #00aced;
  color: #fff;
}
.video_info .social_tumblr,
html.moon .video_info .social_tumblr{
  background: #374a61;
  color: #fff;
}
.video_info .social_gplus,
html.moon .video_info .social_gplus{
  background: #dd4b39;
  color: #fff;
}
.video_info .social_reddit,
html.moon .video_info .social_reddit{
  background: #eee;
  color: #ff4500;
}
.video_info .social_stumbleupon,
html.moon .video_info .social_stumbleupon{
  background: #eb4924;
  color: #fff;
}
.video_info .social_blogger,
html.moon .video_info .social_blogger{
  background: #f39200;
  color: #fff;
}
.cat_nave{
  text-align: right;  
}
.cat_nave span{
  font-weight: bold;
  color: #e21e1e;
}
.cat_nave a{
  color: #e21e1e;
}

@media screen and (max-width: 1440px){
  main,
  .inner{
    max-width: 96vw;
  }
  .ads.ads_on_player1 .in:nth-child(4){
    display: none;
  }
}
@media screen and (max-width: 1200px){
  .cat-list-count,
  .tag-list-count,
  .tags-list-count,
  .model-list-count,
  .models-list-count,
  .studio-list-count,
  .cat-list .cat_list_letter ul,
  .tag-list .tag_list_letter ul,
  .studio-list .studio_list_letter ul {
    columns: 3;    
  }
  .ads.ads_on_player1 .in:nth-child(3),
  .ads.ads_on_player1 .in:nth-child(4){
    display: none;
  }
}
@media screen and (max-width: 1024px){
  .videos .short,
  .videos-watch .short,
  .cat-list-image .short,
  .related .short {
    width: calc(25% - 12px);
  }
  html.four .videos .short,
  html.four .videos-watch .short,
  html.four .cat-list-image .short,
  html.four .related .short {
    width: calc(33.3% - 12px);
  }
  .models .short{
    width: calc(16.6% - 12px);
  }
  html.four .models .short{
    width: calc(25% - 12px);
  }
  .player_block,
  .ads.ads_on_player1{
    width: 100%;  
  }
  .ads.ads_on_player1{
    overflow: hidden;
    height: 220px;
    display: block;
    white-space: nowrap;
    margin-top: 20px;
  }
  .ads.ads_on_player1 .in:nth-child(3),
  .ads.ads_on_player1 .in:nth-child(4){
    display: inline-block;
  }
  .search,
  .search form,
  .search input{
    max-width: 450px;
  }
}
@media screen and (max-width: 860px){
  .cat-list-count,
  .tag-list-count,
  .tags-list-count,
  .model-list-count,
  .models-list-count,
  .studio-list-count,
  .cat-list .cat_list_letter ul,
  .tag-list .tag_list_letter ul,
  .studio-list .studio_list_letter ul {
    columns: 2;
  }
  .hc-nav-trigger.hc-nav-1 {
      display: block;
  }
  .buttons-right{
    text-align: right;
    width: 100%;    
  }
  .header_line.line1{
    display: none;
  }
  .header_line.line3{
    display: block;
  }
  .header_line.line2{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }
  .search{
    position: relative;
    top: 0;
    width: calc(100% - 135px);
    max-width: 300px;
    padding-top: 30px;
  }
  .search input{
    line-height: 20px;
  }
  .search button{
    font-size: 18px;
  }
  html.moon .search input{
    background: #aaa;
  }
  html.moon .search button{
    background: #aaa;
  }
  header{
    padding-top: 25px;
  }
}
@media screen and (max-width: 640px){
  .videos .short,
  .videos-watch .short,
  .cat-list-image .short,
  .related .short {
    width: calc(33.3% - 12px);
  }
  html.four .videos .short,
  html.four .videos-watch .short,
  html.four .cat-list-image .short,
  html.four .related .short {
    width: calc(50% - 12px);
  }
  .models .short{
    width: calc(25% - 12px);
  }
  html.four .models .short{
    width: calc(33.3% - 12px);
  }
  .thumb-switcher{
    display: none !important;
  }
  .logo{
    padding-top: 10px;
    max-width: 200px;
  }
  .logo{
    width: 50vw;
  }
  .search{
    padding-top: 30px;
  }
  .footer_menu li a {
    padding: 10px 6px;
  }
}
@media screen and (max-width: 480px){
  .videos .short,
  .videos-watch .short,
  .related .short,
  .cat-list-image .short,
  html.four .videos .short,
  html.four .videos-watch .short,
  html.four .related .short,
  html.four .cat-list-image .short {
    width: calc(50% - 12px);
  }
  .models .short{
    width: calc(50% - 12px);
  }
  html.four .models .short{
    width: calc(50% - 12px);
  }
  .cat-list-count,
  .tag-list-count,
  .tags-list-count,
  .model-list-count,
  .models-list-count,
  .studio-list-count,
  .cat-list .cat_list_letter ul,
  .tag-list .tag_list_letter ul,
  .studio-list .studio_list_letter ul {
    columns: 1;
  }
  .footer_menu li a {
    padding: 10px 6px;
  }
  .footer_menu li {
    display: block;
    padding: 10px 0;
  }
  .inner{
    display: block;
  }
  .search{
    padding-top: 1px;
    top: 1px;
    left: 50px;
    z-index: 1001;
    position: fixed;
    width: calc(100% - 180px);
    margin: 0 25px;
  }
  .search input{
    padding: 2px 5px;
    font-size: 16px;
    background: #aaa;
  }
  .search button{
    height: 24px;
    background: #aaa;
  }
  .logo{
    margin: 0 auto;
  }
}
@media screen and (max-width: 320px){
  .videos .short,
  .videos-watch .short,
  .cat-list-image .short,
  .related .short,
  html.four .videos .short,
  html.four .videos-watch .short,
  html.four .cat-list-image .short,
  html.four .related .short {
    width: calc(100% - 12px);
  }
  .models .short{
    width: calc(50% - 12px);
  }
}