/*===============================================*/
/* 1. IMPORTS		 						 */
/*===============================================*/
@import url(../css/reset.css);
/*===============================================*/
/* SCSS VARIABLES / More variables in variables.scss */
/*===============================================*/
.signup__menu ul li a.becamemodel, .btn--blue-white {
  background-color: #E53935;
  background: -webkit-linear-gradient(90deg, #E53935, #e91051);
  background: linear-gradient(90deg, #E53935, #e91051); }

.btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.signup__menu ul li a, .header__menu ul li a, .header__menu ul li.categories a::before, .top ul li a, .top ul li.categories a::before, .btn, .notifications, .header__menu ul li.sites a::before, .top ul li.sites a::before {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

/*===============================================*/
/* 2. GENERAL		 						 */
/*===============================================*/
html, body {
  width: 100%;
  font-size: 62.5%;
  /*  (10 px in REM size) */ }

body {
  font-family: 'Roboto', sans-serif;
  padding: 0;
  font-size: 1.4rem;
  margin: 0 auto;
  color: #fff;
  background-color: #212121;
  font-weight: 300; }

.clear {
  clear: both; }

p {
  padding: 0;
  margin: 0px;
  text-align: left;
  line-height: 1.5; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #E53935; }

a.openvideo {
  cursor: pointer; }

a:focus {
  background-color: transparent !important;
}

blockquote {
  font-style: italic;
  font-size: 2.4rem;
  padding: 0 5%;
  margin: 40px 0 60px 0;
  line-height: 34px;
  position: relative;
  text-align: center; }

blockquote:after {
  content: ' ';
  position: absolute;
  display: block;
  width: 10%;
  margin: 20px 40%;
  border: 1px solid #e76b71; }

a img {
  border: none; }

ul { list-style-type: none; }
a:hover {
  text-decoration: none;
  color: #000; }

img.responsive_image {
  max-width: 100%;
  display: block;
  margin: auto auto 20px auto; }

/*---------------------------*/
/* 2-1. HEADINGS             */
/*---------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  padding: 0 0 40px 0;
  margin: 0;
  line-height: 1.3; }

h1 {
  font-size: 4.0rem; }

h2 {
  font-size: 3.0rem; }

h3 {
  font-size: 2.2rem; }

h4 {
  font-size: 2.0rem; }

h5 {
  font-size: 1.8rem; }

h6 {
  font-size: 1.6rem; }

/*===============================================*/
/* 3. HEADER 	 						 */
/*===============================================*/
/* BLOCK - header */
.header {
  width: 100%;
  height: auto; }

/* ELEMENT - header__content */
.header__content, .topbox {
  /* ELEMENT MODIFIER - header__content */ }
  .header__content--fluid-width, .topbox {
    width: 100%;
    margin: auto;
    clear: both; }

.header__top-menu-open, .links-cont-open {
  display: none; }

.header__top-menu, .links-cont {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 10px 40px;
  background-color: #e53a36; }

.header__top-menu ul, .links-cont ul {
  padding: 0;
  text-align: center; }

.header__top-menu ul li, .links-cont ul li {
  display: inline-block;
  padding: 0 0px 0 0; }
.header__top-menu ul li:after{
    height: 6px;
    width: 6px;
    background-color: #E53935;
    border-radius: 50%;
    display: inline-block;
    content: '';
}
.header__top-menu ul li:last-child:after {
  display: none;
}

.header__top-menu ul li a, .links-cont a {
  color: #fff;
  font-weight: 400;
  margin: 0 20px;
  letter-spacing: 0.5px;
  font-size: 13px; }

.header__top-menu ul li a:hover, .links-cont a:hover {
  color: #E53935; }

.header__logo, .logo {
  width: calc(100% - 40px);
  padding: 15px 0px;
  margin: 0 auto;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.header__logo-title img {
  display: block;
  width: 175px; }

.header__logo-right, .headbox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  align-items: center; }

.menu-button {
  display: none; }

.filter-button {
    display: block;
    width: 100px;
    padding-right: 20px;
    height: 100%; }
    .filter-button.active {  }
.filter-button-mobile { 
  display: none; }
.logo .filter-button { 
  max-width: 40px;
  padding: 0; }

.clear_filters, .apply_filters, .filter-button, .menu-button, .search-button {cursor: pointer;}
  .close_filter {
    width: 26px; 
    height: 26px;
    display: none; }
  .hide_open { 
    display: none; }
  .hide_open { 
    display: none; }
  .show_close { 
    display: flex !important; }
.search {
  width: calc(100% - 40px);
  padding: 0;
  background-color: #212121;
  position: absolute;
  top: 124px;
  left: 20px;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  visibility: hidden;
  opacity: 0; 
  padding: 0 10px 0 15px; }
  .search-container {
    display: flex; }
  .search__input {
    max-width: 350px;
    color: #fff;
    border: none;
    height: 100%;
    font-size: 12px;
    background: none;
    padding: 0; }
  .search__input::-webkit-input-placeholder  {
    -webkit-transition: opacity 0.3s linear; }
  .search__input:focus::-webkit-input-placeholder  {
    opacity: 0; }
  .search__input::-moz-placeholder { /* Firefox 19+ */
    -webkit-transition: opacity 0.3s linear;  }
  .search__input:-ms-input-placeholder { /* IE 10+ */
    -webkit-transition: opacity 0.3s linear;  }
  .search__input:-moz-placeholder { /* Firefox 18- */
    -webkit-transition: opacity 0.3s linear;  }
  .search__input:focus::-moz-placeholder { /* Firefox 19+ */
    opacity: 0; }
  .search__input:focus:-ms-input-placeholder { /* IE 10+ */
    opacity: 0; }
  .search__input:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0; }
  .search__input:hover { 
    opacity: 1; }
  .search__submit {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 40px;
    border: none;
    text-indent: -100px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 0 0;
    background: url(../images/icons/search.svg) no-repeat center center; }
  .search-button {
    display: block; }
  .search-close, .close-search {
    display: none; }

.search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  font-weight: 700;
  opacity: 1;
  font-family: 'Roboto', sans-serif; }

.search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-weight: 700;
  opacity: 1;
  font-family: 'Roboto', sans-serif; }

.search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  font-weight: 700;
  opacity: 1;
  font-family: 'Roboto', sans-serif; }

.search__dropdown {
  position: absolute;
  background: #1d1d1d;
  z-index: 9;
  width: 100%;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  left: 0px;
  border-radius: 0px 0px 20px 20px; }

.search__dropdown__active {
 border-radius: 0px !important; }

.search__dropdown_li { 
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between; }
  .search__dropdown_li a { 
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff; }
    .search__dropdown_li a img { 
      width: 50px;
      height: 50px;
      border-radius: 100%; }
    .search__dropdown_li a span { 
      height: 10px;
      width: 10px;
      border-radius: 100%;
      display: inline-block;
      justify-content: end;
      display: flex;
      flex-wrap: nowrap; }
      .search__dropdown_li a span.public {
        background-color: green; }
      .search__dropdown_li a span.offline {
        background-color: grey; }
      .search__dropdown_li a span.private {
        background-color: red; }

.search__dropdown__visible { 
  opacity:1; }

.search__dropdown li { 
  cursor: pointer;
  opacity: 0.8;
  padding: 10px 20px; }

.search__dropdown li:hover{
  background-color: #E53935;
  opacity: 1; }

.search {
    padding: 80px 20px;
    background-color: #212121;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    .search.open {
      visibility: visible;
      opacity: 1; }
    .search-container {
      width: auto;
      display: flex;
      justify-content: center; }
    .search__input {
      font-size: 1.4rem;
      padding-bottom: 15px;
      max-width: 100%;
      width: calc(100% - 40px);
      border-bottom: 1px #c7cbdb solid; }
    .search-close, .close-search {
      position: absolute;
      top: 10px;
      right: 20px;
      z-index: 889;
      padding: 10px;
      display: block; }
    .search-button {
      display: block; }
      .search-button img {
        pointer-events: none;
        display: block;
        width: 25px; }
    .search__dropdown { 
      border-radius: 0;
      background-color: #212121; }

.signup__menu {
  padding: 10px 0px; }

.signup__menu ul {
  display: flex;
  align-items: center;
  justify-content: center; }

.signup__menu ul li { }

.signup__menu ul li a {
  display: block;
  padding: 10px 0px 10px 35px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px; }
  .signup__menu ul li a:hover {
    color: #E53935; }

.signup__menu ul li a.login {
  background-image: url(../images/icons/lock.svg);
  background-position: 17px 50%;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 12px 20px 12px 40px;
  font-size: 14px;
  border: 1px solid;
  margin: 0px 10px;
  background-size: 14px; }

.signup__menu ul li a.loggedin {
  display: flex;
  align-items: center;
  border: 1px solid;
  border-radius: 30px;
  padding: 4px 15px;
  margin-left: 10px;
  justify-content: center; }
  .signup__menu ul li a.loggedin img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin: 0 10px 0 0; }
  .signup__menu ul li a.loggedin span { 
    width: 105px; }

.signup__menu ul li a.signup {
  background-image: url(../images/icons/user-add.svg);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  text-indent: 10px;
  background-color: #E53935;
  border-radius: 30px;
  padding: 12px 20px 12px 35px;
  font-size: 14px;
  background-size: 14px; }

.signup__menu ul li a.becamemodel {
  padding: 15px 40px;
  border-radius: 25px;
  position: relative; }
  .signup__menu ul li a.becamemodel:hover {
    color: #000; }

.signup__menu ul li a#logout { 
  background-image: url(../images/icons/logout.svg);
  background-position: 17px 50%;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 12px 20px 12px 40px;
  font-size: 14px;
  border: 1px solid;
  margin: 0px 0 0 10px;
  background-size: 14px; }
.open-local-badges{
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center; }
  .open-local-badges img {
   height: 27px;}

/* ELEMENT - header__menu */
.header__menu, .top {
  width: 100%;
  padding: 0;
  z-index: 9999;
  margin: auto; }

.header__menu ul, .top ul {
  display: flex;
  align-items: center; }

.header__menu ul li, .top ul li {
  margin: 0; }

.header__menu ul li a, .top ul li a {
  display: block;
  padding: 0 0px 0 0;
  margin: 0 20px 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px; }
  .header__menu ul li a:hover, .top ul li a:hover {
    color: #E53935;
    background: none; }

.header__menu ul li.categories a, .top ul li.categories a, .header__menu ul li.sites a, .top ul li.sites a {
  position: relative;
  padding-right: 20px; }

.header__menu ul li.categories a::after, .top ul li.categories a::after, .header__menu ul li.sites a::after, .top ul li.sites a::after {
    content: '';
    position: absolute;
    right: -5px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #212121;
    margin-top: 2px;
    width: 0;
    height: 0;
    transition: 0.4s;
}
.header__menu ul li.categories a::before, .top ul li.categories a::before, .header__menu ul li.sites a::before, .top ul li.sites a::before {
    content: '';
    position: absolute;
    right: -5px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    margin-top: 4px;
    width: 0;
    height: 0;
    transition: 0.4s;
}
.header__menu ul li.sites a::after, .top ul li.sites a::after {
    content: '';
    position: absolute;
    right: -5px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    margin-top: 1px;
    width: 0;
    height: 0;
    transition: 0.4s;
}
.header__menu ul li.sites a::before, .top ul li.sites a::before {
    content: '';
    position: absolute;
    right: -5px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    margin-top: 3px;
    width: 0;
    height: 0;
    transition: 0.4s;
}

.header__menu .categories a, .top .categories a, .top .categories a:focus, .header__menu .categories a:focus, .top ul .sites a:focus {
  background-color: #212121 !important; }
.header__menu ul li.categories.open a::before, .top ul li.categories.open a::before, .header__menu ul li.sites.open a::before, .top ul li.sites.open a::before {
  right: 2px;
  border-top: 6px solid #E53935;
  transform: rotate(180deg); }
.header__menu ul li.categories.open a, .top ul li.categories.open a, .header__menu ul li.sites.open a, .top ul li.sites.open a {
  background-color: transparent;
  color: #E53935; }
.header__menu ul li.categories.open a::after, .top ul li.categories.open a::after, .header__menu ul li.sites.open a::after, .top ul li.sites.open a::after {
  right: 2px;
  top: 4px;
  transform: rotate(180deg); }
#more_top_links { 
  display: none; }

/*===============================================*/
/* 4. SECTION 	 						 */
/*===============================================*/
/* BLOCK - section */
main.move-main{ 
  width: calc(100% - 250px);
  margin-left: 250px; }
main {
  transition: all 0.3s 0.02s;
  background-color: #fff; }
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0;
  padding: 0; }
  h1.section__title {
    font-size: 2rem;
    padding: 20px 0 10px 0;
    font-weight: 700;
    line-height: 1.5;
    width: 100%;
    color: #000; }
  .wrap h1, .welcomebox_heading { 
    display: block;
    padding: 0;
    font-weight: 700;
    margin: 0;
    color: #000;
    padding: 15px 0 10px;
    font-size: 2rem; }
    .welcomebox_heading i { 
      font-style: normal; }
  .wrap p { 
    color: #000; }
  .text_above_more, .text_above_less { 
    font-weight: 500;
    display: none; }
  .text_below h3 { 
    padding: 10px 0; }
  .text_below li { 
    list-style-type: circle;
    margin: 0 15px;
    padding: 8px 0; }
  .text_below { 
    padding-bottom: 20px; }
  .welcomebox_heading { 
    padding: 0;
    display: flex; }
  .welcomebox_back { 
    background-color: #E53935;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 5px; }
    .welcomebox_back svg { 
      width: 16px; }
  .tips_head{ 
    padding: 0;
    font-weight: 700;
    text-align: center;
    color: #fff;
    font-size: 20px; }
  .tips_headings{
    text-align: left;
    font-weight: 700;
    position: relative;
    padding: 0;
    color: #fff;
    font-size: 16px; }
    .tips_headings span { 
      padding: 7px 10px;
      position: absolute;
      left: -40px;
      top: 4px;
      border-radius: 100%;
      font-size: 12px;
      background-color: #DD2051; }
  .wrap-profile { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 5px; }
  .content_head {
    justify-content: space-between;
    align-items: center; 
    display: flex; }
    .filter-button .open_filter { 
      margin-top: 1px;
      max-width: 40px; }
    .content_head .open_filter,.welcomebox_buttons .open_filter { 
      width: 30px;
      fill: #fff; }
    .content_head .close_filter { 
      width: 20px; }
    .welcomebox_buttons .close_filter { 
      width: 20px;
      margin-left: 10px; }
  .top-text { 
    position: relative;
    overflow: hidden;
    display: block; }
  .loader {
    width: 82px;
    height: 18px;
    position: relative;
    /* display: block; */
  }
  .loader::before , .loader::after {
    content: '';
    position: absolute;
    left: 30%;
    transform: translate(-20% , 10%);
    top: 0;
    background: #ec1850;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: jump 0.5s ease-in infinite alternate;
  }

  .loader::after {
    background: #0000;
    color: #000;
    top: 100%;
    box-shadow: 32px -20px , -32px -20px;
    animation: split 0.5s ease-out infinite alternate;
  }

  @keyframes split {
    0% { box-shadow: 0px -10px, -0px -10px}
    100% { box-shadow: 10px -10px , -15px -10px}
  }
  @keyframes jump {
   0% { transform: translate(-50% , -10%)}
   100% { transform: translate(-50% , 150%)}
  }
.section, main {
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #000;
  /* BLOCK MODIFIER - section--page */
  /* ELEMENT - section__content */
  /* ELEMENT - section__title */
  /* ELEMENT - section__description */ }
  .section__content {
    clear: both;
    position: relative;
    overflow: hidden;
    /* ELEMENT MODIFIER section__content  */ }
    .section__content--fix-width {
      width: 1240px;
      margin: auto;
      clear: both; }
    .section__content--fluid-width, .welcomebox, .filterbox {
      width: calc(100% - 40px);
      margin: auto;
      clear: both; }
    .welcomebox_extra { 
      background: #EEEEEE;
      padding: 15px 30px 0; }
    .welcomebox_extra .text_below li { 
      list-style-type: disc; }
      .welcomebox_extra .text_below li::marker { 
        color: #E53935; }
    .section__content--padding {
      padding: 100px 0; }
  .section__title {
    font-size: 14px;
    padding: 20px 0 10px 0;
    font-weight: 700;
    line-height: 1.5;
    width: 100%;
    color: #000; }
    .section__title strong {
      font-weight: 300; }
  .section__subtitle, .wrap h3 {
    font-size: 2rem;
    padding: 10px 0;
    font-weight: 700;
    line-height: 1.5;
    width: 100%; }
    .section__subtitle strong, .wrap h3 strong {
      color: #E53935; }
  .section__description {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0 0 5px 0;
    width: 100%;
    margin: auto; }
  .wrap p {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 5px 0;
    margin: auto; }
  .section__subdescription, .wrap p {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 5px 0; }

.toggle-content {
  display: block; }

.toggle-link {
  display: none; }

.section--content, main {
  margin: 0;
  position: relative; }
main { 
  padding-bottom: 20px; }

.section--subcontent {
  padding-bottom: 40px; }

.section-dropdown {
  width: calc(100% - 40px);
  padding: 0;
  background-color: #212121;
  position: absolute;
  top: 124px;
  left: 20px;
  z-index: 888;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  visibility: hidden;
  opacity: 0; }
  .section-dropdown.open {
    opacity: 1;
    visibility: visible; }

.categories-back {
  display: none; }

.categories-dropdown, .cat-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 30px; }

.categories-dropdown li, .cat-box li{
  padding: 0 10px; }

.categories-dropdown li a, .cat-box a{
  color: #fff;
  width: 20%;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  padding: 10px 0px; }

.categories-dropdown li a:hover, .cat-box a:hover{
  color: #fff; }
.view-all-categories { 
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
.view-all-categories a {
    text-align: center;
    background: #E53935;
    border-radius: 30px;
    margin: 20px 0 10px; }
.sites-box { 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
.sites-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%; }
img.sites_dropdown_image {
  width: 100%;
  padding: 20px; }
.categories-grid { 
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap; }
.categories-grid a {
  padding: 10px 10px;
  color: #000;
  font-weight: bold;
  display: inline-block;
  background: #0000000f;
  margin: 13px 13px 0 0; }
  .categories-grid a:hover { color: #E53935; }
  span.category-heading{
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #e53a36;
    background: #e53a3624;
    padding: 10px;
  }
  .category-container{
    display: block;
    width: 48%;
    margin: 20px 0;
  }
.subheader, .filterbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 5px; }
  .subheader h3, .filterbox h2, .subheading, #favorites-popup h3 {
    padding: 0px;
    margin: 0px;
    color: #E53935;
    font-weight: 700;
    font-size: 24px; }
    .filterbox h2 i, .subheading i, #favorites-popup h3 i { 
    font-style: normal; }

.custom-select {
  position: relative;
  font-family: 'Roboto', sans-serif;
  float: left;
  margin: 0 0 0 10px;
  width: 130px;
  border: 1px #ddd solid;
  border-radius: 25px; }
  .custom-select.wide {
    width: 135px; }

.custom-select select {
  display: none;
  /*hide original SELECT element: */ }

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent; }

.select-selected:before {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent; }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px; }

.select-selected.select-arrow-active:before {
  border-color: transparent transparent #fff transparent;
  z-index: 1;
  top: 9px; }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #000;
  padding: 8px 26px 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(255, 255, 255, 0.1) transparent;
  cursor: pointer; }

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;
  top: 40px;
  left: 0;
  right: 0;
  border: 1px #ddd solid;
  z-index: 999; }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: rgba(255, 255, 255, 0.1); }

.grid, .favorites-popup__grid, .badge-wall {
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex; }
.list-item .grid { 
  width: 100%; }

.grid-profile { display: none; }
.grid-view, .grid-view-profile, .grid-view-recent, .favorites-popup__grid-view, .grid-view-more-models {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  padding: 10px 0;
  justify-content: left; }

.item {
  width: calc(20% - 8px);
  position: relative;
  overflow: hidden;
  margin: 0 0px 0px 0;
  background-color: #212121; }
.item-categories {
  transition: opacity .18s ease, transform .18s ease;
  opacity: 1;
  transform: scale(1); }
  .item-categories.is-hidden {
    opacity: 0;
    transform: scale(.98);
    pointer-events: none; }
  
  .item__image {
    position: relative;
    overflow: hidden; }
    .item__image img.thumb, .item a img.thumb {
      height: 100% !important;
      object-fit: cover;
      width: 100%;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(0px, 0, 0);
      position: absolute;
      left: 0;
      top: 0;
      width: calc(100% + 0px);
      transform: translate3d(0px, 0, 0); }
      .thumb_featured_link{
        background: linear-gradient(45deg, #fe0100, #901010);
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
      .thumb_featured { 
        border: 6px solid transparent; }
    .model_source {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 1;
      width: 30%;
      min-width: 90px;
      background: rgb(255 255 255 / 70%);
      height: 30px;
      padding: 4px;
      border-radius: 30px; }
  .blurred { 
    filter: blur(5px);
    opacity: 0.8 !important;
    -webkit-filter: blur(5px); }
  .item__thumb-details {
    position: absolute;
    gap: 10px;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px 10px 10px 10px;
    font-size: 13px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    color: #fff; }
    .item__thumb-details p { 
      line-height: 1.6; }
    .item__thumb-details .thumb-cta {
      padding: 10px 0;
      flex: 0 0 100%;
      z-index:1;
      color: #fff;
      font-size: 10px;
      text-transform: uppercase;
      font-weight: bold;
      background: #e53a36b5;
      text-align: center;
    }
  .item__thumb-details-top {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center; }
  .item__video {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; }
    .item__video img {
      max-width: 60%;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      margin: auto; }
  .toggle-favorite { 
    cursor: pointer; }
  .item__fav, .item__fav__local {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #E53935c4;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center; }
    .item__fav a, .item__fav__local a { 
      padding-top: 0 !important; }
    .item__fav img, .item__fav__local img {
      display: block;
      width: 70%;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      height: 40px;
      margin: auto; }
  .aitem__fav:hover, .favorite_item { 
    background-color: #29ff4c80; }
  .afavorite_item:hover { 
    background-color: #E53935c4; }
  .open-local-favorites { 
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    box-shadow: none;
    position: relative; }
    .open-local-favorites img {
      width: 27px;
      height: 27px; }
    .open-local-favorites span {
      position: absolute;
      font-weight: bold;
      font-size: 9px;
      color: #e53a36;
      line-height: normal;
      padding-top: 3px;
      display: block;
      text-align: center;
      padding-right: 0.5px; }
    .favorites-popup__close, .badges-popup__close { 
      background-color: transparent;
      border: 0;
      display: block;
      width: 20px;
      height: 20px;
      background-image: url(../images/close_red.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100%;
      font-size: 0;
      position: absolute;
      right: 20px;
      top: 15px;  }
    .noscroll{overflow: hidden;}
    #favorites-popup, #badges-popup {
      z-index: 999;
      width: 100%;
      position: fixed;
      overflow: scroll;
      left: 0;
      top: 0;
      height: 100vh;
      background: #fff; }
      #favorites-popup h2{
        display: block;
        padding: 0;
        font-weight: 700;
        margin: 0;
        color: #000;
        padding: 15px 0 10px;
        font-size: 2rem; }
      #badges-popup h2 {
        padding: 0;
        font-weight: 700;
        margin: 0;
        color: #000;
        padding: 15px 0 10px;
        font-size: 2rem;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 10px; }
        #badges-popup h2 svg {
          width: 20px;
          height: 20px; }
      .badge-wall {
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        .badge-card {
        width: calc(12.35% - 12px);
        height: 160px;
        border-radius: 12px;
        background: rgb(255 0 0 / 60%);
        gap: 10px;
        display: flex;
        color: #000;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative; }
        @media screen and (max-width: 1370px) {
          .badge-card {
            width: calc(16.35% - 10px); }
        }
        @media screen and (max-width: 1095px) {
          .badge-card {
            width: calc(19.65% - 10px); }
        }
        @media screen and (max-width: 850px) {
          .badge-card {
            width: calc(24.75% - 20px); }
        }
        @media screen and (max-width: 600px) {
          .badge-card {
            width: calc(33.35% - 20px); }
        }
        @media screen and (max-width: 450px) {
          .badge-card {
            width: calc(50% - 10px); }
        }
        .badge-card.unlocked { 
          background: rgb(255 0 0 / 100%); }
        .motm-locked{
          pointer-events: none; }
        .motm-link { 
          pointer-events: auto;
          font-weight: bold;
          z-index: 3;
          position: relative;
          color: #fff; }
          .motm-link:hover{
            color: rgb(255 0 0 / 100%); }
          .motd-locked.unlocked .motd-link{
            color: #fff;
            font-weight: bold;
          }
        span.badge-name {
          font-size: 12px;
          font-weight: bold; }
        .badge-card p {
          text-align: center;
          font-size: 10px; }
        .lock-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.6);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px; }
  .item__details {
    width: 100%;
    padding: 5px 10px;
    background-color: #212121;
    color: #fff;
    transition: padding-top .3s linear, padding-bottom .3s linear;
    text-align: center; }
    .tags__details { 
      bottom: 0;
      position: absolute;
      background-color: #c6302c8c; }
    .item__details p.name { 
      display: flex;
      align-items: center;
      height: auto; }
    .item__details p.name svg { 
      height: auto;
      width: 22px; }
    .item__details p.name a {
      font-size: 20px;
      padding: 0 0 0px 0;
      text-align: left;
      font-weight: 600;
      margin: 0px;
      color: #fff; }
    .item__details p.subject{
      font-size: 12px;
      padding: 0;
      margin: 0;
      color: #ddd;
      text-align: left;
      font-weight: 300;
      line-height: 1.5;
      display: block;
      overflow: hidden; }
      .item__details p.subject a{
        font-size: 12px;
        padding: 0;
        vertical-align: bottom;
        display: inline-block;
        color: #E53935;
        text-align: center;
        font-weight: 300;
        line-height: 1.5; }
  .tags__items { 
    padding: 0 !important; }
  .item-top {
    position: relative;
    padding-top: 75%;
    display: block;
    overflow: hidden; }
    .details_video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: none; /* show when ready */
    }
    .item-top a{
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .item-top a iframe, .item-top a script{
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute; }
      .item-top a #object_container, .item-top a #object_container_0, .item-top a #object_container_1, .item-top a #object_container_2, .item-top a #object_container_3, .item-top a #object_container_4, .item-top a #object_container_5, .item-top a #object_container_6{
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden;
        position: absolute; }
        #overLink{
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important;
          overflow: hidden;
          z-index: 1;
          position: absolute; }
      .item-top a iframe.preview_ratio{
        top: 50%;
        left: 50%;
        width: auto;
        max-width: 100%;
        min-width: 100%;
        aspect-ratio: 16 / 9;
        transform: scale(1.35) translate(-38%, -37.5%) !important;
        max-height: 130%; }
    /* Pulse effect */
    .pulsing {
      animation: pulse 1s infinite;
      opacity: 0.6;
    }

    @keyframes pulse {
      0% { opacity: 0.6; }
      50% { opacity: 1; }
      100% { opacity: 0.6; }
    }
  .item__row {
    display: flex;
    justify-content: space-between; }
  .item:hover .item__image img, .item:hover a img.thumb {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0.8; }
.grid-view.account-grid-view {
    gap: 1%;  }
  .grid-view__item.item.account-item {
    width: 19.2%;
    margin: 0 0 1% 0;
    padding: 0; }


.age {
  padding: 0 0 0 22px;
  display: block; }

.age.male, .age.m {
  background-image: url(../images/icons/male.svg);
  background-repeat: no-repeat;
  background-position: 0 3px;
  background-size: 20px 14px; }

.age.female, .age.f {
  background-image: url(../images/icons/female.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px; }

.views {
  display: block;
  background-image: url(../images/icons/view.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 20px 16px;
  padding: 0 0 0 22px;
  margin: 0 0 0 10px; }

.followers {
  display: block;
  background-image: url(../images/icons/followers.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 20px 16px;
  padding: 0 0 0 22px;
  margin: 0px; }

.item__location {
  display: block;
  background-image: url(../images/icons/location.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 15px;
  padding: 0 0 0 22px; }


/*===============================================*/
/*  FAQ	 			 */
/*===============================================*/
  .faq-section {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
  }
  
  .faq-item div h2, .faq-item div h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    display: flex;
    padding: 0;
    align-items: center;
    gap: 0.5rem;
    color: #333;
  }
  
  .faq-item {
    width: 31%;
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    background: #f9f9f9;
    padding: 1rem;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  .faq-icon {
    font-size: 1.8rem;
    color: #E53935;
    flex-shrink: 0;
  }
  
  .faq-item h3 {
    font-size: 1.2rem;
    margin: 0 0 0.3rem;
    color: #222;
  }
  
  .faq-item p {
    margin: 0;
    color: #555;
    line-height: 1.5;
  }
  .faq-item p svg{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
  }
  .faq-item ul {
    padding: 10px 20px;
    display:flex;
    justify-content: left;
    gap: 10px;
    flex-direction: column;
  }
  .faq-item ul li{
    list-style-type: disc;
    font-size: 12px;
  }

  @media (max-width: 1200px) {
    .faq-item {
      width: 48%;
    }
  }
  @media (max-width: 800px) {
    .faq-item {
      width: 100%;
    }
  }
  
  @media (max-width: 600px) {
    .faq-item {
      flex-direction: column;
      gap: 0.5rem;
    }
  
    .faq-icon {
      font-size: 1.4rem;
    }
  }
/*===============================================*/
/*  5. BUTTONS	 			 */
/*===============================================*/

.buttons {
  width: 100%;
  padding: 0px 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.btn {
  padding: 15px 50px;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: inline-block;
  border: none;
  font-family: 'Assistant', sans-serif; }
  .btn--blue {
    color: #fff;
    background-color: #E53935; }
    .btn--blue:hover {
      background: #212121;
      color: #fff; }
  .btn--blue-white {
    color: #fff; }
    .btn--blue-white:hover {
      color: #000; }
  .btn--exit {
    padding: 0px; }
#load_more_btn { 
  padding: 15px 50px;
  border-radius: 40px; }
.section--subcontent-rows {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.section--subcontent-row {
  width: calc(49%);
  background-color: #eee;
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  padding: 40px; }
  .section--subcontent-row--full-width {
    display: flex;
    max-width: 1200px;
    margin: 20px auto 0;
    background-color: #eee;
    width: calc(100% - 0px); }
  .section--subcontent-row.section--subcontent-row--full-width.account-section { 
    padding: 0; }
  .section-user-margin { 
    margin: 10% auto calc(10% - 20px); }
  .statics-direction { 
    flex-direction: column; }
  .statics-title { 
    font-size: 22px;
    padding: 20px 0 20px 0;
    font-weight: 700;
    line-height: 1.5;
    width: 100%;
    color: #000; }
  .forms-width { 
    max-width: 800px;
    margin: 0 auto !important;
    width: 60%; }
.list {
  padding: 10px; }
  .list li {
    padding: 5px 0 5px 15px;
    background: url(../images/bullet.png) no-repeat 0 10px; }
    .list li ul, .list li ol {
      padding: 10px; }

/*===============================================*/
/*   DETAILS PAGE 	 						 */
/*===============================================*/

.model { 
  padding: 0 20px;
  color: #000; }
.modelTags { 
  margin: 20px 0;
  height: 28px;
  font-size: 18px;
  word-break: break-all;
  line-height: 26px;
  display: inline-block;
  overflow: hidden; }
  .profile__fav { 
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    width: auto !important;
    height: auto !important;
    top: 13px;
    border-radius: 20px;
    display: inline-block; }
    .profile__fav a { 
      color: #fff;
      font-weight: 400;
      font-size: 12px;
      margin: 0 8px 0 0;
      line-height: 40px;
      padding: 0 10px 0 0; }
      .profile__fav a span { 
        font-weight: 400; }
      .profile__fav a img { 
        display: block;
        float: left;
        height: 20px;
        width: 30px;
        margin-top: 10px;
        margin-left: 10px }
  .profile__fav:has(.toggle-favorite) { 
    background: #E53935; }
  .profile__fav:has(.remove-favorite) { 
    background: #25e945; }
.details-tags {
  padding: 20px 0;
  font-size: 18px;
  word-break: break-all;
  line-height: 26px; }
  .modelTags h1 {
    padding: 1px 0;
    height: 100%;
    display: flex;
    align-items: center;
    float: left;
    justify-content: space-between;
    gap: 5px;
    font-size: inherit; }
  .details-tags h1 {
    padding: 0;
    font-size: inherit; }
    .details-tags span, .modelTags span {
      font-weight: 700; }
    .details-tags a {
      font-weight: 400; }
    .modelTags a { 
      font-weight: 400;
      font-size: 14px;
      color: #000;
      border: 1px solid #ddd;
      padding: 5px 10px;
      border-radius: 30px;
      margin-left: 5px; }
      .details-tags a:hover, .modelTags a:hover {
        border: 1px solid;
        color: #fff;
        background-color: #E53935; }
    .list-tags {
      display: flex;
      align-items: center;
      justify-content: left;
      flex-wrap: wrap;
      height: 41px;
      overflow: hidden;
      gap: 10px; }
    .list-tags a { 
      font-weight: 400;
      font-size: 14px;
      color: #000;
      border: 1px solid #ddd;
      padding: 5px 10px;
      border-radius: 30px; }
      .list-tags a:hover{
        border: 1px solid;
        color: #fff;
        background-color: #E53935; }
    .modelTags .offline_link { 
      color: #E53935;
      border: 0;
      padding: 0;
      font-size: inherit;
      font-weight: inherit;
      margin: 0;
      text-decoration: none; }
    .modelTags .offline_link:hover { 
      text-decoration: underline;
      background-color: transparent;
      color: #E53935;
      border: 0; }
.model__max-width {
  max-width: 1200px; }
.details-chatu, .details-chat, .details-bc, .details-sm {
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden; }
.details-chatu {
  padding-top: 56.25%; }
.details-bc, .details-sm {
  padding-top: 43.25%; }
.details-chat {
  padding-top:56.25% }
  a.random__cam{
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9;
    font-size: 0;
    transition: font-size 0.3s ease;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: left;
    font-weight: bold;
    border-radius: 100px;
    background-color: #00000040;
    padding: 10px 12px;
    overflow: hidden; }
    a.random__cam:hover{
      gap: 10px;
      font-size: 12px; }
  .details-chat p { 
    position: absolute;
    top: calc(50% - 35px);
    width: 100%;
    background: #21212191;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
    text-align: center; }
  .details-chat #object_container_0, .details-chat #object_container, .details-chat img, .details-chatu img, .details-bc img, .details-sm img, .details-chatu #object_container_0{
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute;
  width: 100% !important; }
  .details-chat img, .details-chatu img, .details-bc img, .details-sm img {
    display: block;
    max-width: 100%;
    margin: auto; }
  .details-chatu iframe, .details-chat iframe, .details-bc iframe, .details-sm iframe, .details-chatu video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
.details-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .details-info h3 {
    width: 100%;
    text-align: left;
    padding: 40px 0;
    margin: 0px; }

.gallery-item {
  width: 30%;
  position: relative;
  margin: 0; }
  .gallery-item__title {
    margin: 0 0 20px 0;
    padding: 7px 0px;
    font-size: 1.7rem;
    text-align: center; }
  .gallery-item__image {
    position: relative;
    z-index: 333;
    overflow: hidden; }
    .gallery-item__image img {
      display: block;
      max-width: 100%; }
  .gallery-item__gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 444;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
  .gallery-item__icon {
    position: absolute;
    top: 40%;
    left: calc(50% - 32px);
    z-index: 555;
    width: 100%;
    text-align: center; }

.off_title { 
  height: auto;
  word-break: normal; }
  .off_title h1 { 
    display: inline-block; }
.loading_text { 
  font-style: normal; }

.feed_offline_button { 
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer;
  position: absolute !important; }
  .feed_offline_button span { 
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    padding: 15px 0;
    background: linear-gradient(90deg, #f98706, #fc0, #f98706);
    color: #fff;
    font-weight: 900;
    bottom: -61px;
    font-size: 22px; }
.details-off { 
  padding-bottom: 61px; }

.apexcharts-tooltip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important; }
.apexcharts-xaxistooltip {
  background: #fff !important;   /* custom background color */
  color: #000 !important;           /* text color */
  font-size: 14px !important;
  font-family: Arial, sans-serif !important;
  border-radius: 30px !important;
  padding: 7px 15px !important;
  box-shadow: none !important;      /* remove default shadow */
  border: 1px #E53935 solid !important;
}
.apexcharts-xaxistooltip:before{
  border-bottom-color: #E53935 !important; /* border of the pointer */
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important; }
.apexcharts-xaxistooltip:after {
  border-bottom-color: #fff !important; /* border of the pointer */
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important; }

/* Chat Room
/*------------------------------------------*/
#chat{z-index: 1;width:30%;height: 100%;background: #2121213b;padding: 0px;position: absolute;right: 0;bottom: 0;transition: 1s all;scrollbar-width: none;}
.hidden_chat{display: none;}
.chat_head{background-image: url(../images/icons/chat_room.svg);background-position: 10px 10px;background-repeat: no-repeat;background-size: 18px;text-indent: 25px;color: #fff;font-size: 14px;padding: 10px;background-color: #212121;}
#minimize_chat{width: 30px;height: 33px;background-image: url(../images/icons/minimize_chat.svg);background-position: 50%;background-repeat: no-repeat;background-size: 18px;position: absolute;right: 0;top: 0;}
.chat_box{margin: 0;position: absolute;padding: 10px;display: block;overflow: scroll;height: calc(100% - 150px);color: #000;width: 100%;scrollbar-width: none;}
.chat_box li{margin-bottom: 10px;line-height: 18px;font-size: 12px;}
.chat_box li b{display: block;width: 100%;}
.chat_member_li{display: flex;align-items: flex-start;gap: 10px;}
.chat_member_message{}
.chat_member_avatar_default{background-color: #212121;padding: 10px;border-radius: 100%;}
.chat_member_avatar_default svg{margin: 0px auto;display: block;width: 90%;}
.chat_member_avatar_site{background-color: #212121;flex: 0 0 40px;padding: 4px;border-radius: 100%;display: flex;height: 40px; width: 40px;}
.chat_member_avatar_site img{width: 100% !important;display: block;overflow: hidden;position: relative;height: auto !important;}
.chat_member_avatar_custom{background-color: #212121;flex: 0 0 40px;padding: 0px;border-radius: 100%;display: flex;height: 40px; width: 40px;}
.chat_member_avatar_custom img{border-radius: 100%;width: 100% !important;display: block;overflow: hidden;position: relative;height: 100% !important;}
.chat_notification{font-weight: bold;}
.bottom_chat{position: absolute;bottom: 50px;width: 100%;right: 0px;padding: 0 10px;height: 64px;}
#message{width: 100%;padding: 5px 15px;display: block;background-color: #ffffff;height: 35px;margin: 0;border: 1px #000 solid;font-size: 12px;float: left;border-radius: 30px;margin-top: 11px;}
#btnSend{background-image: url(../images/icons/send_black.svg);background-position: 0px 50%;background-repeat: no-repeat;background-size: 25px;border: 0;width: 35px;height: 37px;background-color: transparent;position: absolute;right: 10px;padding: 0;margin-top: 11px;}
#emojiButton{border: 0;width: 27px;height: 37px;background-color: transparent;position: absolute;right: 50px;font-size: 20px;padding: 0;margin-top: 11px;}
#emojiButton svg{width: 20px;}
.response_box {position: absolute;bottom: 0;left: 0;width: calc(100% - 20px);left: 10px;}
#response{color: green;float: left;width: calc(100% - 60px);font-size: 10px;bottom: 6px;position: absolute;}
#larger_font{float: right;color: #000;font-size: 20px;padding: 0px 5px;height: 20px;}
#smaller_font{float: right;color: #000;font-size: 30px;padding: 0px 5px;height: 20px;}
#larger_font, #smaller_font {line-height: 16px;}
.minimized_chat{height: 240px !important;}
.wrapper{z-index: 999;}
/* Tabs
/*------------------------------------------*/
.tabs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  width: 100%;
  justify-content: left; }
  .tabs__label {
    display: block;
    padding: 13px 0;
    cursor: pointer;
    font-weight: 500;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px; }
    .tabs__label--auto {
      width: auto;
      padding: 10px 20px 10px 5px; }
    .tabs__label--12 {
      width: 50%; }
    .tabs__label--13 {
      padding: 13px 8%; }
    .tabs__label--14 {
      width: calc(25% - 50px); }
    label.tabs__label.tabs__label--13.profile-tabs { 
      display: flex;
      gap: 5px;
      align-items: center; }
    label.tabs__label.tabs__label--13.profile-tabs svg path { 
      width: 14px;
      stroke: #000; }
    .tabs--style1 input[type="radio"].tabs__radio:checked + label.tabs__label svg path {
    stroke: #fff; }
    label.tabs__label.tabs__label--13.profile-tabs svg { 
      width: 14px; }
  .tabs__content {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 0;
    position: relative;
    background-color: #eee; }
  .tabs input[type="radio"].tabs__radio {
    display: none; }
  .tabs input[type="radio"].tabs__radio:checked + label.tabs__label {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    background-color: #ddd; }
  .tabs input[type="radio"].tabs__radio:checked + label.tabs__label + .tabs__content {
    display: block; }
  .tabs--style1 .tabs__label {
    color: #000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    margin: 0 3px 3px 0;
    background-color: #eee;
    align-items: center;
    justify-content: center; }
  .tabs--style1 input[type="radio"].tabs__radio:checked + label.tabs__label {
    background-color: #E53935;
    color: #fff; }
.plyr--full-ui.plyr--video .plyr__control--overlaid{
  z-index: 10; }
.photo-gallery-grid {
  display: grid;
  gap: 10px;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  padding: 10px 20px;
  justify-content: space-between; }
  .photo-gallery-grid--full {
    width: 100%;
    padding: 0px; }
  .photo-gallery-grid__image {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
    .photo-gallery-grid__image a { 
      padding-top: 75%;
      display: block;
      overflow: hidden;
      position: relative; }
      .photo-gallery-grid__image a img{ 
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        left: 0px; }
    .photo-gallery-grid__image:nth-child(5n+5) {
      margin-right: 0px; }
    .photo-gallery-grid__image img {
      width: 100%;
      object-fit: cover; }
    .photo-gallery-grid__image .delete {
      position: absolute;
      top: 10px;
      left: 10px;
      font-style: normal;
      z-index: 22;
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 100%;
      color: #E53935;
      font-size: 3.4rem;
      letter-spacing: -0.5px;
      font-weight: 700;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
      .photo-gallery-grid__image .delete img {
        display: block;
        width: 25px;
        object-fit: none !important; }
    .photo-gallery-grid__image .edit {
      position: absolute;
      top: 10px;
      right: 10px;
      font-style: normal;
      z-index: 22;
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 100%;
      color: #E53935;
      font-size: 3.4rem;
      letter-spacing: -0.5px;
      font-weight: 700;
      background-color: #212121;
      display: flex;
      align-items: center;
      justify-content: center; }
      .photo-gallery-grid__image .edit img {
        display: block;
        width: 25px !important;
        object-fit: none !important; }
    .photo-gallery-grid__image:hover {
      opacity: 0.8; }


#ai_resp_images { 
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  list-style-type: none;
  padding: 10px 20px; }
  .ai_resp_images__image { 
    display: block; }
    .ai_resp_images__image .open_large_ai_image, .ai_resp_images__image .open_large_fan_art_image { 
      position: relative;
      padding-top: 75%;
      display: block; }
      .ai_resp_images__image .open_large_ai_image img, .ai_resp_images__image .open_large_fan_art_image img{ 
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute; }
  #generated-image .open_large_ai_image { 
    background-color: #fff; }
  .generating-text { 
    left: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    color: #9F9F9F;
    font-weight: bold;
    top: calc(50% - 8px);
    font-size: 12px; }
  .ai_input_container { 
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    position: relative; }
    #ai_heading { 
      color: #fff;
      margin-bottom: 7px;
      align-items: center;
      justify-content: space-between;
      display: flex;
      position: relative;
      overflow: hidden; }
      #ai_heading p { 
        color: #000;
        font-weight: 700; }
      #fan_art_how:hover { 
        color: #E53935; }
      #ai_resp { 
        color: red; }
    .ai_input_container textarea#prompt { 
      width: 100%;
      border: 1px solid #000;
      min-height: 100px;
      background: #ffffff1c;
      color: #9F9F9F;
      margin-bottom: 10px;
      font-weight: 500;
      border-radius: 10px;
      resize: none;
      padding: 10px 20px 10px 10px; }
      .ai_input_container textarea#prompt:focus-visible { 
        outline: 0; }
    .ai_input_container button { 
      width: 100%;
      display: inline-block;
      padding: 10px 0;
      border: 0;
      border-radius: 25px;
      bottom: 10px;
      font-weight: bold; }
    .ai_input_container button#btn_prompt_send { 
      left: 10px;
      color: #000;
      background: #fecb00; }
      .ai_input_container button#btn_prompt_send:hover{ 
        opacity: 0.8; }
    .ai_input_container button#btn_save_image { 
      background: #E53935;
      display: none;
      right: 10px;
      color: #fff; }
    .prompt_buttons { 
      display: flex;
      justify-content: space-between;
      gap: 10px; }
    .prompt-used { 
      display: none; }
    .ai_details { 
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      width: 100%;
      padding: 10px 0;
      text-align: center; }
    .ai_details span { 
      width: 100%;
      color: #ffffffbf;
      font-size: 12px;
      display: block; }

.fan_how_container { 
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  background: #121212;
  width: 100%;
  font-size: 12px;
  height: 100%;
  padding: 60px 10%;
  color: #9F9F9F;
  overflow: scroll;
  z-index: 9999; }
  .fan_how_container h1 { 
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 20px; }
  .fan_how_container .center_p { 
    text-align: center; }
  .fan_how_container h2 { 
    padding: 0;
    color: #fff;
    font-size: 16px; }
  .fan_how_container h3 { 
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 16px; }
  .steps_column {
    width: 840px; 
    margin: 0 auto; }
  .step1_box {
    float: left; 
    margin-left: 90px;
    width: 320px; }
  .step2_box {
    float: right; 
    width: 340px; }
  .step3_box, .step4_box, .tips, .conclusion {
    float: left; 
    text-align: center;
    padding: 0 5%;
    margin-left: 40px;
    width: calc(100% - 40px); }
  .step1_box hr { 
    border: none;
    border-top: 3px dotted #DD2051;
    color: #fff;
    background-color: #fff;
    height: 3px;
    width: 50%; }
  .conclusion {
    text-align: center; }
  .fan_how_container .step { 
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px; }
    .fan_how_container .step h2 { 
      text-align: left;
      position: relative; }
      .fan_how_container .step h2 span { 
        padding: 5px 10px;
        position: absolute;
        left: -40px;
        top: 4px;
        border-radius: 100%;
        font-size: 12px;
        background-color: #DD2051; }
  .fan_how_container img { 
    opacity: 0.8;
    max-width: 100%;
    padding: 10px;
    background-color: #121212;
    height: 240px; }
  #auto_prompt_text {
    float: right;
    position: absolute;
    right: 18px;
    top: 59px;
    font-weight: bold;
    background-image: url(../images/icons/auto_generate_2.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 16px;
    width: 20px;
    height: 20px;
    padding-right: 20px;
  }
  .user-profile-left { 
        width: 100%;
        flex: 0 0 40%;
        overflow: hidden; }
    .user-profile-left img { 
      max-width: 660px;
        width: 100%; }
    .user-profile-right h1 { 
      padding: 0; }
    .user-profile-right { 
        width: calc(70% - 20px);
        float: right;
        display: block; }
    .user-profile-right ul { 
        padding: 10px 0;
        margin: 0; }
    .user-profile-right li { 
        font-size: 1.6rem;
        padding: 12px 0; }
    .user-profile-right li strong { 
        margin-right: 10px;
        font-weight: 700; }
    .user-profile-right #ai_resp_images { 
      padding: 10px 0; }
  @media screen and (max-width: 1024px) { 
    
    
    .user-profile-right { 
      width: 100%; }
    .steps_column {
      width: 351px;
      margin: 0 auto; }
    .step1_box, .step2_box, .step3_box, .step4_box { 
      width: 100%;
      float: left;
      padding: 0 0 0 40px;
      margin-left: 0px; }
    .fan_how_container img { 
      height: auto;
      width: 100%; }
    .fan_how_container { 
      padding: 60px 30px; }
    .tips, .conclusion { 
      width: 90%;
      margin: 0px 5%; }
  }  
  @media screen and (max-width: 520px) { 
    .how_to_heading { 
      margin: 0 5%;
      width: 90%; }
    .fan_how_container { 
      padding: 60px 0; }
    .steps_column {
      display: block;
      overflow: hidden;
      width: 300px; }
    .step1_box, .step2_box, .step3_box, .step4_box { 
      width: 260px;
      float: left;
      padding: 0 0 0 40px;
      margin-left: 0px; }
    .step h2 {
      text-indent: 30px;
      font-size: 14px; }
    .step p {
      text-align: justify;
      text-indent: 30px;
      font-size: 10px; }
    .fan_how_container .step h2 span { 
      top: 10px;
      font-size: 8px;
      padding: 4px 7px;
      text-indent: 0;
      left: 0; }
    .fan_how_container .step4_box h2 span { 
      top: 0px; }
  }
  .fan_how_container p { 
    margin: 10px 0; }
  #close_fan_art_how { 
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    width: 20px; }
    #close_fan_art_how svg { 
      width: 100%; }
@keyframes pulseFan {
  0%, 100% {
    background-color: #E5393563;
    color: #000;
  }
  50% {
    background-color: #E53935;
    color: #000;
  }
}
.fan__label { 
  animation: pulseFan 3s infinite; }
.tabs--style1 input[type="radio"].tabs__radio:checked+label.fan__label{ 
  color: #fff;
  animation: none; }
.photo-comments-grid {
  width: calc(100% - 40px);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .photo-comments-grid--full {
    width: 100%;
    padding: 0px; }
  .photo-comments-grid__image {
    width: calc(20% - 25px);
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
    .photo-comments-grid__image:nth-child(5n+5) {
      margin-right: 0px; }
    .photo-comments-grid__image img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
    .photo-comments-grid__image:hover {
      opacity: 0.8;
      cursor: pointer; }

.video-gallery-grid {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  

.video-item {
  width: 30%;
  position: relative;
  margin: 0; }

.video-thumb__image {
  position: relative;
  z-index: 333;
  overflow: hidden; }
  .video-thumb__image img {
    display: block;
    max-width: 100%; }

.video-thumb__gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 444;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }

.video-thumb__icon {
  position: absolute;
  top: 40%;
  left: calc(50% - 32px);
  z-index: 555;
  width: 100%;
  text-align: center; }

.profile-info {
  width: 100%;
  padding: 20px;
  display: flex; }
#last_month_daily { 
  width: 100%;
  display: none; }
.last_month, .last_3_months { 
  display: flex;
  position: relative;
  background-color: #eee;
  width: 100%; } 
  .last_month ul, .last_3_months ul { 
    display: flex;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .last_month ul li { 
      display: flex;
      overflow: hidden;
      width: 32.3%;
      font-size: 14px;
      padding: 10px 0; }
    .last_month ul li:nth-of-type(3n+1) { 
        margin-left: 0; }
      .last_month ul li strong { 
        margin-right: 5px;
        font-weight: normal;
        color: #000;
        display: inline-block; }
      .last_month ul li span { 
        font-weight: bold; }
      .last_3_months ul li { 
        display: flex;
        overflow: hidden;
        width: 32.3%;
        font-size: 14px;
        flex-direction: column;
        gap: 20px;
        padding: 10px 0; }
      .last_3_months ul li:nth-of-type(3n+1) { 
        margin-left: 0; }
      .last_3_months ul li strong { 
        margin-right: 5px;
        font-weight: normal;
        color: #000;
        display: inline-block; }
      .last_3_months ul li span { 
        font-weight: bold; }
.description_p { 
  padding-bottom: 20px; }
  .profile-info__left {
    position: relative;
    width: 100%; }
  .profile-info ul {
    display: flex;
    flex-wrap: wrap; }
  .profile-info li {
    display: flex;
    overflow: hidden;
    width: 32.3%;
    font-size: 12px;
    padding: 5px 0 10px 0;
    margin: 0 1% 5px 0; }
    .profile-info li strong {
      margin-right: 5px;
      font-weight: normal;
      display: inline-block; }
    .profile-info li span {
      font-weight: bold;
      text-transform: capitalize; }
  .profile-info p {
    font-size: 12px;
    padding: 10px 0 0; }
  .profile-info h4 {
    padding: 0;
    font-size: 14px;
    margin: 0px; }
  .profile-info-banned { 
    color: #fff;
    top: calc(50% - 20px);
    opacity: 1;
    filter: blur(0px);
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    background: #21212191;
    padding: 10px 0 !important;
    font-weight: bold; }
  .profile-info-blur { 
    filter: blur(5px); }

.profile-info__row {
  width: 40%;
  display: flex;
  justify-content: space-between; }

.profile-info__item {
  width: calc(100% - 20px);
  padding: 40px 40px;
  margin-left: 20px;
  background-color: #f7f7f7;
  border-radius: 25px;
  text-align: center;
  position: relative; }
  .profile-info__item h5 {
    font-size: 28px;
    padding: 0 0 0px 0; }
  .profile-info__item img {
    display: block;
    width: 60%;
    margin: auto;
    position: relative;
    z-index: 333; }
  .profile-info__item span {
    display: block;
    padding: 10px 0; }
  .profile-info__item strong {
    font-weight: 700;
    display: block;
    font-size: 22px;
    color: #E53935; }

  .feed_button { 
    width: 100%;
    z-index: 2;
    position: absolute;
    text-align: center;
    padding: 15px 0;
    background: linear-gradient(90deg,#f98706,#fc0,#f98706);
    color: #fff;
    font-weight: 900;
    bottom: 0px;
    font-size: 22px; }

  .feed_button:hover { 
    color: #fff; }  

.video-content { 
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  list-style-type: none;
  padding: 10px 20px; }
.profile-videos { 
  display: block; }
  .close_video_details { 
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    width: 45px;
    z-index: 99;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-indent: 16px;
    line-height: 42px;
    height: 45px; }
  .video-gallery-grid__video { 
    padding-top: 75%;
    position: relative; }
      .video-gallery-grid__link { 
        display: block;
        overflow: hidden;
        width: 100%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0; }
          .play_button { 
            background-color: rgba(0,0,0,.4);
            border-radius: 50%;
            position: absolute;
            left: calc(50% - 35px);
            top: calc(50% - 35px);
            width: 70px;
            height: 70px;
            z-index: 10; }
            .play_button .arrow-right {
              width: 0;
              height: 0;
              border-top: 16px solid transparent;
              border-bottom: 16px solid transparent;
              border-left: 26px solid #fff;
              display: block;
              overflow: hidden;
              margin: 19px 25px;  }
             .play_button img { 
                width: 100%;
                height: 100%; }
  .imageBox { 
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #21212182; }
    .imageBox img { 
      opacity: 0;
      max-width: 1200px;
      position: relative;
      transition: 0.3s all;
      width: 100%; }
    .imageBox img.slideLeft { 
      margin-left: -100%; }
    .imageBox img.slideRight { 
      margin-left: 100%; }
    #next_imageBox { 
      right: 60px;
      padding: 0 0 40px 0px;
      background-color: rgba(0, 0, 0, .4);
      border-radius: 50%;
      position: absolute;
      top: calc(50% - 35px);
      width: 70px;
      height: 70px;
      z-index: 10; }
      #next_imageBox .arrow-right { 
        height: 100%;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 26px solid #fff;
        display: block;
        overflow: hidden;
        margin: 19px 25px;
        width: 100%; }
    #prev_imageBox { 
      left: 60px;
      padding: 0 0 40px 0px;
      background-color: rgba(0, 0, 0, .4);
      border-radius: 50%;
      position: absolute;
      top: calc(50% - 35px);
      width: 70px;
      height: 70px;
      z-index: 10; }
      #prev_imageBox .arrow-right { 
        height: 0%;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 26px solid #fff;
        display: block;
        overflow: hidden;
        margin: 19px;
        width: 0%; }
    #close_imageBox { 
        position: absolute;
        right: 15px;
        top: 15px;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 50%;
        width: 45px;
        z-index: 99;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        text-indent: 16px;
        line-height: 42px;
        height: 45px; }
  .aiImageBox img { 
    height: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    width: auto !important; }
.video_opened { 
  height: 100%;
  width: 100%; }
.video_details { 
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99999;
  left: 0;
  top: 0; }
.list-item { 
  width: 100%;
  transition: box-shadow 0.3s ease;
  position: relative; }
.list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  margin: 20px 0; }
  .list-heading .section__title { 
    padding: 0; }
.draggable-buttons-absolute { 
  right: 0;
  top: 3px;
  display: flex;
  position: absolute; }
.draggable-buttons { 
  position: relative;
  align-items: center;
  justify-content: space-between;
  display: flex;
  gap: 10px; }
.move-button, .move-up, .move-down { 
  background: transparent;
  border: 0;
  color: #eb1353;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: 1px solid #ddd;
  font-size: 16px;
  font-weight: 700; }
.move-button { 
  top: 19px;
  font-weight: 900;
  right: 0px; }
.move-up { 
  font-size: 25px;
  top: 19px;
  font-weight: 100;
  right: 74px; }
.move-down{
  font-size: 25px;
  top: 19px;
  font-weight: 100; 
  right: 37px; }
.down-move-arrow { 
  font-style: normal;
  transform: rotate(180deg);
  display: block;
  position: absolute; }
.up-move-arrow { 
  font-style: normal;
  display: block;
  position: absolute;
  top: -8px; }
.hiddenArrow { 
  display: none; }
.removedArrowFix { 
  right: 20px !important; }
.dragging {
  opacity: 0.5; }
.dragging:before {
  border-top: 3px solid #ec2c62;
  content: '';
  width: 100%;
  display: block;
  margin-top: 10px; }
.highlight {
  box-shadow: 0 0 8px 3px #ec2c62; }

/*===============================================*/
/*   FORM	 						 */
/*===============================================*/
.account-form { height: 40px; }
.account-form .account-label{ 
    padding-top: 12px;
    font-weight: 700;
    font-size: 14px;
    float: left;
    width: 140px; }
  .account-form textarea.account-input{ padding: 10px 15px 5px; }
  .account-form .account-input{ 
    width: calc(100% - 180px);
    padding: 5px 15px;
    display: block;
    background-color: #fff;
    height: 40px;
    margin: 0;
    border: 1px #000 solid;
    border-radius: 25px;
    font-size: 14px; }
  .account-form .account-file { 
    border: 0;
    height: auto;
    border-radius: 0;
    background-color: transparent; }
    .account-form-file .account-label{ 
      display: none; }
  .file-input {
    left: calc(50% - 80px);
    cursor: copy;
    position: absolute;
    bottom: 10px;
    opacity: 0;
    width: 160px !important;
    height: 40px !important;
    padding: 0 !important;
  }

  .file-label {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E53935;
    color: white;
    font-weight: bold;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .file-label:hover {
    background-color: #0056b3;
  }

  .account-form .file-label { 
    width: 160px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 10px 0 0;
    height: 40px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 80px);
    gap: 10px;
    justify-content: center; }
  .account-image { 
    width: 100%;
    display: block; }
  .account-form-file { height: auto; position: relative; }
  #save_details, #save_settings { max-width: 350px; }
  #account-image-save { 
    display: none;
    position: absolute;
    bottom: 60px;
    background-color: yellow;
    border: 0;
    width: 160px;
    left: calc(50% - 80px);
    padding: 13px 0;
    border-radius: 25px; }
  .radio_custom_box {
    width: calc(100% - 140px);
    display: flex;
    gap: 10px;
    align-items: center;
    float: right;
    justify-content: left; }
  .checkbox-input {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; }

  /* When checkbox is checked */
  .checkbox-input:checked + .checkbox-tile {
    border-color: #E53935;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #E53935;
    color: #E53935; }

  .checkbox-input:checked + .checkbox-tile::before {
    transform: scale(1);
    opacity: 1;
    background-color: #E53935;
    border-color: #E53935; }

  .checkbox-input:checked + .checkbox-tile .checkbox-icon,
  .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: #fff;
    background-color: #E53935; }
  .checkbox-input:checked + .checkbox-tile .checkbox-label path {
    fill: #fff; }

  /* When checkbox is focused */
  .checkbox-input:focus + .checkbox-tile {
    border-color: #E53935;
    background-color: #E53935;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #212121; }

  .checkbox-input:focus + .checkbox-tile::before {
    transform: scale(1);
    opacity: 1; }

  .checkbox-tile {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    border-radius: 25px;
    border: 1px solid #000;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative; }

    .checkbox-tile .checkbox-label { 
      padding: 10px 20px;
      color: #757575;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      min-height: auto; }

  .checkbox-tile::before {
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    transform: scale(0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .checkbox-tile:hover {
    border-color: #E53935; }

  .checkbox-tile:hover::before {
    transform: scale(1);
    opacity: 1; }

  .checkbox-icon {
    transition: 0.375s ease;
    color: #757575; }

  .checkbox-icon svg {
    width: 3rem;
    height: 3rem; }

  .checkbox-label path {
    fill: #757575; }

  .checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center; }

.container-form {
  padding-right: 30px;
  margin: 0; }
  .container-form:nth-of-type(2){padding-left: 30px;padding-right: 0px;}
  .container-form h1, h2{font-size: 22px;text-align: left;padding: 0 0 10px 0;color: #000;}
  .container-form p{font-size: 12px;line-height: 20px;}
  .container-form ul{font-size: 12px;line-height: 20px;margin-top: 10px;}
  .container-form ul li {font-size: 13px;font-weight: bold;display: block;margin-top: 10px;position: absolute;text-indent: 25px;position: relative;}
  .container-form ul li svg{position: absolute;left: 0;width: 17px;}
  .container-margin { margin-bottom: 10px; }
  .container-form--my-account {
    width: 100%; }
  .container-form--full {
    width: 100%;
    padding: 0; }
  .container-form__row, .form-group {
    margin-bottom: 15px;
    display: flex; }
    .container-form__row--align-center {
      align-center: center;
      justify-content: center; }
    .container-form__row--wrap {
      flex-wrap: wrap; }
  .container-form__image-block img {
    display: block;
    width: 250px; }
  .container-form label {
    width: 200px;
    padding-top: 12px;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0; }
    .container-form label.full {
      width: 100%;
      padding: 0 0 10px 0; }
  .control-label { 
    display: none; }
  .container-form__input {
    width: 100%;
    padding: 5px 15px;
    display: block;
    background-color: #fff;
    height: 40px;
    margin: 0;
    border: 1px #000 solid;
    border-radius: 25px;
    font-size: 14px; }
  .container-form__input:focus {
    border: 2px #000000 solid; }
  .container-form__input-file label {
    text-align: center;
    background-color: #E53935;
    border-radius: 25px;
    font-weight: 700;
    border: none;
    color: #fff;
    padding: 15px 25px;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none; }
  .container-form__input-file input[type="file"] {
    display: none; }
  .container-form__input-file .custom-file-upload {
    -webkit-appearance: none; }
  .container-form__textarea {
    width: calc(100% - 34px);
    padding: 5px 15px;
    display: block;
    background-color: #fff;
    height: 65px;
    margin: 0;
    border: 2px #ececec solid;
    border-radius: 25px;
    font-size: 14px;
    resize: none;
    font-family: 'Roboto', sans-serif; }
  .message__input { 
    min-height: 150px; }
  .container-form__textarea:focus {
    border: 2px #000000 solid; }
  .container-form__select {
    width: calc(100% - 34px);
    flex-grow: 1;
    height: 25px;
    border: none;
    border: 2px #000 solid;
    border-radius: 25px;
    background-color: #fff;
    overflow: hidden;
    padding: 10px 15px; }
    .container-form__select select {
      border: none;
      background: none;
      color: #000;
      width: 110%;
      height: 25px;
      font-size: 14px;
      width: 100%;
      font-family: 'Roboto', sans-serif; }
  .container-form__submit {
    text-align: center;
    background-color: #E53935;
    border-radius: 25px;
    font-weight: 500;
    border: none;
    color: #fff;
    padding: 13px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none; }
  .container-form__title {
    padding: 0 0 10px 0;
    margin: 0px;
    font-size: 3.8rem;
    width: 100%;
    text-align: center;
    color: #E53935;
    letter-spacing: -0.5px; }
    .container-form__title--smaller {
      font-size: 1.8rem; }
  .container-form__subtitle {
    padding: 0 0 40px 0;
    margin: 0px;
    font-size: 2.2rem;
    width: 100%;
    text-align: center; }
  .container-form h4 {
    padding: 40px 0;
    font-size: 18px;
    width: 100%;
    text-align: center; }
  .container-form__benefits {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 40px 0;
    line-height: 1.3;
    font-size: 1.6rem; }
    .container-form__benefits .benefit {
      margin: 0 20px;
      padding: 10px 0 10px 40px;
      background-image: url(../images/checked.png);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 26px; }
  .container-form__info {
    padding: 20px 0 0 0; }
  .form__info, .form__sec-buttons {line-height: 20px;text-align: center;font-size: 12px;font-weight: 500;}
  .forms_text { 
    color: #000; }
  .green_text { 
    color: green; }

.checkbox_custom {
  display: flex;
  align-items: center;
  gap: 10px; }

.toggle-switch {
  position: relative;
  width: 50px;
  height: 22px;
  background: #ccc;
  border-radius: 13px;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-block; }

.toggle-switch::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.3s ease;
}

.toggle-form { display: flex !important; }

.checkbox_custom label {
  padding: 0;
  width: 38px;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5; }

.checkbox_custom input[type="checkbox"] {
  display: none; }

.checkbox_custom input[type="checkbox"]:checked + .toggle-switch {
  background: #E53935; }

.checkbox_custom input[type="checkbox"]:checked + .toggle-switch::before {
  transform: translateX(17px); }

.toggle-label {
  font-size: 14px;
  color: #707070;
  display: none; }

.checkbox_custom input[type="checkbox"]:checked ~ .on {
  display: inline;
  color: #2260ff;
}

.checkbox_custom input[type="checkbox"]:not(:checked) ~ .off {
  display: inline;
}



.hideCheck:checked + label:before {
  content: "" !important;
  background-color: #e2e2e2 !important; }

.radio_custom {
  text-align: left;
  line-height: 16px;
  margin: 0px !important; }

.radio_custom label {
  cursor: pointer;
  font-weight: 400;
  width: auto;
  font-size: 1.5rem; }

.radio_custom input[type="radio"] {
  display: none; }

.radio_custom input[type="radio"] + label:before {
  border: none;
  content: "\00a0";
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 300;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin: 0 10px 0 0;
  line-height: 18px;
  vertical-align: center;
  border: none;
  background-color: #e2e2e2; }

.radio_custom input[type="radio"]:checked + label:before {
  color: #fff;
  content: "\2713";
  border: none;
  text-align: center;
  background-color: #E53935; }

.radio_custom input[type="radio"] + label:before, input[type="radio"]:checked + label:before {
  background-color: #e2e2e2; }

.recaptcha {
  width: 100%;
  background-color: #ececec;
  text-align: center;
  padding: 15px 0;
  border-radius: 25px; }

.range-slider {
  width: 100%; }
  .range-slider__values {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px; }

#range-slider {
  margin: 0 10px; }

#range-slider.ui-widget.ui-widget-content {
  border: none;
  background-color: #8c959a; }

#range-slider.ui-slider-horizontal {
  height: 3px; }

#range-slider .ui-slider-range {
  background: #000; }

#range-slider.ui-slider-horizontal .ui-slider-handle {
  top: -.6em; }

#range-slider .ui-state-default, #range-slider .ui-widget-content .ui-state-default, #range-slider .ui-widget-header .ui-state-default, #range-slider .ui-button, html #range-slider .ui-button.ui-state-disabled:hover, html #range-slider .ui-button.ui-state-disabled:active {
  border: none !important;
  background: #E53935;
  color: #000; }

.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

#min-range, #max-range {
  color: #000; }

.loadMoreD { 
  padding: 10px 0 30px 0;
  margin-bottom: 0px; }

.my-account {
  width: 100%;
  display: flex; }
  .my-account__menu {
    width: 240px;
    flex-shrink: 0;
    padding: 0px;
    background-color: #212121; }
    .my-account__menu li {
      padding: 0; }
      .my-account__menu li a {
        font-size: 1.6rem;
        font-weight: 700;
        padding: 15px;
        display: block;
        color: #fff; }
        .my-account__menu li a:hover {
          color: #E53935; }
      .my-account__menu li.selected a {
        color: #E53935; }
  .my-account__details {
    width: calc(100% - 80px);
    position: relative;
    padding: 20px 40px; }
    .my-account__details-title {
      padding: 0 0 20px 0;
      margin: 0px;
      font-size: 2.8rem;
      color: #000;
      letter-spacing: -0.5px;
      font-weight: 700; }
      .my-account__details-title span {
        font-weight: 300; }
    .my-account__details-text {
      padding: 0 0 20px 0;
      margin: 0px;
      font-size: 1.8rem;
      color: #000;
      letter-spacing: -0.5px; }
    .my-account__details-back {
      padding: 0 0 0 30px;
      margin: 0px 0 20px 0;
      font-size: 1.8rem;
      color: #E53935;
      letter-spacing: -0.5px;
      font-weight: 700;
      background-image: url(../images/icons/back-black.svg);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 16px; }

.albums {
  display: flex;
  flex-wrap: wrap; }
  .albums li {
    width: calc(20% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative; }
    .albums li img.albums__image {
      height: 240px;
      object-fit: cover;
      width: 100%; }
    .albums li span {
      position: absolute;
      bottom: 0px;
      left: 0px;
      z-index: 22;
      display: block;
      width: 100%;
      text-align: center;
      padding: 15px 0;
      background-color: #212121;
      color: #fff;
      letter-spacing: -0.5px;
      font-weight: 700; }
    .albums li i {
      position: absolute;
      top: 5px;
      right: 5px;
      font-style: normal;
      z-index: 22;
      display: block;
      padding: 15px;
      color: #E53935;
      font-size: 3.4rem;
      letter-spacing: -0.5px;
      font-weight: 700; }
    .albums li .delete {
      position: absolute;
      top: 10px;
      left: 10px;
      font-style: normal;
      z-index: 22;
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 100%;
      color: #E53935;
      font-size: 3.4rem;
      letter-spacing: -0.5px;
      font-weight: 700;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
      .albums li .delete img {
        display: block;
        width: 25px; }
    .albums li:hover span {
      color: #E53935; }

.adv-search {
  display: flex;
  padding: 20px 0; }
  .adv-search__filters {
    width: 300px;
    padding: 20px;
    flex-shrink: 0;
    background-color: #fff;
    margin-right: 40px;
    margin-top: 10px; }
  .adv-search__title {
    font-size: 1.8rem;
    padding: 10px 0 20px 0;
    font-weight: 700; }
    .adv-search__title span {
      color: #E53935; }

/*===============================================*/
/* MODAL 		 */
/*===============================================*/
.g-recaptcha { 
  margin-left: 0 !important; }
.modal {
  position: fixed;
  z-index: 10000;
  /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.modal.modal--visible {
  visibility: visible; }

.modal__overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s; }

.modal.modal--visible .modal__overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.modal__wrapper {
  position: relative;
  z-index: 9999;
  width: 600px;
  margin: auto;
  background-color: #eeeeee; }
  .modal__wrapper--full {
    width: 80%;
    height: 90%;
    overflow-y: scroll; }

.modal-transition {
  -webkit-transition: all 0.3s 0.02s;
  -moz-transition: all 0.3s 0.02s;
  transition: all 0.3s 0.02s;
  transform: translateY(10%);
  opacity: 0; }

.modal.modal--visible .modal-transition {
  transform: translateY(0);
  opacity: 1; }

.modal__body {
  position: relative; }

.modal__title {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 20px;
  background-color: #212121;
  color: #fff; }

.modal__title--no-padding {
  padding: 10px 0 5px 0; }

.modal__text {
  text-align: center;
  padding: 0 0 20px 0;
  color: #000;
  font-size: 1.6rem; }

.modal__buttons {
  width: 100%;
  text-align: center; }

.modal__button {
  margin: 20px auto 0 auto;
  background-color: #E53935;
  border: none;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  padding: 15px 30px;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  font-family: 'Roboto', sans-serif; }

.modal__row {
  width: 100%;
  margin-bottom: 15px; }

.modal__row .form-group { 
  display: block; }

.modal__label {
  width: 100%;
  display: block;
  padding: 0 0 5px 10px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #000; }
.modal__row .form-group label { 
  display: none; }
.login { 
  cursor: pointer; }
.modal__form { 
  padding: 20px; }
.modal__form label.error, #login-form label.error {
  padding: 10px 0 0 0;
  font-size: 14px;
  color: #d11d69;
  width: 100%;
  display: block; }

.modal__input {
  width: 100%;
  padding: 5px 15px;
  display: block;
  background-color: transparent;
  height: 35px;
  margin: 0;
  border: 1px #1d1d1d solid;
  color: #000;
  border-radius: 25px;
  font-size: 1.4rem; }

.modal__input:focus, .modal__textarea:focus {
  border: 2px #000000 solid; }

.modal__submit {
  width: 50%;
  margin: 0 auto;
  background-color: #E53935;
  border: none;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  padding: 12px 0;
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  font-family: 'Roboto', sans-serif; }

.modal__submit:hover {
  background-color: #212121; }

.modal__content {
  width: 100%;
  height: 0;
  visibility: hidden;
  position: relative;
  transform: translate(-100%);
  overflow: hidden; }

.modal__content--success, .modal__content--error {
  text-align: center; }

.modal__content.modal__content--visible {
  visibility: visible;
  transform: translate(0);
  width: 100%;
  height: 100%; }

.modal__close {
  width: 20px;
  position: fixed;
  right: 20px;
  top: 15px;
  z-index: 999999;
  cursor: pointer; }
.modal__close svg { 
  width: 100%; }
.modal__close:hover {
  opacity: 0.5; }

.modal__form .forms_text { 
  font-size: 12px;
  margin-top: 10px; }

.modal__comments {
  width: 100%;
  display: flex; }
  .modal__comments-photo {
    width: 60%; }
    .modal__comments-photo img {
      display: block;
      max-width: 100%; }
  .modal__comments-video {
    width: 60%; }
  .modal__comments-form {
    width: calc(40% - 40px);
    padding-left: 40px; }
    .modal__comments-form h3 {
      color: #000;
      padding: 0 0 20px 0; }
      .modal__comments-form h3 span {
        color: #E53935; }

.comments {
  width: 100%;
  margin-bottom: 20px; }
  .comments li {
    width: calc(100% - 40px);
    background-color: #f7f7f7;
    color: #000;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 25px;
    line-height: 1.5; }

.tags {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  padding: 20px; }
  .tags li {
    width: 12.5%;
    padding: 0 0 15px 0;
    margin-bottom: 15px; }
    .tags li a {
      font-size: 1.6rem;
      font-weight: 700;
      border: 1px #ddd solid;
      border-radius: 25px;
      padding: 5px 10px; }

/*===============================================*/
/*   NOTIFICATIONS               */
/*===============================================*/
.notifications {
  width: 340px;
  position: fixed;
  display: none;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 25px;
  padding: 20px;
  opacity: 0; }
  .notifications.animate {
    bottom: 20px;
    opacity: 1; }
  .notifications__title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .notifications__title-bar h4 {
      padding: 0px;
      margin: 0px;
      line-height: 1;
      font-size: 1.5rem; }
  .notifications__list {
    padding: 20px 0 0 0; }

.notification {
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .notification__thumb {
    flex: 0 0 40px; }
    .notification__thumb a img {
      display: block;
      width: 40px;
      height: 40px;
      border-radius: 100%; }
  .notification__text {
    width: 100%;
    padding: 0 10px;
    line-height: 1.5; }
    .notification__text a {
      font-weight: 700; }
      .notification__text a:hover {
        color: #fff; }
    .notification__text span.statusoff {
      color: #f4d0ee;
      font-weight: 700;
      text-decoration: underline; }
    .notification__text span.statuson {
      color: #d0f4e2;
      font-weight: 700;
      text-decoration: underline; }
  .notification__button {
    padding: 10px; }
    .notification__button a {
      font-weight: 700; }
      .notification__button a:hover {
        color: #fff; }

/*===============================================*/
/*   FOOTER 	 						 */
/*===============================================*/
/* BLOCK - footer */
.footer {
  width: 100%;
  height: auto;
  clear: both;
  background-color: #212121;
  position: relative;
  color: #fff; }

/* ELEMENT - footer__content */
.footer__content {
  clear: both; }

.footer__content--fluid-width {
  width: calc(100% - 40px);
  padding: 20px;
  margin: auto;
  clear: both; }

.footer-banners {
  width: 100%;
  text-align: center; }

.footer-banners a {
  margin: 0 10px; }

.footer-banners a img {
  display: inline-block;
  width: 200px; }

.footer-social, .social {
  width: 100%;
  text-align: center;
  justify-content: center;
  padding: 0 0 0 10px;
  display: flex; }

.footer-social a, .social a {
  border: 1px solid #fff;
  border-radius: 50px;
  margin-right: 10px;
  padding: 3px; }

.footer-social a img, .social a img {
  display: block;
  width: 32px; }

.footer-menu {
  width: 100%;
  text-align: center;
  padding: 20px 0; }

.footer-menu ul {
  display: flex;
  justify-content: center; }

.footer-menu ul li a, .footer-menu a {
  display: inline-block;
  color: #E53935;
  margin: 0 10px;
  font-weight: 700;
  letter-spacing: 0.5px; }
  .footer-menu ul li a:hover, .footer-menu a:hover {
    color: #fff; }

.footer-language {
  width: 100%;
  text-align: center;
  padding: 20px 0; }

.footer-language ul {
  display: flex;
  justify-content: center; }

.footer-language ul li {
  display: flex;
  justify-content: center;
  padding: 7px 0; }

.footer-language ul li a {
  display: block;
  color: #fff;
  margin: 0 0 0 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-top: 3px;
  font-size: 1.2rem;
  border-radius: 100%; }
  .footer-language ul li a.selected {
    color: #E53935; }
  .footer-language ul li a:hover {
    color: #E53935; }

.footer-copy, .footer-dmca, .cpy {
  width: 100%;
  text-align: center;
  padding: 10px 0; }

.language-selector {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: #212121;
  color: white;
  padding: 5px 10px;
  border-radius: 999px;
  cursor: pointer;
  width: fit-content;
  font-family: Arial, sans-serif;
  border: 1px solid;
}

.flag-language {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
}

.arrow-language {
  margin-left: 6px;
  font-size: 10px;
}

.dropdown-language {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background-color: black;
  color: black;
  list-style: none;
  padding: 5px 0;
  margin: 0;
  border-radius: 10px;
  z-index: 10;
  width: 100%;
  border: 1px solid #fff;
}

.dropdown-language li {
  padding: 6px;
  cursor: pointer;
}

.dropdown-language li a {
  border: 0;
  display: flex;
  align-items: center;
  color: #fff;
}
.dropdown-language li a img, .dropdown-language li a svg { 
  width: 20px;
}

.dropdown-language li a:hover {
  color: #E53935; 
}

/*===============================================*/
/*   Sticky components                */
/*===============================================*/
/*   Sticky header                */
.sticky-header{
  position: fixed;
  width: 100%;
  left:0;
  top:0;
  background: #212121;
  z-index:30;
  opacity: 0;
  transition: 1s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.sticky-header-visible{
  opacity: 1;
}
/*   Sticky model meta                */
.sticky-meta { 
  position: sticky;
  width: 220px;
  left: calc(100% - 240px);
  bottom: 20px;
  display: none;
  overflow: hidden;
  flex-direction: column;
  background: #212121f7;
  z-index: 20;
  color: #fff;
  padding: 20px;
  gap: 10px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.show-sticky {
  display: flex !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.sticky-cta{
  display: flex;
  align-items: center;
  justify-content: center;
}
.sticky-cta a{
  background: #e53a36;
  color: #fff;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.sticky-details-head{
  display: flex;
  gap: 10px;
}
.sticky-details{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sticky-details-item{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.sticky-details-item img{
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.sticky-name{
  width: 100%;
  display: flex;
  font-size: 12px;
  font-weight: bold;
}
.sticky-age_gender{
  font-size: 12px;
}
.sticky-details ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.sticky-details ul.cbUL{
  display: inline;
}
.sticky-details ul li{
  padding: 5px;
  border: 1px solid #e53a3642;
  font-size: 12px;
  cursor: pointer;
}
.sticky-details ul li a:hover{
  color: #fff;
}
/*===============================================*/
/*   Filter                */
/*===============================================*/

.advanced_filters{-webkit-transition:all 0.3s 0.02s;-moz-transition:all 0.3s 0.02s;transition:all 0.3s 0.02s;left:-250px;background-color:#212121;top:0;height:calc(100vh - 20px);padding:0;position:absolute;overflow:scroll;z-index:9999;width:250px;color: #fff;}
.advanced_filters.opened{}
.filters_head{display:flex;position:sticky;height:48px;top:0;line-height:24px;left:0;width:100%;background:#212121;z-index:999;align-items: center;justify-content: space-between;}
.filters_head .filter-button {padding: 12px 0px;margin-left: 0;}
.filters_head .filter-button .close_filter {width: 20px;}
.welcomebox_buttons {display: flex;align-items: center;justify-content: space-between;}
.opened_filters{left:0}
.advanced_filters span{font-weight:500;width:100%;text-transform: uppercase;padding:14px 15px;display:flex;align-items: center;gap: 10px;overflow:hidden;position:relative;cursor:pointer;font-size:14px}
.filters_title:after,.filters_close:after,.filters_close,.filters_title, .filters_title:before{border:0!important}
span.filters_title{float:left;cursor:none!important;width:auto!important;text-transform: uppercase;padding: 14px 15px !important;font-weight: bold;font-size: 20px;text-transform: capitalize;color: #E53935;}
span.active-category, span.checked-category{color: #E53935;}
.active-category, .checked-category:after{border-top-color: inherit !important;}
.active-category svg circle, .active-category svg path, .checked-category svg circle, .checked-category svg path{fill: #E53935;stroke: #E53935;}
.open_platforms.active-category svg path, .open_location.active-category svg path, .open_platforms.checked-category svg path, .open_location.checked-category svg path{stroke: transparent;}
.active-category:before {transform: rotate(180deg) !important;}
.active-category:after {border-top-color: inherit !important;transform: rotate(180deg) !important;top: 19px !important;}
.filters_head img{margin-top: 0px;float: left;margin-right: 10px;width: 23px;height: 23px;}
.filters_close{float:right;font-size:24px!important;width:auto!important;padding:19px 15px!important}
.filters_close img{width: 12px;height: 12px;margin-right: 0;}
.advanced_filters span:after{position:absolute;content:"";top:23px;right:15px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent transparent;transform:rotate(0deg);transition:0.5s}
.advanced_filters span:before {position: absolute;content: "";top: 21px;right: 15px;width: 0;height: 0;border: 6px solid transparent;border-color: #212121 transparent transparent transparent;transform: rotate(0deg);transition: 0.5s;z-index: 1;}
.advanced_filters span.reverseAfter:after{transform:rotate(180deg);top:17px}
.advanced_filters ul{-webkit-transition:max-height 0.3s;-moz-transition:max-height 0.3s;-ms-transition:max-height 0.3s;-o-transition:max-height 0.3s;transition:max-height 0.3s;overflow:hidden;max-height:0;background-color: #000;}
.open_filter_list{overflow:scroll!important;max-height:100%!important}
.advanced_filters ul::-webkit-scrollbar{display:none}
.advanced_filters ul{scrollbar-width:none;-ms-overflow-style:none}
ul.filter-ul-opened{max-height: 100%;-webkit-transition:max-height 0.7s;-moz-transition:max-height 0.7s;-ms-transition:max-height 0.7s;-o-transition:max-height 0.7s;transition:max-height 0.7s;}
.filters_container:-webkit-scrollbar{display:none}
.filters_container::-webkit-scrollbar{display:none}
.filters_container{width:100%;position:absolute;top:50px;bottom:0;scrollbar-width:none;-ms-overflow-style:none}
.filters_container span svg{width: 20px;height: auto;}
.advanced_filters:-webkit-scrollbar{display:none}
.advanced_filters::-webkit-scrollbar{display:none}
.advanced_filters{scrollbar-width:none;-ms-overflow-style:none}
.advanced_filters ul li{font-weight:500;cursor:pointer;color:#fff;font-size:12px;margin: 0px;padding:12px 30px;border-bottom:1px solid #212121;}
.advanced_filters ul li:last-of-type{border:0}
.advanced_filters ul li:hover{background-color:#E53935;color:#fff}
.advanced_filters ul li.filtered,.advanced_filters ul li#singleFilter{position:relative;color:#fff;background-color: #E53935;}
.advanced_filters ul li.filtered:after,.advanced_filters ul li#singleFilter:after{position:absolute;top:calc(50% - 4px);right:15px;content:'';background-image: url(../images/icons/check.svg);font-size:16px;color:#FFF;line-height:41px;text-align:center;width: 12px;height: 12px;background-position: 0px 0px;background-repeat: no-repeat;background-size: 10px;}
.advanced_filters ul li a{pointer-events: none;color:#fff}
.filters_active{display:flex;flex-wrap:wrap;width:100%;padding:0 0 10px;justify-content:center}
.filters_active .active{font-weight:700;cursor:pointer;background-color:#E53935;font-size:14px;padding:8px 10px;color:#fff;border-radius:5px;margin-right:5px}
#clear_all_filters{font-weight:700;cursor:pointer;font-size:14px;padding:8px 10px;color:#fff;background-color:#212121;border-radius:5px;margin-right:5px}
.open_advanced_filters{flex:1;display:flex;justify-content:center;cursor:pointer}
.sorting_filters{flex:1;display:flex;justify-content:right}
.open_advanced_filters span{font-size:14px;background:#E53935;color:#fff;padding:10px 20px;border-radius:5px;margin:10px 0;font-weight:700}
.open_advanced_filters span:hover{opacity:.7}
.filter_buttons {display: flex;align-items: center;justify-content: space-between;gap: 10px; flex-direction: row;padding: 15px;}
span.apply_filters, span.clear_filters{color:#fff;text-align:center;justify-content: center;padding: 10px;border-radius: 30px;display: none;}
span.apply_filters {background-color: #E53935;}
span.clear_filters {background-color: #eee;color: #000;}
span.clear_filters:after, span.apply_filters:after, span.clear_filters:before, span.apply_filters:before{border:0}
.filtered_title{display:inline-block;padding:0 10px;position:relative;font-size:16px;}
.filtered_title:after{position:absolute;content:"";top:9px;right:-8px;width:0;height:0;border:5px solid transparent;border-color:transparent transparent transparent #212121}
.filtered_title:last-of-type:after{top:0;right:0;border:0}
.filters_button{font-weight:700;letter-spacing:.6px;cursor:pointer;font-size:16px;position:relative;padding-right:22px;line-height:15px;color:#E53935}
.filters_button img{margin-top:1px;vertical-align:top}
.filters_button span{font-size:25px;font-weight:400;color:#fff}
.filters_button:after{position:absolute;content:"";top:-4px;left:-27px;width:25px;height:25px;background-image:url(../images/icons/filter_button.svg);background-repeat:no-repeat;background-position:0 0;background-size:22px}
.selected_option_bubble{font-style: normal;background: #E53935;border-radius: 100%;padding: 1px 5px;font-size: 8px;float: right;margin-right: 20px;margin-top: 4px;}
.grid-pulse-opacity {
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width:800px){
  .open_advanced_filters{float:left;position:relative;padding:0 15px 0 10px}
  .open_advanced_filters span{margin:10px 0 0}
  .opened_filters{left:0!important}
  .filters_head{position:relative}
}
/*===============================================*/
/*   404 page                */
/*===============================================*/
/* BLOCK - 404 */
.error-buttons { 
  justify-content: center;
  display: flex; }
.error-go-home { 
  margin-right: 10px;
  padding: 10px;
  background: #1d1d1d;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px; }
.error-see-models { 
  background: #E53935;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px; }
.error-go-home:hover { 
  opacity: 0.90;
  color: #fff; }
.error-see-models:hover { 
  opacity: 0.85;
  color: #fff; }
.error-see-models img { 
  display: inline-block;
  width: auto; }
.error-container-img{ 
  opacity: 0;
  width: 100%; }
.img-center { 
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block; }
.category-filter{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:12px 0;
  background-color: #fff;
  position: sticky;
  top: 70px;
  z-index: 50;
}
.category-filter.is-stuck{
  box-shadow: 0 10px 26px rgba(0,0,0,.10); }
.category-filter__row{
  display:flex;
  gap:10px;
  align-items:center;
}
.az-btn.is-disabled{
  opacity:.35;
  pointer-events:none;
}
.category-filter__inputwrap{
  position:relative;
  flex:1;
}

.category-filter__icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  opacity:.55;
  font-size:14px;
  pointer-events:none;
}

#catFilter{
  width:100%;
  height:42px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:0 42px 0 36px;
  outline:none;
  background:#fafafa;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#catFilter:focus{
  border-color:rgba(0,0,0,.25);
  box-shadow:0 0 0 4px rgba(0,0,0,.06);
  background:#fff;
}

.category-filter__clear{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:0;
  border-radius:10px;
  background:transparent;
  font-size:20px;
  line-height:1;
  opacity:.5;
  cursor:pointer;
  display:none; /* shown when input has value */
}

.category-filter__clear:hover{ opacity:.85; }

.az{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}

.az-btn{
  height:32px;
  min-width:34px;
  padding:0 10px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  font-size:13px;
  line-height:30px;
  transition:transform .08s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
  user-select:none;
}

.az-btn:hover{ transform:translateY(-1px); }

.az-btn.is-active{
  border-color:rgba(0,0,0,.25);
  background:#f3f3f3;
  font-weight:700;
}

@media (max-width: 520px){
  #catFilter{ height:40px; }
  .az{ gap:5px; justify-content: center; }
  .az-btn{ height:30px; min-width:32px; font-size:12px; }
}