@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
/*** RESET STYLES ***/
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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, input, textarea, select, button {
  display: block;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

button,
input[type="submit"] {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
}

/*** END RESET STYLES ***/
/* GENERAL */
a {
  text-decoration: none;
  color: #fff;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font: 14px/1.2 "Roboto", sans-serif;
  font-weight: 400;
  background: #000;
  color: #fff;
  min-width: 320px;
  position: relative;
}

html,
body {
  height: 100%;
}

img {
  display: block;
  max-width: 100%;
}



.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
}
.pagination__item {
  margin: 5px;
}
.pagination__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 40px;
  font-weight: 700;
  padding: 0 15px;
  border: 1px solid #353535;
  background: #000;
  -webkit-transition: background-color 0.3s, border-color .3s;
  transition: background-color 0.3s, border-color .3s;
}
@media only screen and (min-width: 768px) {
  .pagination__link:hover {
    background-color: #d32f2f;
    border-color: #d32f2f;
  }
}
.pagination__link.pagination__link_disabled {
  background-color: #252524;
  border-color: #252524;
}
@media only screen and (max-width: 768px) {
  .pagination__item {
    margin: 2px;
  }
  .pagination__link {
    height: 34px;
    padding: 0 10px;
  }
}


/* ------------DESKTOP STYLES------------ */
@media only screen and (min-width: 1001px) {
  .mobile-device {
    display: none !important;
  }

  .mobile-menu {
    display: none;
  }

  .wrapper {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden;
  }

  .container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 10px;
  }

  @media only screen and (max-width: 768px) {
    .container {
      padding: 0 5px;
    }
  }

  .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    fill: currentColor;
  }

  .icon_holder {
    display: inline-block;
    vertical-align: middle;
  }

  /* end GENERAL */
  /* Buttons etc */
  .btn,
  input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    padding: 10px 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #d32f2f;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    outline: none;
  }

  @media only screen and (min-width: 768px) {

    .btn:hover,
    input[type="submit"]:hover {
      background-color: #429846;
    }
  }

  .btn_login {
    background-color: transparent;
  }

  @media only screen and (min-width: 768px) {
    .btn_login:hover {
      text-decoration: underline;
      background-color: transparent;
    }
  }

  .show-more {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #252524;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-weight: 300;
  }

  @media only screen and (min-width: 768px) {
    .show-more:hover {
      background-color: #d32f2f;
      color: #fff;
    }
  }

  /* EOF Buttons etc */
  /* Inputs */
  .input,
  .textarea,
  .textfield {
    width: 100%;
    height: 100%;
    font-weight: 400;
    outline: none;
    color: #88888c;
    font-size: 13px;
    padding: 10px;
    background: #fff;
    border: 2px solid #000000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .textarea {
    resize: vertical;
    overflow: hidden;
  }

  /* EOF Inputs */
  input,
  textarea,
  select,
  button {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }

  /* HEADER */
  .header {
    width: 100%;
    z-index: 100;
  }

  .header-top {
    padding: 10px 0;
    background: #141414;
  }

  .header-top .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-bottom {
    background-color: #1b1b1b;
    border-bottom: solid 1px #1b1b1b;

    background-color: #000;
    border-bottom: solid 1px #000;
    padding: 10px 0;
  }

  .header-bottom .nav-menu__item {
    margin: 0 2px;
  }

  .header__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .header__box_actions {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .header__box_actions .btn {
    font-size: 14px;
    text-transform: capitalize;
  }

  .btn_upload {
    background-color: #404040;
  }

  .header .logo {
    width: 162px;
    height: 50px;
    margin-right: 20px;
    background-image: url(../img/logo.png?v=3);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .header-search {
    position: relative;
    width: 68%;
    z-index: 99999;
  }

  .header-search__btn {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 37px;
    height: 100%;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none;
  }

  .header-search__btn .svg-icon {
    color: #858585;
    font-size: 20px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }

  .header-search .input {
    padding: 9px 40px 9px 10px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  }

  .main {
    padding-top: 20px;
  }

  .main__row {
    margin-bottom: 20px;
  }

  .main__row:last-child {
    margin-bottom: 0;
  }

  .main__bottom {
    margin: 20px 0;
  }

  .nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-menu__item {
    margin: 0 10px;
    position: relative;
  }

  .nav-menu__item:first-child {
    margin-left: 0;
  }

  .nav-menu__item:first-child .nav-menu__link {
    padding-left: 0;
  }

  @media only screen and (min-width: 768px) {
    .nav-menu__link:hover {
      text-decoration: underline;
    }
  }

  .nav-menu__item .dropdown-menu {
    width: 150px;
    transform: translateX(-50%);
    left: 50%;
    text-align: center;
    overflow: initial;
  }
  .nav-menu__item .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #252524 transparent;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .nav-menu__item .dropdown-menu a {
    color: #fff;
  }

  .header .nav-menu__link {
    display: block;
    padding: 16px 11px 13px;
    cursor: pointer;
  }

  .header .nav-menu.underline .nav-menu__link {
    border: 1px solid #252524;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 10px;
    background: #252524;
    transition: background .3s;
  }
  .header .nav-menu.underline .nav-menu__link:hover {
    text-decoration: none;
    background: #d32f2f;
  }

  .header .nav-menu__link.arrow {
    padding-right: 20px;
  }
  .header .nav-menu__link.arrow:after {
    content: "";
    width: 5px;
    height: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0 2px 2px 2px;
    position: absolute;
    right: 5px;
    top: 18px;
  }

  .footer {
    display: table-row;
    position: relative;
    height: 1px;
  }

  .footer:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
    background-color: #353535;
  }

  .footer .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0 17px;
  }

  .footer .nav,
  .footer-info {
    margin-bottom: 20px;
  }

  .headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .headline__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .headline__title {
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
  }

  .headline__title .country-flag {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
  }

  .sorting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sorting__item {
    margin-right: 15px;
  }

  .sorting__item:last-child {
    margin-right: 0;
  }

  .sorting__item.active .sorting__link {
    color: #fff;
    text-decoration: none;
  }

  .sorting__link {
    font-size: 18px;
    color: #438cf7;
    text-decoration: underline;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }

  @media only screen and (min-width: 768px) {
    .sorting__link:hover {
      color: #fff;
    }
  }

  .filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #252524;
  }

  .filter_show-more {
    width: 120px;
  }

  .filter__link {
    outline: none;
    padding: 3px 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-right: 2px;
    text-align: center;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
  }

  @media only screen and (min-width: 768px) {
    .filter__link:hover {
      /* background-color: #d32f2f; */
    }
  }

  .filter__link:last-child {
    width: 100%;
    margin-right: 0;
  }

  .filter__link.active {
    background-color: #d32f2f;
  }

  a.filter__link {
    padding: 0 5px;
  }

  .filters-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  @media only screen and (max-width: 1200px) {
    .filters-group {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .filters-group__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
  }

  @media only screen and (max-width: 1200px) {
    .filters-group__col {
      width: 100%;
    }
  }

  .filter-list__slider {
    width: 27%;
    padding: 15px;
  }

  @media only screen and (max-width: 1200px) {
    .filter-list__slider {
      width: 40%;
    }
  }

  .filter-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .filter-list__box {
    width: 50%;
    padding: 15px;
  }

  .filter-list__title {
    margin-bottom: 10px;
    text-align: center;
  }

  .filter-list__item .legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    margin-left: -5px;
  }

  .filter-videos {
    padding: 3px;
  }

  .filter-videos a.filter__link {
    padding: 3px 18px;
  }

  .ui-selectmenu-button.ui-button {
    width: 100% !important;
    box-sizing: border-box;
  }

  .ageGroup .ui-widget.ui-widget-content .ui-slider-handle.ui-corner-all {
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    outline: none;
    cursor: pointer;
    background: #000;
    border: 2px solid #242424 !important;
  }

  .ageGroup .ui-widget-content {
    background: #353535;
  }

  .more-filters {
    border: 1px solid #353535;
    margin-bottom: 20px;
  }

  .more-filters.hidden-properties {
    display: none;
  }

  .filter__link .hide-text {
    display: none;
  }

  .more-filters.show-more-filters {
    display: block;
  }

  .ui-widget-content {
    background-color: #000 !important;
  }

  .ui-button,
  .ui-widget-content {
    background-color: #000 !important;
    border: 1px solid #353535 !important;
    outline: none !important;
  }

  .ui-state-active,
  .ui-widget-content .ui-state-active,
  .ui-widget-header .ui-state-active,
  a.ui-button:active,
  .ui-button.ui-state-active:hover {
    background-color: #242424 !important;
    border-color: #242424 !important;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default {
    background: #353535 !important;
  }

  .ageGroup .ui-widget-header {
    background: #353535 !important;
  }

  .thumbs-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: -2px;
    margin-right: -2px;
  }

  .thumbs-list.thumbs-list_model {
    margin-left: -8px;
    margin-right: -8px;
  }

  .ui-slider-horizontal .ui-slider-handle {
    top: -0.4em !important;
  }

  .thumb {
    width: 20%;
    padding: 9px 2px 9px 2px;
  }

  .thumbs-list.desktop-row .thumb:nth-child(n+6) {
    display: none;
  }

  @media only screen and (max-width: 992px) {
    .thumb {
      width: 25%;
    }
  }

  @media only screen and (max-width: 768px) {
    .thumb {
      width: 33.333%;
    }
  }

  @media only screen and (max-width: 480px) {
    .thumb {
      width: 50%;
    }
  }

  .thumbs-list_model .thumb {
    width: 16.666%;
    padding: 9px 8px 9px 8px;
  }

  @media only screen and (max-width: 992px) {
    .thumbs-list_model .thumb {
      width: 20%;
    }
  }

  @media only screen and (max-width: 768px) {
    .thumbs-list_model .thumb {
      width: 25%;
    }
  }

  @media only screen and (max-width: 480px) {
    .thumbs-list_model .thumb {
      width: 33.333%;
    }
  }

  .thumbs-list_model {
    counter-reset: number;
  }

  .thumbs-list_model .thumb__img {
    padding-bottom: 118%;
  }

  .thumb__top {
    display: block;
    position: relative;
  }

  @media only screen and (min-width: 768px) {
    .thumb__top:hover .thumb__title {
      color: #438cf7;
      text-decoration: underline;
    }
  }

  .thumb__bage {
    position: absolute;
    overflow: hidden;
    text-align: center;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    z-index: 2;
  }

  .thumb__top .thumb__duration,
  .thumb__bage {
    background-color: rgba(0, 0, 0, 0.73);
  }

  .thumb__img {
    margin-bottom: 5px;
    padding-bottom: 55%;
    position: relative;
  }

  .thumb__img img,
  .thumb__img video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
  }

  .thumb__img video {
    z-index: 2;
    object-fit: fill;
  }

  .img__swipe {
    display: none;
  }

  .thumb__count {
    position: absolute;
    left: 10px;
    top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    min-width: 16px;
    height: 18px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.73);
    color: #fff;
    z-index: 20;
    padding: 0 5px;
  }

  .thumb__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    margin-bottom: 2px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }

  .thumb__title>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 92%;
  }

  .thumb-models {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 16px;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .thumb-models__link {
    font-size: 12px;
    color: #7c7c7c;
    margin-left: 5px;
    line-height: 18px;
    position: relative;
    border-bottom: 1px solid transparent;
    -webkit-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
    cursor: pointer;
  }

  @media only screen and (min-width: 768px) {
    .thumb-models__link:hover {
      color: #438cf7;
      border-color: #438cf7;
    }

    .thumb-models__link:hover:before {
      color: #595959;
    }
  }

  .thumb-models__link:first-child {
    margin: 0;
  }

  .thumb-models__link:first-child:before {
    display: none;
  }

  .thumb-models__link:before {
    content: ',';
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    color: #595959 !important;
  }

  .thumb__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .thumb__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .thumb__ico {
    margin-right: 5px;
  }

  .thumb__ico_like .svg-icon,
  .rating__ico_like .svg-icon {
    color: #47af4c;
  }

  .thumb__ico_dislike .svg-icon,
  .rating__ico_dislike .svg-icon {
    color: #b22222;
  }

  .thumb__top .thumb__duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 13px;
    padding: 2px 5px;
    z-index: 2;
  }

  .thumb__text {
    font-size: 13px;
  }

  .video-block {
    border-bottom: 1px solid #353535;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .video-block__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
    position: relative;
  }

  .video-block .player {
    position: relative;
    /* padding-bottom: 40%; */
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #353535;

    margin-right: calc(23.6% + 10px);
  }

  .video-block .player>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
  }

  .video-side {
    margin: 0 0 0 10px;
    order: 1;
    width: 300px;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 100% 0;
  }

  .video-side__headline {
    text-align: center;
    padding: 10px;
  }

  .video-side__title {
    text-transform: uppercase;
    font-size: 16px;
  }

  .video-side__adv_title {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .video-side__spots {
    
  }

  .video-side__row {
    display: block;
    margin-bottom: 10px;
  }

  .video-side__row iframe {
    display: block;
  }

  .video-side__row:last-child {
    margin-bottom: 0;
  }

  .video-links__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .video-links__row:last-child {
    margin-bottom: 0;
  }

  .video-links__title {
    margin-right: 5px;
  }

  .video-links__link {
    text-decoration: underline;
    margin-right: 5px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }

  @media only screen and (min-width: 768px) {
    .video-links__link:hover {
      color: #438cf7;
    }
  }

  .video-links__link:last-child {
    margin-right: 0;
  }

  .video-links__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .links__list {
    max-height: 54px;
    overflow: hidden;
  }
  .links__list.full {
    max-height: none;
  }

  .btn-more-links {
    display: none;
    margin: 6px 0 0 0;
    position: relative;
    padding: 0 18px 0 0;
    cursor: pointer;
    color: #438cf7;
  }
  .btn-more-links:after {
    content: "";
    width: 5px;
    height: 5px;
    border: solid #438cf7;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0 2px 2px 2px;
    position: absolute;
    right: 3px;
    top: 3px;
  }
  .btn-more-links.active:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 8px;
  }
  .btn-more-links.shown {
    display: block;
  }
  .btn-more-links .text-less {
    display: none;
  }
  .btn-more-links.active .text-less {
    display: block;
  }
  .btn-more-links.active .text-more {
    display: none;
  }

  .video-links__list_tags .video-links__link:after {
    content: ',';
  }

  .video-links__list_tags .video-links__link:last-child:after {
    content: '';
  }

  .block-related__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
  }

  .video-info,
  .rating__top,
  .rating__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .video-info {
    margin-bottom: 20px;
  }

  .video-info__box {
    margin-right: 20px;
  }

  .video-info__box:last-child {
    margin-right: 0;
  }

  .model-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #353535;
  }

  .model-profile__photo {
    max-width: 200px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
  }

  .model-profile__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .model-profile__row {
    margin-bottom: 10px;
  }

  .model-profile__title {
    font-size: 30px;
    font-weight: 700;
  }

  .model-profile__rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.73);
    margin-left: 5px;
    padding: 0 4px;
  }

  .model-profile__view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .model-profile__view_ico {
    margin-right: 5px;
  }

  .model-profile__text {
    font-size: 15px;
    line-height: 23px;
    color: #7c7c7c;
  }

  .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .tags__title {
    font-size: 16px;
    margin-right: 5px;
    font-weight: 700;
  }

  .tags__list a {
    position: relative;
    margin-left: 5px;
    color: #438cf7;
    text-decoration: underline;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }

  .tags__list a:before {
    content: ',';
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    color: #595959 !important;
  }

  .tags__list a:first-child:before {
    content: '';
  }

  .tags__list a:hover {
    color: #fff;
  }

  .rating {
    position: relative;
  }

  .rating__bottom {
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
  }

  .rating__box {
    margin-right: 10px;
  }

  .rating__box:last-child {
    margin-right: 0;
  }

  .rating__ico {
    cursor: pointer;
    margin-right: 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  @media only screen and (min-width: 768px) {
    .rating__ico:hover {
      opacity: 0.7;
    }
  }

  .rating__ico .svg-icon {
    font-size: 18px;
  }

  .rating-line {
    width: 100%;
    height: 4px;
    background-color: #47af4c;
    margin-top: 10px;
  }

  .rating-line_disliked {
    background-color: #b22222;
  }

  .ui-button {
    color: #828282 !important;
  }

  .ui-button:hover .ui-icon,
  .ui-button:focus .ui-icon {
    background-image: url(../img/ui-icons/ui-icons_777777_256x240.png) !important;
  }

  .ui-widget-content {
    color: #828282 !important;
    background-color: #1b1b1b !important;
  }

  .alphabet-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #353535;
  }

  .headline .alphabet-panel {
    padding: 0;
    border: none;
  }

  .alphabet-panel a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 7px;
    width: auto;
  }

  .alphabet-panel a:first-child {
    padding: 7px 7px 7px 0;
  }

  .alphabet-panel a:hover,
  .alphabet-panel a.selected {
    color: #438cf7;
    text-decoration: underline;
  }

  .letter-block {
    margin-bottom: 15px;
    border-bottom: 1px solid #353535;
    padding: 8px 0 23px;
    margin-left: -8px;
  }

  .letter-block:last-child {
    border: none;
  }

  .letter-items {
    margin: 0 0 0 55px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .letter-block__item {
    display: inline-block;
    width: 100%;
  }

  .letter-block__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px;
    padding: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 11px;
    color: #7c7c7c;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
  }

  .letter-block__link:hover {
    color: #fff;
    background-color: #252524;
  }

  .letter-block__link i {
    margin-left: 5px;
  }

  .letter {
    font-size: 20px;
    color: #fff;
  }

  .g_hidden {
    display: none;
  }

  .empty-content {
    margin: 10px 0;
  }

  #kt_player, #kt_player object, #kt_player_internal, #kt_preview {
    position: absolute!important;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 10;
  }

  .field-error {
    color: #ff2020;
    font-size: 14px;
    margin: 5px 0 0 0;
  }
  .generic-error {
    color: #ff2020;
    font-size: 14px;
    margin: 0 0 5px 0;
  }

  .popup-title {
    display: block;
    color: #fff;
    padding: 15px;
    font-size: 26px;
    background: #141414;
    font-weight: 500;
  }
  .popup-holder {
    padding: 15px;
    background-color: #000;
    width: 500px;
  }
  .popup-holder .textfield {
    background: #252524;
    border: none;
    color: #fff;
  }
  .popup-holder .row {
    margin: 0 0 15px 0;
  }
  .popup-holder .row:last-child {
    margin: 0 0 15px 0;
  }
  .popup-holder .field-label {
    color: #fff;
    margin: 0 0 5px 0;
    display: block;
  }
  .popup-holder .btn, 
  .popup-holder input[type="submit"] {
    background: #252422;
  }
  .popup-holder .btn:hover, 
  .popup-holder input[type="submit"]:hover {
    background: #d32f2f;
  }

  .player-holder {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-js {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .text-block .title {
    font-size: 32px;
    margin: 0 0 15px 0;
  }
  .text-block p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }
  .text-block img {
    margin: 0 0 10px 0;
  }
  .text-block h2 {
    font-size: 18px;
    margin: 15px 0;
  }
  .text-block a {
    color: #47af4c;
  }
  .text-block ol, .text-block ul {
    margin: 0 0 15px 30px;
  }
  .text-block li {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }

  .page-error {
    padding: 10px;
    background: transparent;
    color: #e62117;
    border: 1px solid #e62117;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    margin: 0 0 20px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
  }



  .autocomplete-suggestions {
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
    margin: -20px 0 0 0;
    padding: 20px 0 0 0;
    border-radius: 9px;
  }
  .autocomplete-suggestion {
    white-space: nowrap;
    overflow: hidden;
  }
  .autocomplete-box {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #88888c;
  }
  .autocomplete-no-suggestion {
    padding: 10px;
  }
  .autocomplete-selected {
    background-color: #000;
  }
  .autocomplete-selected a {
    color: #fff;
  }
  .autocomplete-suggestions strong {
    font-weight: bold;
  }
  .autocomplete-group {
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    display: block;
    border-bottom: 2px solid #88888c;
    text-transform: capitalize;
    text-align: center;
  }
  .autocomplete-group.hidden-group,
  .autocomplete-group.hidden-group + .autocomplete-suggestion {
    display: none;
  }

  .go-up {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 99;
  cursor: pointer;
  background: rgba(0,0,0,.7);
  border-radius: 10px;
  color: #fff;
  height: 45px;
  width: 45px;
  }
  .go-up .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
  }

  .preview-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #d32f2f;
    z-index: 10;
    width: 0;
    transition: width 1.2s;
  }
  .preview-progress.full {
    width: 100%;
  }

  .btn-drop {
    border: 1px solid #353535;
    background: #000;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #828282;
    padding: 5px 12px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    position: relative;
  }
  .btn-drop:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 5px;
    background-image: url(../img/ui-icons/ui-icons_555555_256x240.png);
    background-position: -65px -16px;
    width: 16px;
    height: 16px;
  }
  .dropdown {
    position: relative;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background-color: #252524;
    border: 1px solid #252524;
    width: 100%;
    box-sizing: border-box;
    margin: -1px 0 0 0;
    max-height: 265px;
    overflow-y: auto;
    border-radius: 10px;
  }
  .dropdown-menu a {
    color: #828282;
    padding: 5px 12px;
    display: block;
    font-size: 14px;
  }

  .video-js .vjs-tech {
    outline: none;
  }

  .item-checkbox {
    display: flex;
    align-items: center;
    padding: 5px 10px;
  }
  .item-checkbox input {
    margin: 0 5px 0 0;
  }

  .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: none; 
  }
  .video-js .vjs-thumbnail-holder {
    width: 150px;
    bottom: 100%;
    transform: translateX(-50%);
  }
  .video-js .vjs-thumbnail {
    width: 100%;
    height: auto;
    position: static;
  }
  #mobile_pop {
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
}
/* ------------/DESKTOP STYLES------------ */





/* ------------MOBILE STYLES------------ */
@media only screen and (max-width: 1000px) {
  #mobile_pop {
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  .center-spot {
    display: flex;
    justify-content: center;
  }
  .spot_title {
    font-size: 16px;
    font-weight: 700;
    margin-right: 15px;
  }

  .desktop-device {
    display: none !important;
  }
  
  /* GENERAL */
  a { text-decoration: none; color: #fff; }

  html { position: relative; min-height: 100%; }

  body { font: 14px/1.2 "Roboto", sans-serif; font-weight: 400; background: #000; color: #fff; min-width: 320px; position: relative; }

  body:after { content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.85); display: none; }

  body.open-menu {
    overflow: hidden;
  }
  body.open-menu:after { display: block; }

  html, body { height: 100%; }

  img { display: block; max-width: 100%; }

  .wrapper { height: 100%; width: 100%; display: table; table-layout: fixed; overflow: hidden; }

  .container { max-width: 1290px; margin: 0 auto; padding: 0 10px; }

  @media only screen and (max-width: 768px) { .container { padding: 0 5px; } }

  .svg-icon { width: 1em; height: 1em; display: block; fill: currentColor; }

  .icon_holder { display: inline-block; vertical-align: middle; }

  /* end GENERAL */
  /* Buttons etc */
  .btn, input[type="submit"] { display: inline-block; vertical-align: top; padding: 10px 15px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #d32f2f; color: #fff; font-size: 17px; text-transform: uppercase; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; outline: none; }

  @media only screen and (min-width: 768px) { .btn:hover, input[type="submit"]:hover { background-color: #429846; } }

  .btn_login { background-color: transparent; }

  @media only screen and (min-width: 768px) { .btn_login:hover { text-decoration: underline; background-color: transparent; } }

  .show-more { width: 100%; display: block; text-align: center; color: #fff; background-color: #252524; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; 
    font-weight: 300;
  }

  @media only screen and (min-width: 768px) { .show-more:hover { background-color: #d32f2f; color: #fff; } }

  /* EOF Buttons etc */
  /* Inputs */
  .input, .textarea { width: 100%; height: 100%; font-weight: 400; outline: none; color: #88888c; font-size: 13px; padding: 10px; background: #fff; border: 2px solid #000000; -webkit-border-radius: 10px; border-radius: 10px; }

  .textarea { resize: vertical; overflow: hidden; }

  /* EOF Inputs */
  input, textarea, select, button { font-family: "Roboto", sans-serif; font-weight: 300; }

  /* HEADER */
  .header-top { padding: 10px 0; background: #141414; }

  .header-top .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .header-bottom {background-color: #1b1b1b;border-bottom: solid 1px #1b1b1b;padding: 5px 0;
    background-color: #000;
    border-bottom: solid 1px #000;
  }

  .video-page .header-bottom {
    display: none;
  }
  .video-page .main {
    margin: 0;
  }

  .header-bottom__list {
    display: inline-flex;
    overflow-y: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .header-bottom__link {
    border: 1px solid #252524;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 10px;
    background: #252524;
    transition: background .3s;
  }
  .header-bottom__link + .header-bottom__link {
    margin-left: 3px;
  }

  .header__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .header .logo {
    width: 168px;
    height: 52px;
    margin: 0 20px 0 12px;
    background-image: url(../../img/logo.png?v=3);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .header-search { position: relative; width: 100%; display: none; margin: 0 2px; width: auto;}

  .header-search .input {-webkit-border-radius: 10px;border-radius: 10px;padding: 10px;background: #fff;border: 1px solid #fff;}

  .header-search__btn { margin: 0 15px; outline: none; }

  .header-search__btn .svg-icon { color: #fff; font-size: 25px; -webkit-transition: color 0.3s; transition: color 0.3s; }

  body.search-opened .header-search__btn .svg-icon { color: #d32f2f; }

  body.search-opened .mobile-device .header-search { display: block; }

  .header-burger { position: relative; height: 25px; margin-right: 12px; outline: none; }

  .header-burger:active > span, .header-burger:active > span:before, .header-burger:active > span:after { background-color: #b22222; }

  .header-burger > span, .header-burger > span:before, .header-burger > span:after { display: block; width: 35px; height: 5px; background-color: #fff; }

  .header-burger > span:before, .header-burger > span:after { content: ''; position: absolute; right: 0; }

  .header-burger > span:before { top: 0; }

  .header-burger > span:after { bottom: 0; }

  .suggest { display: none; position: absolute; top: -webkit-calc(100% + 1px); top: calc(100% + 1px); left: 0; right: 0; text-transform: capitalize; background: #252525; border-left: 1px solid #000; border-right: 1px solid #000; overflow-x: hidden; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); }

  .header-search.open .suggest { display: block; }

  .suggest-list__item { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; border-bottom: 1px solid #000; }

  @media only screen and (min-width: 768px) { .suggest-list__item:hover { background-color: #000; } }

  .suggest-list__item:first-child { border-top: 1px solid #000; }

  .suggest-list__ico { width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; }

  .suggest-list__img { -webkit-border-radius: 50%; border-radius: 50%; }

  .suggest-list__img img { -webkit-border-radius: 50%; border-radius: 50%; width: 100%; height: 100%; }

  .suggest-list__link { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

  .suggest-list__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .mobile-menu { width: 260px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000; padding: 5px; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; max-height: 100%; overflow-y: scroll;}

  .mobile-menu.active { opacity: 1; visibility: visible; }

  .mobile-menu .menu-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .menu-list__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; text-transform: uppercase; color: #fff; font-weight: 700; padding: 15px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

  .mobile-menu__close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

  .mobile-menu__close .svg-icon { font-size: 20px; padding: 5px; }

  .menu-list__title_upload { color: #6ff575; }

  .switch-wrapper { margin-left: 15px; }

  .switch-wrapper .switch { position: relative; display: inline-block; width: 50px; height: 23px; }

  .switch-wrapper .switch input { opacity: 0; width: 0; height: 0; }

  .switch-wrapper .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

  .switch-wrapper .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 0; bottom: -2px; background-color: white; -webkit-transition: .4s; transition: .4s; }

  .switch-wrapper input:checked + .slider { background-color: #2196F3; }

  .switch-wrapper input:focus + .slider { -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; }

  .switch-wrapper input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

  /* Rounded sliders */
  .slider.round { -webkit-border-radius: 34px; border-radius: 34px; }

  .slider.round:before { -webkit-border-radius: 50%; border-radius: 50%; }

  /* MAIN */
  .main { margin-top: 20px; }

  .main-video { margin-top: 0; border-top: 1px solid #353535; }

  .main__row { margin-bottom: 20px; }

  .main__row:last-child { margin-bottom: 0; }

  .main__bottom { margin: 20px 0; }

  .footer { display: table-row; position: relative; height: 1px; }

  .footer:before { content: ''; width: 100%; height: 1px; position: absolute; right: 0; left: 0; background-color: #353535; }

  .footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 24px 0 17px; }

  .footer .nav, .footer-info { margin-bottom: 20px; }

  .footer .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .footer .nav-menu__item { margin: 0 2px; }

  .footer-info, .copyright { text-align: center; }

  .headline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

  .headline__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .headline__title { font-size: 16px; font-weight: 700; margin-right: 15px; }

  .headline__title .country-flag { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; }

  .sorting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .sorting__item { margin-right: 15px; }

  .sorting__item:last-child { margin-right: 0; }

  .sorting__item.active .sorting__link { color: #fff; text-decoration: none; }

  .sorting__link { font-size: 18px; color: #438cf7; text-decoration: underline; -webkit-transition: color 0.3s; transition: color 0.3s; }

  @media only screen and (min-width: 768px) { .sorting__link:hover { color: #fff; } }

  .filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 10px; border-radius: 10px; background-color: #252524; }

  .filter_show-more { width: 120px; }

  .filter__link { outline: none; padding: 3px 20px; -webkit-border-radius: 10px; border-radius: 10px; margin-right: 2px; text-align: center; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; }

  @media only screen and (min-width: 768px) { .filter__link:hover { background-color: #d32f2f; } }

  .filter__link:last-child { width: 100%; margin-right: 0; }

  .filter__link.active { background-color: #d32f2f; }

  a.filter__link { padding: 0 5px; }

  .filters-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0; }

  .filters-group__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; width: 100%; max-width: 500px;}

  .filters-group__row:last-child { margin-bottom: 0; }

  .filter-list__box { padding: 5px; width: 50%;}

  .filter-list__box.sort_box {margin-left: auto;}

  .filter-list__slider { width: 27%; padding: 15px; }

  @media only screen and (max-width: 1200px) { .filter-list__slider { width: 45%; margin-right: 80px; } }

  .filter-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

  .filter-list__title { margin-bottom: 10px; }

  .filter-list__item .legend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin-left: -5px; }

  .filter-ico {cursor: pointer; margin: 0 12px 0 0; display: flex;align-items: center;}

  .filter-ico .svg-icon { font-size: 20px; margin: 0 5px 0 0;}

  .filter-ico .text { font-size: 15px;}

  .filter-ico.active { color: #d32f2f; }

  .filter-videos { padding: 3px; }

  .filter-videos a.filter__link { padding: 3px 18px; }

  .ui-selectmenu-button.ui-button { width: 100% !important; box-sizing: border-box;}

  .ageGroup .ui-widget.ui-widget-content .ui-slider-handle.ui-corner-all { -webkit-border-radius: 50% !important; border-radius: 50% !important; outline: none; cursor: pointer; background: #000; border: 2px solid #242424 !important; }

  .ageGroup .ui-widget-content { background: #353535; }

  .more-filters { border: 1px solid #353535; margin-bottom: 20px; }

  .more-filters.hidden-properties { display: none; }

  .filter__link .hide-text { display: none; }

  .more-filters.show-more-filters { display: block; }

  .ui-widget-content { background-color: #000 !important; }

  .ui-button, .ui-widget-content { background-color: #000 !important; border: 1px solid #353535 !important; outline: none !important; }

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button.ui-state-active:hover { background-color: #242424 !important; border-color: #242424  !important; }

  .ui-state-default, .ui-widget-content .ui-state-default { background: #353535 !important; }

  .ageGroup .ui-widget-header { background: #353535 !important; }

  .thumbs-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; margin-left: -2px; margin-right: -2px; }

  .thumbs-list.thumbs-list_model { margin-left: -8px; margin-right: -8px; }

  .ui-slider-horizontal .ui-slider-handle { top: -0.4em !important; }

  .thumb { width: 20%; padding: 9px 2px 9px 2px; }

  @media only screen and (max-width: 992px) { .thumb { width: 25%; } }

  @media only screen and (max-width: 768px) { .thumb { width: 33.333%; } }

  @media only screen and (max-width: 480px) { .thumb { width: 50%; } }

  .thumbs-list_model .thumb { width: 20%; padding: 9px 8px 9px 8px; }

  @media only screen and (max-width: 992px) { .thumbs-list_model .thumb { width: 25%; } }

  @media only screen and (max-width: 768px) { .thumbs-list_model .thumb { width: 33.333%; } }

  @media only screen and (max-width: 480px) { .thumbs-list_model .thumb { width: 50%; } }

  .thumbs-list_model { counter-reset: number; }

  .thumbs-list_model .thumb__img { padding-bottom: 118%; }

  .thumb__top { display: block; position: relative; }

  @media only screen and (min-width: 768px) { .thumb__top:hover .thumb__title { color: #438cf7; text-decoration: underline; } }

  .thumb__bage { position: absolute; overflow: hidden; text-align: center; top: 5px; right: 5px; color: #fff; font-size: 12px; padding: 2px 5px; z-index: 2; }

  .thumb__top .thumb__duration, .thumb__bage { background-color: rgba(0, 0, 0, 0.73); }

  .thumb__img { margin-bottom: 5px; padding-bottom: 55%; position: relative; }

  .thumb__img img, .thumb__img video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

  .thumb__img video {z-index: 2; object-fit: fill;}

  .img__swipe {
    background: url(../../img/swipe-to-preview.png) no-repeat;
    width: 124px;
    height: 42px;
    background-size: 124px 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
  }

  .thumb__count { position: absolute; left: 10px; top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 16px; height: 18px; font-size: 12px; background-color: rgba(0, 0, 0, 0.73); color: #fff; z-index: 20; padding: 0 5px;}

  .thumb__count:after { counter-increment: number; content: counter(number) ""; }

  .thumb__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; margin-bottom: 2px; -webkit-transition: color 0.3s; transition: color 0.3s; }

  .thumb__title > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 92%; }

  .thumb-models { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 16px; margin-bottom: 10px; overflow: hidden; }

  .thumb-models__link { font-size: 12px; color: #7c7c7c; margin-left: 5px; line-height: 18px; position: relative; border-bottom: 1px solid transparent; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; }

  @media only screen and (min-width: 768px) { .thumb-models__link:hover { color: #438cf7; border-color: #438cf7; }
    .thumb-models__link:hover:before { color: #595959; } }

  .thumb-models__link:first-child { margin: 0; }

  .thumb-models__link:first-child:before { display: none; }

  .thumb-models__link:before { content: ','; position: absolute; left: -5px; top: 0; bottom: 0; color: #595959 !important; }

  .thumb__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

  .thumb__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .thumb__ico { margin-right: 5px; }

  .thumb__ico_like .svg-icon, .rating__ico_like .svg-icon { color: #47af4c; }

  .thumb__ico_dislike .svg-icon, .rating__ico_dislike .svg-icon { color: #b22222; }

  .thumb__top .thumb__duration { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 5px; right: 5px; font-size: 13px; padding: 2px 5px; z-index: 2; }

  .thumb__text { font-size: 13px; }

  .video-block { border-bottom: 1px solid #353535; margin-bottom: 20px; padding-bottom: 20px; display: flex; flex-direction: column; }

  .video-block__top { margin: 0 -5px 0 -5px; }

  .video-block__top + .headline { margin-top: 20px; }

  .video-links__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5px; font-size: 15px; }

  .video-links__row:last-child { margin-bottom: 0; }

  .video-links__title { margin-right: 5px; }

  .video-links__link { text-decoration: underline; margin-right: 5px; -webkit-transition: color 0.3s; transition: color 0.3s; }

  @media only screen and (min-width: 768px) { .video-links__link:hover { color: #438cf7; } }

  .video-links__link:last-child { margin-right: 0; }

  .video-links__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .video-links__list_tags .video-links__link:after { content: ','; }

  .video-links__list_tags .video-links__link:last-child:after { content: ''; }

  .links__list {
    max-height: 54px;
    overflow: hidden;
  }
  .links__list.full {
    max-height: none;
  }

  .btn-more-links {
    display: none;
    margin: 6px 0 0 0;
    position: relative;
    padding: 0 18px 0 0;
    cursor: pointer;
    color: #438cf7;
  }
  .btn-more-links:after {
    content: "";
    width: 5px;
    height: 5px;
    border: solid #438cf7;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0 2px 2px 2px;
    position: absolute;
    right: 3px;
    top: 3px;
  }
  .btn-more-links.active:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 8px;
  }
  .btn-more-links.shown {
    display: block;
  }
  .btn-more-links .text-less {
    display: none;
  }
  .btn-more-links.active .text-less {
    display: block;
  }
  .btn-more-links.active .text-more {
    display: none;
  }

  .block-related__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0; }

  .video-info, .rating__top, .rating__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .video-info__box { margin-right: 20px; }

  .video-info__box:last-child { margin-right: 0; }

  .video-links { display: none; margin-top: 20px; }

  .show-description { outline: none; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }

  .show-description.active { -webkit-transform: rotateZ(-180deg); transform: rotateZ(-180deg); }

  .model-profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 25px; background: #141414; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; }

  .model-profile__photo { max-width: 50px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }

  .model-profile__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .model-profile__row { margin-bottom: 5px; }

  .model-profile__title { font-size: 16px; font-weight: 700; }

  .model-profile__rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.73); margin-left: 5px; padding: 0 2px; }

  .model-profile__view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .model-profile__view_ico { margin-right: 5px; }

  .model-profile__text { font-size: 15px; line-height: 23px; color: #7c7c7c; }

  .tags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .tags__title { font-size: 16px; margin-right: 5px; font-weight: 700; }

  .tags__list a { position: relative; margin-left: 5px; color: #438cf7; text-decoration: underline; -webkit-transition: color 0.3s; transition: color 0.3s; }

  .tags__list a:before { content: ','; position: absolute; left: -7px; top: 0; bottom: 0; color: #595959 !important; }

  .tags__list a:first-child:before { content: ''; }

  .tags__list a:hover { color: #fff; }

  .rating { position: relative; }

  .rating__bottom { position: absolute; bottom: -10px; right: 0; left: 0; }

  .rating__box { margin-right: 10px; }

  .rating__box:last-child { margin-right: 0; }

  .rating__ico { cursor: pointer; margin-right: 5px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

  @media only screen and (min-width: 768px) { .rating__ico:hover { opacity: 0.7; } }

  .rating__ico .svg-icon { font-size: 18px; }

  .rating-line { width: 100%; height: 4px; background-color: #47af4c; margin-top: 10px; }

  .rating-line_disliked { display: none; background-color: #b22222; }

  .ui-button { color: #828282 !important; }

  .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/img/ui-icons/ui-icons_777777_256x240.png) !important; }

  .ui-widget-content { color: #828282 !important; background-color: #1b1b1b !important; }

  .alphabet-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: -5px; padding-bottom: 10px; border-bottom: 1px solid #353535; }

  .alphabet-panel a { font-size: 14px; color: #fff; font-weight: 700; padding: 7px; width: auto; }

  .alphabet-panel a:hover, .alphabet-panel a.selected { color: #438cf7; text-decoration: underline; }

  .letter-section { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding: 10px 0; }

  @media only screen and (max-width: 640px) { .letter-section { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

  .letter-block { margin-bottom: 5px; padding: 8px 0 0; }

  .letter-block:last-child { border: none; }

  .letter-items { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

  .letter-block__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 18px; padding: 8px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 11px; font-size: 16px; color: #7c7c7c; -webkit-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; }

  .letter-block__link:hover { color: #fff; background-color: #404040; }

  .letter-block__link i { margin-left: 5px; }

  .letter { padding: 8px; font-size: 20px; color: #fff; }

  .input,
  .textarea,
  .textfield {
    width: 100%;
    height: 100%;
    font-weight: 400;
    outline: none;
    color: #88888c;
    font-size: 13px;
    padding: 10px;
    background: #fff;
    border: 2px solid #000000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .textarea {
    resize: vertical;
    overflow: hidden;
  }

  .g_hidden {
    display: none;
  }

  .empty-content {
    margin: 10px 0;
  }

  #kt_player, #kt_player object, #kt_player_internal, #kt_preview {
    position: absolute!important;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 10;
  }

  .field-error {
    color: #ff2020;
    font-size: 14px;
    margin: 5px 0 0 0;
  }
  .generic-error {
    color: #ff2020;
    font-size: 14px;
    margin: 0 0 5px 0;
  }

  .popup-title {
    display: block;
    color: #fff;
    padding: 15px;
    font-size: 26px;
    background: #141414;
    font-weight: 500;
  }
  .popup-holder {
    padding: 15px;
    background-color: #000;
    width: 250px;
  }
  .popup-holder .textfield {
    background: #252524;
    border: none;
    color: #fff;
  }
  .popup-holder .row {
    margin: 0 0 15px 0;
  }
  .popup-holder .row:last-child {
    margin: 0 0 15px 0;
  }
  .popup-holder .field-label {
    color: #fff;
    margin: 0 0 5px 0;
    display: block;
  }
  .popup-holder .btn, 
  .popup-holder input[type="submit"] {
    background: #252422;
  }
  .popup-holder .btn:hover, 
  .popup-holder input[type="submit"]:hover {
    background: #d32f2f;
  }

  .player-holder {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
  }
  .video-js {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .text-block .title {
    font-size: 24px;
    margin: 0 0 15px 0;
  }
  .text-block p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px 0;
  }
  .text-block img {
    margin: 0 0 10px 0;
  }
  .text-block h2 {
    font-size: 16px;
    margin: 15px 0;
  }
  .text-block a {
    color: #47af4c;
  }
  .text-block ol, .text-block ul {
    margin: 0 0 15px 20px;
  }
  .text-block li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px 0;
  }

  .page-error {
    padding: 10px;
    background: transparent;
    color: #e62117;
    border: 1px solid #e62117;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    margin: 0 0 20px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
  }

  .go-up {
   display: none;
   position: fixed;
   bottom: 40px;
   right: 20px;
   z-index: 99;
   cursor: pointer;
   background: rgba(0,0,0,.7);
   border-radius: 10px;
   color: #fff;
   height: 45px;
   width: 45px;
  }
  .go-up .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
  }

  .preview-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #d32f2f;
    z-index: 10;
    width: 0;
    transition: width 1.2s;
  }
  .preview-progress.full {
    width: 100%;
  }



  .autocomplete-suggestions {
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 9px;
  }
  .autocomplete-suggestion {
    white-space: nowrap;
    overflow: hidden;
  }
  .autocomplete-box {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #88888c;
  }
  .autocomplete-no-suggestion {
    padding: 10px;
  }
  .autocomplete-selected {
    background-color: #000;
  }
  .autocomplete-selected a {
    color: #fff;
  }
  .autocomplete-suggestions strong {
    font-weight: bold;
  }
  .autocomplete-group {
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    display: block;
    border-bottom: 2px solid #88888c;
    text-transform: capitalize;
    text-align: center;
  }
  .autocomplete-group.hidden-group,
  .autocomplete-group.hidden-group + .autocomplete-suggestion {
    display: none;
  }


  .sticky-player {
    position: fixed;
    top: 0;
    left: 5px;
    right: 5px;
    z-index: 9999;
  }

  @media screen and (orientation:landscape) {
    .sticky-player {
      position: static;
    }
    .sticky-player + * {
      padding-top: 0 !important;
    }
  }


  .btn-drop {
    border: 1px solid #353535;
    background: #000;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #828282;
    padding: 5px 12px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    position: relative;
  }
  .btn-drop:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 5px;
    background-image: url(../../img/ui-icons/ui-icons_555555_256x240.png);
    background-position: -65px -16px;
    width: 16px;
    height: 16px;
  }
  .dropdown {
    position: relative;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background-color: #242424;
    border: 1px solid #353535;
    width: 100%;
    box-sizing: border-box;
    margin: -1px 0 0 0;
    max-height: 300px;
    overflow-y: auto;
  }
  .dropdown-menu a {
    color: #828282;
    padding: 5px 12px;
    display: block;
    font-size: 14px;
  }

  .video-js .vjs-tech {
    outline: none;
  }

  .item-checkbox {
    display: flex;
    align-items: center;
    padding: 5px 10px;
  }
  .item-checkbox input {
    margin: 0 5px 0 0;
  }

  .video-side {
    display: none;
  }

}
/* ------------/MOBILE STYLES------------ */


.spot-index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.spot-index.top {
  position: relative;
  top: -10px;
}

.spot-index.bottom {
  position: relative;
  top: 10px;
}

.spot-index.video_slider {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.video-page .video_slider {
  display: none;
}


.video-page.show_slider .video_slider {
  display: block;
}

.video-page.show_slider .go-up {
  bottom: 260px;
}
#AdskeeperComposite731756_16db9 .mghead {
  display: none !important;
}
        
@media only screen and (max-width: 1000px) {
  .thumb__bage {
    display: none;
  }
}

.item-checkbox {
  position: relative;
}

.item-checkbox span{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #1a1a1a;
}

.item-checkbox input:checked+span {
  opacity: 1;
  background: #242424;
}

.no-player .message {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .videos_list .thumb__title {
    display: block;
    margin: 10px 0 5px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;

  }

  .videos_list .thumb-models__link {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
  }

  .videos_list .thumb-models__link:before {
    left: -10px;
    font-size: 14px;
  }

  .videos_list .thumb-models__link:first-child {
    margin: 0;
  }

  .videos_list .thumb__text {
    font-size: 14px;
  }

  .videos_list .thumb__bottom {
    justify-content: flex-start;
    color: rgba(255,255,255,0.3);
  }

  .videos_list .thumb__bottom .thumb__box:last-of-type {
    margin-left: 10px;
  }

  .videos_list .thumb__top .thumb__duration {
    position: absolute;
    background: #303038;
    right: 0;
    bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: rgba(255,255,255,0.5);
    padding: 0 4px;
  }
}


@media screen and (max-width: 440px) {

  .videos_list.thumbs-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-left: 0;
    margin-right: 0;
  }

  .videos_list.thumbs-list .thumb {
    width: 100%;
    padding: 10px 5px 0 5px;
  }

  .videos_list.thumbs-list .thumb.view_video {
    width: 50%;
  }
}

.footer-info a {
  text-decoration: underline;
}

.footer-info a:hover {
  text-decoration: none;
}

.fancybox-overlay {
  z-index: 10000 !important;
}

.fancybox-opened {
  z-index: 10030 !important;
}

.fancybox-inner {
  height: auto !important;
}

@media (max-width: 1000px) {
  .fancybox-inner {
    width: 255px !important;
  }
}

.report-btn {
  display: block;
  cursor: pointer;
  transition: color .3s;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
}

.report-btn .flag-icon {
  fill: #ffffff;
  display: none;
  width: 20px;
  height: 20px;
}

@media (max-width: 1000px) {

  .report-btn span{
    display: none;
  }

  .report-btn .flag-icon {
    display: block;
  }
}

.report-btn:hover {
  color: #438cf7;
}

.report-text {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #6d6a6a;
  padding: 10px;
  border-radius: 10px;
}

.report-text:last-child {
  margin-bottom: 0;
}

.form-item select {
  width: 100%;
  background: #252524;
  border: none;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}

.close-bottom {
  position: static !important;
  background-image: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  padding: 10px;
  max-width: 450px !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #252524;
  color: #fff;
}

@media (max-width: 1000px) {
  .close-bottom {
    max-width: 200px !important;
  }
}

.popup-holder .success {
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}

.send-btn {
  background: #d32f2f !important;
}
.send-btn:hover {
  background: #f00303 !important;
}

.adv-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin-left: -2px;
  margin-right: -2px;
}

.adv-list .exo-native-widget-outer-container {
  margin: 0 !important;
}

.adv-list .exo-native-widget-item-container {
  height: 205px;
  padding: 9px 2px 9px 2px !important;
  flex-wrap: wrap;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container {
    flex-basis: calc(100% / 4) !important;
  }
}

@media only screen and (max-width: 768px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container {
    flex-basis: calc(100% / 3) !important;
  }
}

@media only screen and (max-width: 480px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container {
    flex-basis: calc(100% / 2) !important;
  }
}

@media only screen and (max-width: 992px) {
  .block-related .thumb:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .block-related .thumb:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .block-related .thumb:nth-child(3) {
    display: none;
  }
}

@media (max-width: 992px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container:nth-child(5){
    display: none !important;
  }
}
@media (max-width: 768px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container:nth-child(4){
    display: none !important;
  }
}
@media (max-width: 480px) {
  .adv-list .exo-native-widget .exo-native-widget-item-container:nth-child(3){
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .sticky-player {
    position: static !important;
  }
  .headline.mobile-device {
    padding-top: 10px !important;
  }
}