@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");


@font-face {
  font-family: "FontAwesome";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.mobile_side_filters_overflow_wrapper {
  position: absolute;
  z-index: 1001;
  transform: translate3d(0, 0, 10px); /* safari fix */
  width: 0;
  height: 90vh;
  right: 0;
  top: 8vh;
  overflow: hidden;
}
.mobile_side_filters_overflow_wrapper.open {
  width: 95vw;
}

.mobile_side_filters_wrapper {
  position: relative;
  width: 95vw;
  height: 90vh;
  background-color: #f8f9fa;
  border: solid 1px #ddd;
  margin-left: 100vw;
  transition: all 0.7s ease;
}
.mobile_side_filters_wrapper.open {
  margin-left: 0;
}
.mobile_side_filters_wrapper .pills {
  direction: ltr;
}
.mobile_side_filters_wrapper .close-filters {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 22px;
}
.mobile_side_filters_wrapper .mobile_side_filters {
  width: 100vw;
  height: 90px;
  padding: 0 30px;
}
.mobile_side_filters_wrapper .mobile_side_filters .mobile_side_filters-logo {
  position: absolute;
  top: 0;
  right: 0;
  height: 100px;
  text-align: center;
  padding: 35px;
  direction: ltr;
  width: 100vw;
}
.mobile_side_filters_wrapper .mobile_side_filters .mobile_side_filters-logo img {
  height: 100%;
  max-width: 100%;
}
.mobile_side_filters_wrapper .mobile_side_filters .slogan-text span {
  font-size: 22px;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
  margin-left: 10px;
  line-height: 18px;
}
.mobile_side_filters_wrapper .mobile_side_filters .mobile_side_filters-inner {
  position: absolute;
  left: 0;
  top: 100px;
  height: calc(100vh - 5px - 100px);
  padding: 30px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 90vw;
  direction: rtl;
}
.mobile_side_filters_wrapper .mobile_side_filters .mobile_side_filters-inner .branding-blocks-wrapper {
  padding: 1rem;
  direction: ltr;
}
.mobile_side_filters_wrapper .mobile_side_filters .mobile_side_filters-inner a {
  text-decoration: none !important;
  color: inherit;
}

.mobile_side_sharing_overflow_wrapper {
  position: absolute;
  z-index: 1001;
  transform: translate3d(0, 0, 10px); /* safari fix */
}

.mobile_side_sharing_wrapper {
  overflow: hidden;
  background-color: #ddd;
  width: 0;
  height: 100vh;
  transition: all 0.7s ease;
}
.mobile_side_sharing_wrapper.open {
  width: 100vw;
}
.mobile_side_sharing_wrapper .close-sharing {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 22px;
}
.mobile_side_sharing_wrapper .mobile_side_sharing {
  width: 100vw;
  height: 90px;
  padding: 0 30px;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .mobile_side_sharing-logo {
  position: absolute;
  top: 0;
  right: 0;
  height: 100px;
  text-align: center;
  padding: 35px;
  direction: ltr;
  width: 100vw;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .mobile_side_sharing-logo img {
  height: 100%;
  max-width: 100%;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .slogan-text span {
  font-size: 22px;
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
  color: inherit;
  margin-left: 10px;
  line-height: 18px;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .mobile_side_sharing-inner {
  position: absolute;
  right: 0;
  top: 100px;
  height: calc(100vh - 5px - 100px);
  margin-right: 5px;
  background-color: #f8f9fa;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  width: calc(100vw - 5px);
  direction: rtl;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .mobile_side_sharing-inner .branding-blocks-wrapper {
  padding: 1rem;
  direction: ltr;
}
.mobile_side_sharing_wrapper .mobile_side_sharing .mobile_side_sharing-inner a {
  text-decoration: none !important;
}

.mobile .social-icons {
  margin-bottom: 50px;
  padding-bottom: 50px;
}

html, body, main, #app {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #0d1e2d;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
  border: none;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(170, 170, 170, 0.7);
}

.main_container {
  display: flex;
  width: 100vw;
  height: 100vh;
  height: 100dvh; /* dynamic vh will make the trick on iOS */
  overflow: hidden;
}

.main {
  overflow-y: auto;
  flex: 1 1 100%;
  transition: all 1s ease;
}
.main.mobile {
  overflow-y: hidden;
}
.main .tiles_wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, 280px);
  justify-content: center;
  row-gap: 0.5rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  padding: 20px;
}
@media screen and (max-width: 575px) {
  .main .tiles_wrapper {
    row-gap: unset;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 190px);
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 205px);
    -moz-column-gap: 1.8rem;
         column-gap: 1.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 220px);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 235px);
    -moz-column-gap: 2.2rem;
         column-gap: 2.2rem;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 250px);
    -moz-column-gap: 2.4rem;
         column-gap: 2.4rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 265px);
    -moz-column-gap: 2.6rem;
         column-gap: 2.6rem;
  }
}
@media screen and (min-width: 2560px) {
  .main .tiles_wrapper {
    grid-template-columns: repeat(auto-fill, 265px);
    -moz-column-gap: 2.6rem;
         column-gap: 2.6rem;
  }
}
.main .tiles_wrapper.mobile {
  margin-top: 65px;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}
.main .tiles_wrapper.dont_snap {
  scroll-snap-type: unset;
}
.main .tile_pre_wrapper + .load_more_wrapper {
  grid-column-start: 1;
  grid-column-end: -1;
}
.main .load-more {
  width: 30%;
  min-width: 280px;
  margin: 0 auto;
  flex: unset !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center;
  padding: 1.5rem 2rem;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.main .load-more .bar {
  padding: 1rem;
  background-color: rgba(233, 236, 239, 0.6784313725);
  border-radius: 6px;
}
.main .load-more .bar:hover {
  background-color: #e9ecef;
}

.tiles_scroll_fix {
  height: 350px;
}

.loader {
  width: 1em;
  height: 1em;
  border: 5px solid #aaa;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.social-icons {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
}
.social-icons .fa {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 4px 4px;
  border-radius: 6px;
}
.social-icons .fa:hover {
  opacity: 0.7;
}
.social-icons .fa-facebook {
  background: #3B5998;
  color: white;
}
.social-icons .fa-twitterx {
  background: rgb(15, 20, 25);
  color: white;
}
.social-icons .fa-envelope {
  background: rgb(108, 159, 210);
  color: white;
}
.social-icons .fa-whatsapp {
  background: #25d366;
  color: white;
}
.social-icons .fa-twitter {
  background: #55ACEE;
  color: white;
}
.social-icons .fa-google {
  background: #dd4b39;
  color: white;
}
.social-icons .fa-linkedin-in {
  background: #007bb5;
  color: white;
}
.social-icons .fa-youtube {
  background: #bb0000;
  color: white;
}
.social-icons .fa-instagram {
  background: #125688;
  color: white;
}
.social-icons .fa-pinterest {
  background: #cb2027;
  color: white;
}
.social-icons .fa-link {
  rotate: 90deg;
  background: rgb(255, 255, 255);
  color: #000000;
  border: 1px solid #000;
}

.blog-footer {
  position: sticky;
  top: calc(100vh - 50px);
}

.profile-logo {
  position: absolute;
  top: 20px;
  left: 20px;
}

.close-popup-x {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px 10px;
  z-index: 101;
}

.nav_wrap {
  transition: position 0.7s ease;
  padding-top: 20px;
}
.nav_wrap .pills {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 1rem;
  transition: top 0.7s ease;
}
.nav_wrap .pills > div {
  flex-shrink: none;
}
.nav_wrap .pills .disabled {
  pointer-events: none;
  opacity: 0.4;
}
.nav_wrap.sticky {
  position: fixed;
  width: 100vw;
  top: 0px;
  left: 0;
  z-index: 1000;
  background-color: white;
  padding-bottom: 10px;
  padding-left: 420px;
  filter: drop-shadow(0px 3px 10px #bababa);
}
@media screen and (max-width: 575px) {
  .nav_wrap.sticky {
    padding-left: 100vw;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .nav_wrap.sticky {
    padding-left: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav_wrap.sticky {
    padding-left: 230px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .nav_wrap.sticky {
    padding-left: 240px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .nav_wrap.sticky {
    padding-left: 260px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .nav_wrap.sticky {
    padding-left: 320px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .nav_wrap.sticky {
    padding-left: 380px;
  }
}
@media screen and (min-width: 2560px) {
  .nav_wrap.sticky {
    padding-left: 380px;
  }
}

.home-splash {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .home-splash {
    padding: 2rem 0 0.8rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .home-splash {
    padding: 2.1rem 0 0.9rem 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .home-splash {
    padding: 2.2rem 0 1rem 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-splash {
    padding: 2.3rem 0 1.1rem 0;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .home-splash {
    padding: 2.4rem 0 1.2rem 0;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .home-splash {
    padding: 2.5rem 0 1.3rem 0;
  }
}
@media screen and (min-width: 2560px) {
  .home-splash {
    padding: 2.5rem 0 1.3rem 0;
  }
}
.home-splash.hidden {
  display: none;
}

.splash-content {
  padding: 3rem 10rem 1rem 10rem;
  transition: width 0.7s ease;
}
@media screen and (max-width: 575px) {
  .splash-content {
    padding: 4rem 3rem 0rem 3rem;
  }
}
.splash-content p {
  padding: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.7s ease;
  margin-bottom: 2rem;
}

.find_other {
  font-family: "Noto Serif", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.3em;
}
.find_other h2 span {
  display: block;
  font-size: 0.85em;
}

.dont_forget {
  text-align: center;
}
@media screen and (max-width: 575px) {
  .dont_forget {
    display: none !important;
  }
}
.dont_forget img {
  vertical-align: top;
  animation: moveUpAndDown 300ms infinite alternate ease-in;
}

.tiles-wrapper .navbar .container-fluid {
  margin-right: -30px;
}

@keyframes moveUpAndDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(2px);
  }
}
header.header-mobile {
  width: 100vw;
  position: fixed;
  top: 0;
  background-color: rgb(255, 255, 255);
  z-index: 999;
  padding: 0.3em;
}
header.header-mobile .slogan {
  margin-right: 171px;
  height: 50px;
  line-height: 60px;
  padding: 0 10px 0 15px;
}
header.header-mobile .slogan img {
  max-height: 32px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
header.header-mobile .logo {
  margin-right: 171px;
  height: 60px;
  line-height: 60px;
  padding: 0 10px 0 15px;
}
header.header-mobile .logo img {
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: left;
     object-position: left;
}
header.header-mobile .navigation-wrapper {
  position: relative;
}
header.header-mobile .navigation {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 9px;
  padding-right: 5px;
}
header.header-mobile .navigation .icon {
  border-radius: 60px;
  background-color: #ddd;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  margin: 3px;
  font-size: 18px;
  cursor: pointer;
}
header.header-mobile .navigation .icon-search {
  background-color: #ddd;
  position: relative;
}
header.header-mobile .navigation .icon-search .filter_active {
  position: absolute;
  background-color: red;
  padding: 3px;
  border-radius: 10px;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
}
header.header-mobile .navigation.branded .icon-search {
  color: #fff;
  background-color: #ddd;
}
header.header-mobile .filter-crumbs {
  font-size: small;
  padding: 0 1rem 0 1rem;
  margin-right: auto;
  width: 100%;
}
header.header-mobile .avatar {
  width: 42px;
  height: 42px;
  margin-top: 0px;
  margin-left: 13px !important;
}

.nav-wrapper {
  min-width: 190px;
  position: relative;
}
.nav-wrapper .btn-navigation {
  --bs-btn-font-size: 13px;
  --bs-border-width: 0;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  padding-right: 3px;
  border: 2px solid rgb(220, 220, 220);
  border-radius: 10px;
  font-weight: bold;
}
.nav-wrapper .btn-navigation:hover {
  filter: brightness(0.95);
}
.nav-wrapper .btn-navigation .button-wrapper {
  display: inline-block;
  transition: opacity 0.3s ease;
  width: calc(100% - 20px);
}
.nav-wrapper .btn-navigation .button-wrapper .button-text {
  display: inline-block;
  margin: 0 10px 0 3px;
}
.nav-wrapper .btn-navigation .button-wrapper i {
  display: inline-block;
  margin: 0 4px 0 3px;
}
.nav-wrapper .btn-navigation .fa-close {
  transition: opacity 0.3s ease;
  margin-left: 3px;
}
.nav-wrapper .btn-navigation .button-wrapper:hover {
  opacity: 0.7;
}
.nav-wrapper .btn-navigation .fa-close:hover {
  opacity: 0.7;
}
.nav-wrapper .btn-navigation .fa-chevron-right {
  transition: rotate 0.3s ease;
}
.nav-wrapper .btn-navigation.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nav-wrapper .btn-navigation.open .fa-chevron-right {
  rotate: 90deg;
}
.nav-wrapper .options {
  display: none;
  position: absolute;
  top: 31px;
  margin-left: -8px;
  background-color: #fff;
  border: rgb(221, 221, 221) thin solid;
  padding: 14px 5px;
  font-weight: 500;
  line-height: 1.8em;
  max-height: 80vh;
  max-width: calc(100vw - 20px);
  min-width: 205px;
  z-index: 10000;
  font-size: 14px;
  border-radius: 6px;
}
.nav-wrapper .options .scroll {
  max-height: calc(80vh - 45px);
  padding: 0 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.nav-wrapper .options .scroll > div {
  cursor: pointer;
  margin-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100vw - 120px);
  vertical-align: middle;
}
.nav-wrapper .options .clear {
  display: none;
}
.nav-wrapper .options.open {
  display: block;
}
.nav-wrapper .options .hidden {
  display: none;
}
.nav-wrapper .options .disabled {
  opacity: 0.4;
}
.nav-wrapper .options .nav-a {
  text-decoration: none !important;
  color: inherit;
}

.top-filter-icons-wrapper {
  min-width: 190px;
}
.top-filter-icons-wrapper .btn-navigation {
  --bs-btn-font-size: 13px;
  --bs-border-width: 0;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  padding-right: 3px;
  border: 2px solid rgb(220, 220, 220);
  border-radius: 10px;
  font-weight: bold;
}
.top-filter-icons-wrapper .btn-navigation:hover {
  filter: brightness(0.95);
}
.top-filter-icons-wrapper .btn-navigation .button-wrapper {
  display: inline-block;
  transition: opacity 0.3s ease;
  width: calc(100% - 20px);
}
.top-filter-icons-wrapper .btn-navigation .button-wrapper .button-text {
  display: inline-block;
  margin: 0 10px 0 3px;
}
.top-filter-icons-wrapper .btn-navigation .button-wrapper i {
  display: inline-block;
  margin: 0 4px 0 3px;
}
.top-filter-icons-wrapper .btn-navigation .fa-close {
  transition: opacity 0.3s ease;
  margin-left: 3px;
}
.top-filter-icons-wrapper .btn-navigation .button-wrapper:hover {
  opacity: 0.7;
}
.top-filter-icons-wrapper .btn-navigation .fa-close:hover {
  opacity: 0.7;
}
.top-filter-icons-wrapper .btn-navigation .fa-chevron-right {
  transition: rotate 0.3s ease;
}
.top-filter-icons-wrapper .btn-navigation.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.top-filter-icons-wrapper .btn-navigation.open .fa-chevron-right {
  rotate: 90deg;
}
.top-filter-icons-wrapper .options {
  display: none;
  position: absolute;
  top: 31px;
  background-color: #fff;
  border: rgb(221, 221, 221) thin solid;
  padding: 35px 5px;
  font-weight: 500;
  width: 800px;
  height: 400px;
  z-index: 10000;
  font-size: 14px;
  border-radius: 6px;
  left: calc((100% - 800px) / 2);
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .top-filter-icons-wrapper .options {
    width: 500px;
    height: 400px;
    left: calc((100% - 500px) / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .top-filter-icons-wrapper .options {
    width: 700px;
    height: 400px;
    left: calc((100% - 700px) / 2);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .top-filter-icons-wrapper .options {
    width: 800px;
    height: 400px;
    left: calc((100% - 800px) / 2);
  }
}
.top-filter-icons-wrapper .options .grid {
  display: grid;
  grid-template-columns: 22% 22% 22% 22%;
  grid-template-rows: 1fr;
  gap: 1% 2%;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}
.top-filter-icons-wrapper .options .clear {
  display: none;
}
.top-filter-icons-wrapper .options.open {
  display: block;
}
.top-filter-icons-wrapper .options .hidden {
  display: none;
}
.top-filter-icons-wrapper .options .disabled {
  opacity: 0.4;
}
.top-filter-icons-wrapper .options .nav-a {
  text-decoration: none !important;
  color: inherit;
}
.top-filter-icons-wrapper .cat-button {
  margin: 0.8em 0.8em;
}
.top-filter-icons-wrapper .cat-button a:hover {
  text-decoration: underline;
}
.top-filter-icons-wrapper .btn-link {
  color: unset !important;
  text-decoration: none;
}
.top-filter-icons-wrapper .icon {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.top-filter-icons-wrapper .icon + span {
  display: block;
}

.side-nav-wrapper {
  position: relative;
  margin: 0 4px;
  width: 100%;
}
.side-nav-wrapper .btn-navigation {
  font-size: 18px;
  line-height: 36px;
  margin: 3px;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  padding-right: 0 !important;
}
.side-nav-wrapper .btn-navigation:hover {
  filter: brightness(0.95);
}
.side-nav-wrapper .btn-navigation .button-wrapper {
  display: inline-block;
  transition: opacity 0.3s ease;
  width: calc(100% - 20px);
  vertical-align: top;
  border-bottom: 2px solid #f8f9fa;
}
.side-nav-wrapper .btn-navigation .button-wrapper .button-text {
  display: inline-block;
  margin-left: 10px;
  margin-right: 22px;
  text-wrap: wrap;
  margin-bottom: 8px;
}
.side-nav-wrapper .btn-navigation .button-wrapper i {
  display: inline-block;
  margin: 0 3px;
}
.side-nav-wrapper .btn-navigation .fa-close {
  transition: opacity 0.3s ease;
}
.side-nav-wrapper .btn-navigation .button-wrapper:hover {
  opacity: 0.7;
}
.side-nav-wrapper .btn-navigation .fa-close:hover {
  opacity: 0.7;
}
.side-nav-wrapper .btn-navigation .fa-chevron-right {
  transition: rotate 0.3s ease, color 0.3s ease;
  top: 10px;
  position: relative;
  vertical-align: top;
}
.side-nav-wrapper .btn-navigation.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.side-nav-wrapper .btn-navigation.open .fa-chevron-right {
  rotate: 90deg;
  color: #ffec44;
}
.side-nav-wrapper .btn-navigation.open .button-wrapper {
  border-bottom: 2px solid #ffec44 !important;
}
.side-nav-wrapper .options {
  display: none;
  max-height: 43vh;
  top: 34px;
  left: -8px;
  padding: 14px 5px;
  font-weight: 500;
  line-height: 1.8em;
  max-width: calc(100vw - 20px);
  z-index: 10000;
  font-size: 16px;
  border-radius: 6px;
}
.side-nav-wrapper .options .scroll {
  direction: rtl;
  max-height: calc(43vh - 45px);
  padding: 0 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.side-nav-wrapper .options .scroll > div {
  direction: ltr;
  cursor: pointer;
  margin-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100vw - 120px);
  vertical-align: middle;
}
.side-nav-wrapper .options .clear {
  display: none;
}
.side-nav-wrapper .options.open {
  display: block;
}
.side-nav-wrapper .options .hidden {
  display: none;
}
.side-nav-wrapper .options .disabled {
  opacity: 0.4;
}

.sidebar_overflow_wrapper {
  position: relative;
  z-index: 1001;
  transform: translate3d(0, 0, 10px); /* safari fix */
}

.mobile .sidebar_overflow_wrapper {
  position: absolute;
}

.sidebar_wrapper {
  overflow: hidden;
  background-color: #ddd;
  width: 10px;
  height: 100vh;
  transition: all 0.7s ease;
}
.sidebar_wrapper.open {
  width: 220px;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper.open {
    width: 100vw;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper.open {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper.open {
    width: 230px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper.open {
    width: 240px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper.open {
    width: 260px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper.open {
    width: 320px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper.open {
    width: 380px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper.open {
    width: 380px;
  }
}
.sidebar_wrapper .sidebar {
  width: 220px;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper .sidebar {
    width: 100vw;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper .sidebar {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper .sidebar {
    width: 230px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper .sidebar {
    width: 240px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper .sidebar {
    width: 260px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper .sidebar {
    width: 320px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper .sidebar {
    width: 380px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper .sidebar {
    width: 380px;
  }
}
.sidebar_wrapper .sidebar .sidebar-logo {
  position: absolute;
  top: 0;
  right: 0;
  height: 100px;
  text-align: center;
  padding: 10px;
  direction: ltr;
  width: 220px;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 100vw;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 230px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 240px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 260px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 320px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 380px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper .sidebar .sidebar-logo {
    width: 380px;
  }
}
.sidebar_wrapper .sidebar .sidebar-logo img {
  height: 100%;
}
.sidebar_wrapper .sidebar .sidebar-inner {
  position: absolute;
  right: 0;
  top: 100px;
  height: calc(100vh - 5px - 100px);
  margin-right: 5px;
  background-color: #f8f9fa;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 215px;
  direction: rtl;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: calc(100vw - 5px);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 215px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 225px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 235px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 255px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 315px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 375px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper .sidebar .sidebar-inner {
    width: 375px;
  }
}
.story_open:not(.mobile).sidebar_wrapper .sidebar .sidebar-inner {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.transition:not(.mobile).sidebar_wrapper .sidebar .sidebar-inner {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.sidebar_wrapper .sidebar .sidebar-inner .branding-blocks-wrapper {
  padding: 1rem;
  direction: ltr;
}
.sidebar_wrapper .sidebar .sidebar-footer {
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
  padding: 10px 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: -1.5rem;
  margin-top: 1.5rem;
  width: calc(100% + 3rem);
  background-color: #f3f3f3;
  direction: ltr;
}
.sidebar_wrapper .sidebar .sidebar-footer span img {
  margin-bottom: 1rem;
  cursor: pointer;
  height: 28px;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.6rem;
    height: 24px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.65rem;
    height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.7rem;
    height: 26px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.75rem;
    height: 27px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.8rem;
    height: 28px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.85rem;
    height: 29px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.9rem;
    height: 30px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper .sidebar .sidebar-footer span img {
    margin-bottom: 0.9rem;
    height: 30px;
  }
}
.sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
  font-weight: bold;
  font-size: 1.2rem;
  color: #000;
  padding-left: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: block;
  border-bottom: #f3f3f3 solid 1px;
  font-size: 14px;
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 6px;
    font-size: 12px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 6.25px;
    font-size: 12.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 6.5px;
    font-size: 13px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 6.75px;
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 7px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 7.25px;
    font-size: 14.5px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 7.5px;
    font-size: 15px;
  }
}
@media screen and (min-width: 2560px) {
  .sidebar_wrapper .sidebar .sidebar-footer .sidebar-link {
    padding-bottom: 7.5px;
    font-size: 15px;
  }
}
.sidebar_wrapper .sidebar .sidebar-footer .sidebar-link:before {
  content: "";
  border-color: transparent #000;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -20px;
  top: 1.1em;
  color: #000;
  position: relative;
}
.sidebar_wrapper .sidebar .sidebar-footer .sidebar-link:hover {
  border-bottom: hsl(53.9, 100%, 63.33%) solid 1px;
}
.sidebar_wrapper .sidebar .sidebar-footer .sidebar-link:hover:before {
  border-color: transparent hsl(53.9, 100%, 63.33%);
}
.sidebar_wrapper .sidebar-arrow {
  cursor: pointer;
  transition: opacity 0.5s ease;
  z-index: 10001;
  width: 34px;
  height: 50px;
  opacity: 0;
  background-color: rgb(155, 168, 186);
  position: absolute;
}
.sidebar_wrapper .sidebar-arrow.open {
  opacity: 1;
}
.sidebar_wrapper .sidebar-arrow.arrow-right {
  left: 100%;
  top: 45%;
  border-radius: 0 100px 100px 0;
  color: #fff;
}
.sidebar_wrapper .sidebar-arrow.arrow-right.animate {
  animation: arrowMovements 800ms infinite alternate ease;
  transform-origin: top left;
}
.sidebar_wrapper .sidebar-arrow.arrow-right svg {
  rotate: -90deg;
  fill: #fff;
  top: 2px;
}
.sidebar_wrapper .sidebar-arrow.arrow-right.mobile.open-story {
  left: 0%;
  top: 45%;
}
.sidebar_wrapper .sidebar-arrow.arrow-left {
  left: calc(100% - 34px);
  top: 45%;
  border-radius: 100px 0 0 100px;
  color: #fff;
}
.sidebar_wrapper .sidebar-arrow.arrow-left.animate {
  animation: arrowMovements 800ms infinite alternate ease;
  transform-origin: top right;
}
.sidebar_wrapper .sidebar-arrow.arrow-left svg {
  rotate: 90deg;
  fill: #fff;
  top: 2px;
}

@keyframes arrowMovements {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1.1);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 220px);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 230px);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 240px);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 260px);
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 320px);
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 380px);
  }
}
@media screen and (min-width: 2560px) {
  .story_open .storybar_wrapper {
    width: calc(99vw - 380px);
  }
}
@media screen and (max-width: 575px) {
  .story_open .storybar_wrapper {
    width: 99vw;
  }
}
.story_open .storybar_wrapper .storybar {
  border-width: 5px;
  border-left: none;
}

.transition .storybar {
  border-width: 5px !important;
  border-left: none !important;
}

.storybar_wrapper {
  height: 100vh;
  left: calc(100% - 10px);
  top: 0;
  position: absolute;
  overflow: hidden;
  width: 0px;
  transition: width 0.7s ease;
  padding-top: 95px;
}
@media screen and (max-width: 575px) {
  .storybar_wrapper {
    left: 0;
  }
}
.storybar_wrapper .storybar {
  background-color: #f8f9fa;
  z-index: 1010;
  height: calc(100vh - 100px + 5px);
  border: solid 0px #ddd;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-left: none;
  padding: 30px 30px;
}
.storybar_wrapper .storybar .storybar_inner {
  position: relative;
  height: 100%;
  overflow: auto;
  margin: 10px auto;
}
@media screen and (max-width: 575px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: calc(100vw - 55px);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: calc(100% - 60px);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: 900px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: 1100px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: 1200px;
  }
}
@media screen and (min-width: 2560px) {
  .storybar_wrapper .storybar .storybar_inner {
    width: 1200px;
  }
}
.storybar_wrapper .storybar .storybar_inner .title-wrap {
  width: 100%;
  letter-spacing: normal;
  background-color: #f8f9fa;
  padding: 10px 80px;
  font-family: "DM Serif Display", "Times New Roman", Times, serif;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 1rem 2rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 1.2rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 1.2rem 3rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 1.4rem 4rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 1.6rem 5rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 1.8rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 1.8rem 6rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 2rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 2rem 7rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 2.2rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 2.2rem 8rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 2.4rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 2560px) {
  .storybar_wrapper .storybar .storybar_inner .title-wrap {
    padding: 2.2rem 8rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap h1 {
    font-weight: 500;
    font-size: 2.4rem;
  }
  .storybar_wrapper .storybar .storybar_inner .title-wrap .sub-title {
    font-size: 1.4rem;
  }
}
.storybar_wrapper .storybar .storybar_inner .stories {
  width: 100%;
}
.storybar_wrapper .storybar .storybar_inner .stories .media {
  height: 25vh;
  max-height: 300px;
}
@media screen and (max-width: 575px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 25vh;
    max-height: 300px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 27vh;
    max-height: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 29vh;
    max-height: 340px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 31vh;
    max-height: 360px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 33vh;
    max-height: 380px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 35vh;
    max-height: 400px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 37vh;
    max-height: 420px;
  }
}
@media screen and (min-width: 2560px) {
  .storybar_wrapper .storybar .storybar_inner .stories .media {
    height: 37vh;
    max-height: 420px;
  }
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header .dots_wrapper {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 10px 80px;
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header .dots_wrapper .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 3px 3px 14px;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 22px;
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header .dots_wrapper .dots .nav_dot {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #eee;
  color: #eee;
  mix-blend-mode: color-dodge;
  margin: 6px;
  transition: 0.3s all ease-in;
  cursor: pointer;
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header .dots_wrapper .dots .nav_dot.selected {
  background-color: #9d9327;
  mix-blend-mode: difference;
  cursor: unset;
}
.storybar_wrapper .storybar .storybar_inner .stories .media .header .dots_wrapper .dots .nav_dot a {
  display: block;
  width: 100%;
  height: 100%;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy {
  padding: 1rem 6rem 1rem 6rem;
  color: #0d1e2d;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 1rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 5.5rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 7rem;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 8.5rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 10rem;
  }
}
@media screen and (min-width: 2560px) {
  .storybar_wrapper .storybar .storybar_inner .stories .copy {
    padding: 1rem 10rem;
  }
}
.storybar_wrapper .storybar .storybar_inner .stories .copy h2 {
  font-size: 1.45rem;
  font-weight: 400;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy h3 {
  font-size: 1.35rem;
  font-weight: 400;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy h4 {
  font-size: 1.25rem;
  font-weight: 400;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy ul, .storybar_wrapper .storybar .storybar_inner .stories .copy ol {
  padding-left: 1.15em;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy-notifcation {
  position: absolute;
  top: -10px;
  display: none;
}
.storybar_wrapper .storybar .storybar_inner .stories .copy-notifcation.show {
  display: unset;
}
.storybar_wrapper .storybar .storybar_inner .stories .social-icons {
  background-color: #f8f9fa;
  padding-top: 1rem;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 1;
  transition: opacity 0.5s ease;
  z-index: 1021;
}
.storybar_wrapper .storybar .storybar_inner .stories .social-icons.show {
  opacity: 1;
  pointer-events: all;
}
.storybar_wrapper .storybar .storybar_inner .stories .social-icons .fa {
  padding: 7px;
  font-size: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 4px 4px;
  border-radius: 6px;
}

.storyflip-right-enter-active,
.storyflip-right-leave-active {
  position: absolute;
  transition: all 0.4s ease-in;
}

.storyflip-right-enter-from {
  left: 100%;
}

.storyflip-right-enter-to,
.storyflip-right-leave-from {
  left: 0;
}

.storyflip-right-leave-to {
  /* transform: scale(0.9); */
  left: -100%;
}

.storyflip-left-enter-active,
.storyflip-left-leave-active {
  position: absolute;
  transition: all 0.4s ease-out;
}

.storyflip-left-enter-from {
  left: -100%;
}

.storyflip-left-enter-to {
  left: 0;
}

.storyflip-left-leave-from {
  left: 0;
}

.storyflip-left-leave-to {
  left: 100%;
}

.asset_paragraph p {
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .asset_paragraph p {
    font-size: 10px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_paragraph p {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_paragraph p {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_paragraph p {
    font-size: 13px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_paragraph p {
    font-size: 14px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_paragraph p {
    font-size: 15px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_paragraph p {
    font-size: 16px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_paragraph p {
    font-size: 16px;
  }
}

.asset_article .article {
  position: relative;
  height: 215px;
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 1rem;
  background-size: cover;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_article .article {
    height: 150px;
    border-radius: 10px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_article .article {
    height: 160px;
    border-radius: 11px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_article .article {
    height: 170px;
    border-radius: 12px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_article .article {
    height: 180px;
    border-radius: 13px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_article .article {
    height: 190px;
    border-radius: 14px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_article .article {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 2560px) {
  .asset_article .article {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 1rem;
  }
}
.asset_article .article div {
  font-weight: 500;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  border-radius: 20px;
  background: rgba(227, 227, 227, 0.8);
  color: #000;
  width: 100%;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_article .article div {
    padding: 0.65rem;
    border-radius: 10px;
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_article .article div {
    padding: 0.7rem;
    border-radius: 11px;
    font-size: 11px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_article .article div {
    padding: 0.75rem;
    border-radius: 12px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_article .article div {
    padding: 0.8rem;
    border-radius: 13px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_article .article div {
    padding: 0.85rem;
    border-radius: 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_article .article div {
    padding: 0.9rem;
    border-radius: 15px;
    font-size: 15px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_article .article div {
    padding: 0.9rem;
    border-radius: 15px;
    font-size: 15px;
  }
}

.asset_article_alt {
  text-decoration: none !important;
  font-family: "Noto Serif", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.asset_article_alt .article {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
}
.asset_article_alt .article img {
  width: 100px;
  float: left;
  margin-bottom: auto;
}
.asset_article_alt .article div {
  font-weight: 500;
  padding: 0 1rem;
  color: #000;
  display: flex;
  align-content: center;
  height: auto;
  flex-wrap: wrap;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_article_alt .article div {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_article_alt .article div {
    font-size: 11px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_article_alt .article div {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_article_alt .article div {
    font-size: 13px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_article_alt .article div {
    font-size: 14px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_article_alt .article div {
    font-size: 15px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_article_alt .article div {
    font-size: 15px;
  }
}
.asset_article_alt .article div i {
  font-weight: 2000;
  font-size: 0.7em;
}
.asset_article_alt .article div p {
  margin-bottom: 0 !important;
}

.asset_video {
  position: relative;
  height: 215px;
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 1rem;
  background-size: cover;
  overflow: hidden;
  border: #000 1px solid;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_video {
    height: 150px;
    border-radius: 10px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_video {
    height: 160px;
    border-radius: 11px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_video {
    height: 170px;
    border-radius: 12px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_video {
    height: 180px;
    border-radius: 13px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_video {
    height: 190px;
    border-radius: 14px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_video {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 2560px) {
  .asset_video {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 1rem;
  }
}
.asset_video div {
  font-weight: 500;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  border-radius: 20px;
  background: rgb(227, 227, 227);
  color: #000;
  width: 100%;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_video div {
    padding: 0.65rem;
    border-radius: 10px;
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_video div {
    padding: 0.7rem;
    border-radius: 11px;
    font-size: 11px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_video div {
    padding: 0.75rem;
    border-radius: 12px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_video div {
    padding: 0.8rem;
    border-radius: 13px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_video div {
    padding: 0.85rem;
    border-radius: 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_video div {
    padding: 0.9rem;
    border-radius: 15px;
    font-size: 15px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_video div {
    padding: 0.9rem;
    border-radius: 15px;
    font-size: 15px;
  }
}

.asset_title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  .asset_title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_title {
    font-size: 16.5px;
    margin-bottom: 8.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_title {
    font-size: 17px;
    margin-bottom: 9px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_title {
    font-size: 17.5px;
    margin-bottom: 9.5px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_title {
    font-size: 18.5px;
    margin-bottom: 10.5px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_title {
    font-size: 19px;
    margin-bottom: 11px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_title {
    font-size: 19px;
    margin-bottom: 11px;
  }
}

.asset_small_block .small_block {
  border: #B2B2B2 thin solid;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  height: 140px;
  width: calc(50% - 15px);
  margin: 0 5px;
  font-weight: 600;
  font-size: 16px;
  padding: 5px;
  display: inline-block;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: normal;
  cursor: pointer;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_small_block .small_block {
    height: 100px;
    width: calc(50% - 10px);
    margin: 0 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_small_block .small_block {
    height: 105px;
    width: calc(50% - 11px);
    margin: 0 3px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_small_block .small_block {
    height: 110px;
    width: calc(50% - 12px);
    margin: 0 4px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_small_block .small_block {
    height: 115px;
    width: calc(50% - 13px);
    margin: 0 5px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_small_block .small_block {
    height: 120px;
    width: calc(50% - 14px);
    margin: 0 6px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_small_block .small_block {
    height: 125px;
    width: calc(50% - 15px);
    margin: 0 7px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_small_block .small_block {
    height: 125px;
    width: calc(50% - 15px);
    margin: 0 7px;
  }
}
.asset_small_block .small_block img {
  max-width: calc(100% - 10px);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .asset_small_block .small_block img {
    max-width: calc(100% - 20px);
  }
}
.asset_small_block .small_block .link {
  color: #000;
  font-weight: 200;
  font-size: 20px;
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 10px;
  margin-bottom: 0;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_small_block .small_block .link {
    font-size: 12px;
    bottom: 3px;
    right: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_small_block .small_block .link {
    font-size: 13px;
    bottom: 3.5px;
    right: 7px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_small_block .small_block .link {
    font-size: 14px;
    bottom: 4px;
    right: 8px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_small_block .small_block .link {
    font-size: 15px;
    bottom: 4.5px;
    right: 9px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_small_block .small_block .link {
    font-size: 16px;
    bottom: 5px;
    right: 10px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_small_block .small_block .link {
    font-size: 17px;
    bottom: 5.5px;
    right: 11px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_small_block .small_block .link {
    font-size: 17px;
    bottom: 5.5px;
    right: 11px;
  }
}

.asset_button {
  width: 100%;
  border: none;
  color: #fff;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 0;
  cursor: pointer;
  border-radius: 16px;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 16px;
}
.asset_button:hover {
  color: #fff;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .asset_button {
    padding: 7px 12px;
    border-radius: 12px;
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .asset_button {
    padding: 7.5px 12.5px;
    border-radius: 13px;
    font-size: 11px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .asset_button {
    padding: 8px 13px;
    border-radius: 14px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .asset_button {
    padding: 8.5px 13.5px;
    border-radius: 15px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .asset_button {
    padding: 9px 14px;
    border-radius: 16px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .asset_button {
    padding: 9.5px 14.5px;
    border-radius: 17px;
    font-size: 15px;
  }
}
@media screen and (min-width: 2560px) {
  .asset_button {
    padding: 9.5px 14.5px;
    border-radius: 17px;
    font-size: 15px;
  }
}

.tile_pre_wrapper {
  max-width: 280px;
  width: 100%;
  max-height: 550px;
  padding-top: calc(170% + 1.3rem + 1.3rem);
  position: relative;
}
.tile_pre_wrapper .tile_wrapper {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  scroll-snap-align: start;
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner {
  display: flex;
  flex-direction: column;
  background-color: #f8f9fa;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid;
  border-color: #000;
  top: 0;
  transition: all 0.2s ease;
  padding-bottom: 22px;
  transform: scale(1);
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .safari_fix {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* safari fix */
}
.tile_pre_wrapper .tile_wrapper .tile_inner.focused {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
  transform: translateZ(0) scale(1.0192);
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper {
  position: absolute;
  width: 100%;
  height: calc(100% - 22px);
  display: flex;
  flex-direction: column;
  border-top-left-radius: 10px; /* safari fix */
  border-top-right-radius: 10px; /* safari fix */
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* safari fix */
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper {
  height: calc(100% - 99px);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content {
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -1px; /* to fill the gap */
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content iframe {
  border-top-left-radius: 10px; /* safari fix */
  border-top-right-radius: 10px; /* safari fix */
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content .tile_img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  border-top-left-radius: 10px; /* safari fix */
  border-top-right-radius: 10px; /* safari fix */
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* safari fix */
  z-index: 2;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content.reading .tile_img {
  transition: all 0.4s ease;
  border-radius: 60px;
  width: 80px;
  height: 80px;
  top: 50px;
  left: 50px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content.reading .tile_img img {
  margin-top: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .slide_content .tile_copy {
  width: 100%;
  position: absolute;
  top: 95px;
  padding: 15px 20px;
  font-size: 13px;
  overflow-y: scroll;
  max-height: calc(100% - 120px);
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .my-story {
  position: absolute;
  top: 38px;
  right: 12px;
  z-index: 1;
  font-size: 11px;
  cursor: pointer;
  text-decoration: none;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .institution_logo {
  padding-top: 4px;
  border-top: 1px solid #f3f3f3;
  position: relative;
  background-color: #fff;
  text-align: center;
  height: 45px;
  z-index: 1;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .institution_logo .logo_tooltip {
  font-size: 10px;
  border-bottom-right-radius: 6px;
  padding: 5px 8px;
  position: absolute;
  top: -20px;
  right: 0px;
  opacity: 0;
  transition: opacity 0.7s ease;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .institution_logo .logo_tooltip.show {
  opacity: 1;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .institution_logo img {
  max-height: 38px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .content_wrapper .institution_logo .institution_name {
  display: flex;
  height: 100%;
  margin-top: -4px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids {
  padding: 14px 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 102px;
  position: relative;
  transition: all 0.8s ease;
  top: 0;
  opacity: 1;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .from {
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .name, .tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .from {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
  flex: 0 1 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.8s ease;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .name span.bold, .tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .from span.bold {
  font-weight: 600;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .name.expanded, .tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .from.expanded {
  text-overflow: unset;
  white-space: normal;
  overflow: visible;
  padding-bottom: 24px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .course {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.8s ease;
  flex: 0 1 30px;
  height: 12px;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .course.expanded {
  text-overflow: unset;
  white-space: normal;
  overflow: visible;
  padding-top: 10px;
  height: 80px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .tile_ids .course a {
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .face_wrapper .in_review {
  position: absolute;
  z-index: 11;
  background-color: #ff0000;
  padding: 4px 50px;
  color: #fff;
  font-size: 0.8em;
  right: 0;
  transform: rotate(45deg) translateX(45px);
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid .short_vid_inner {
  position: absolute;
  top: 0px;
  left: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid .shorts_view_more_wrapper {
  position: absolute;
  bottom: 13px;
  width: 100%;
  text-align: center;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid .shorts_view_more {
  font-size: 0.6em;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.5em 1em;
  border-radius: 40px;
  text-decoration: none;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: grey;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
  width: 80%;
  margin: 10%;
  font-size: 1.8rem;
  align-self: center;
  justify-self: end;
  font-family: "Noto Serif", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: white;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.15em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.3em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.45em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.75em;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.9em;
  }
}
@media screen and (min-width: 2560px) {
  .tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading h2 {
    font-size: 1.9em;
  }
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .logo {
  position: absolute;
  bottom: 10px;
  width: 80%;
  left: 10%;
  height: 45px;
  text-align: center;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .logo img {
  width: unset !important;
  height: unset !important;
  max-width: 90%;
  max-height: 45px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .fade-enter-active,
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .fade-leave-active {
  transition: opacity 0.5s ease;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .fade-enter-from,
.tile_pre_wrapper .tile_wrapper .tile_inner .short_vid_heading .fade-leave-to {
  opacity: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_footer {
  height: 25px;
  width: 100%;
  position: absolute;
  bottom: -2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  z-index: 12;
  border-bottom-right-radius: 10px; /* safari fix */
  border-bottom-left-radius: 10px; /* safari fix */
  border: none;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_footer .slide_date {
  color: white;
  font-size: 12px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_footer .nav_dots {
  display: flex;
  max-width: 180px;
  overflow: hidden;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_footer .nav_dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin: 2px;
  background-color: #ada9a9;
  color: #363434;
  mix-blend-mode: hard-light;
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_footer .nav_dot.active {
  background-color: #a49292;
  mix-blend-mode: plus-lighter;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-enter-active {
  position: absolute;
  transition: all 0.5s ease;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-leave-active {
  position: absolute;
  transition: all 0.7s ease;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-enter-from {
  /* transform: scale(0.8); */
  left: 100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-enter-to,
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-leave-from {
  /* transform: scale(1); */
  left: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-right-leave-to {
  /* transform: scale(0.9); */
  left: -100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-enter-active {
  position: absolute;
  transition: all 0.5s ease;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-leave-active {
  position: absolute;
  transition: all 0.7s ease;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-enter-from {
  left: -100%;
  margin-right: 100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-enter-to {
  left: 0;
  margin-right: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-leave-from {
  left: 0;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tileflip-left-leave-to {
  left: 100%;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .shadow-left {
  position: absolute;
  top: -5%;
  left: 0;
  width: 10%;
  height: 110%;
  z-index: 11;
  transition: box-shadow 0.3s ease;
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .shadow-left.show {
  box-shadow: inset 12px 0px 12px rgba(0, 0, 0, 0.2);
}
.tile_pre_wrapper .tile_wrapper .tile_inner .shadow-right {
  position: absolute;
  top: -5%;
  right: 0;
  width: 10%;
  height: 110%;
  z-index: 11;
  transition: box-shadow 0.3s ease;
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .shadow-right.show {
  box-shadow: inset -12px 0px 12px rgba(0, 0, 0, 0.2);
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_copy {
  padding: 14px 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 202px;
  position: relative;
  transition: all 0.8s ease;
  top: 0;
  opacity: 1;
  background-color: #f3f3f3;
  margin-top: -2px;
  margin-bottom: -2px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_copy .container p {
  font-size: 12px !important;
  line-height: 17px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_copy .container h3 {
  font-size: 14px !important;
  line-height: 17px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_logo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  text-align: center;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_logo .container {
  width: 50%;
  height: 50px;
  display: flex;
  padding: 5px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  align-items: center;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_logo .container .img_wrapper {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_logo .container img {
  max-width: 100%;
  max-height: 45px;
}
.tile_pre_wrapper .tile_wrapper .tile_inner .tile_img_advert_find_out {
  position: absolute;
  border: 1px solid white;
  padding: 2px 5px;
  font-size: 14px;
  border-radius: 5px;
  bottom: 2px;
  right: 10px;
  width: 130px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  color: white;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area {
  width: -moz-min-content;
  width: min-content;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area i {
  width: 50px;
  height: calc(100% - 22px - 1.3rem - 1.3rem - 40px);
  display: block;
  position: absolute;
  right: -1rem;
  top: 60px;
  z-index: 10;
  color: #428ecc;
  font-size: 2.5rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area i .right-back {
  border-radius: 15px;
  z-index: -1;
  left: 5px;
  top: 14px;
  width: 30px;
  display: block;
  height: 30px;
  position: absolute;
  background-color: rgb(255, 255, 255);
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area i .left-back {
  border-radius: 15px;
  z-index: -1;
  left: 5px;
  top: 14px;
  width: 30px;
  display: block;
  height: 30px;
  position: absolute;
  background-color: rgb(255, 255, 255);
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.left i {
  left: -25px;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.left.active {
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.right i {
  right: -25px;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.right.active {
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.right.show i {
  opacity: 1;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows-area.left.show i {
  opacity: 1;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows i {
  display: block;
  position: absolute;
  top: calc(50% - 30px);
  right: -1rem;
  z-index: 0;
  color: #428ecc;
  font-size: 2.5rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 40px;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows i .right-back {
  border-radius: 15px;
  z-index: -1;
  left: 5px;
  top: 14px;
  width: 30px;
  display: block;
  height: 30px;
  position: absolute;
  background-color: rgb(255, 255, 255);
}
.tile_pre_wrapper .tile_wrapper .tile-arrows i .left-back {
  border-radius: 15px;
  z-index: -1;
  left: 5px;
  top: 14px;
  width: 30px;
  display: block;
  height: 30px;
  position: absolute;
  background-color: rgb(255, 255, 255);
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.left i {
  left: -25px;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.left.active {
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.right i {
  right: -25px;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.right.active {
  cursor: pointer;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.right.show i {
  opacity: 1;
}
.tile_pre_wrapper .tile_wrapper .tile-arrows.left.show i {
  opacity: 1;
}
.tile_pre_wrapper .tile_likes_wrapper {
  position: absolute;
  top: 5px;
  right: 5px;
}
.tile_pre_wrapper .tile_likes_wrapper .tile_likes {
  position: relative;
  background-color: #fff;
  height: -moz-min-content;
  height: min-content;
  padding: 0px 5px 3px;
  overflow: hidden;
  z-index: 14;
  border-radius: 8px;
  cursor: pointer;
  color: #000;
  font-weight: 500;
}
.tile_pre_wrapper .tile_likes_wrapper .tile_likes.liked svg path {
  fill: #ff0000;
}
.tile_pre_wrapper .tile_likes_wrapper .tile_likes span {
  display: inline-block;
  margin: 5px 0 0 2px;
  vertical-align: top;
  font-size: 0.7em;
  letter-spacing: -0.05em;
}

.social_sharing_wrapper {
  position: relative;
  z-index: 1001;
}

.social_sharing {
  flex: 0 0 0;
  overflow: hidden;
  width: 0;
  height: 100vh;
  right: 0;
}
.social_sharing .share-icon {
  position: absolute;
  top: 60px;
  right: 20px;
  text-align: center;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  z-index: 1001;
  border: thin solid #000;
  border-radius: 33px;
  cursor: pointer;
  background-color: #fefefe;
}
.social_sharing .share-icon i {
  font-size: 18px;
}
.social_sharing .share-panel {
  position: absolute;
  top: 75px;
  right: -120px;
  width: 120px;
  padding-top: 30px;
  transition: all 0.7s ease;
}
.social_sharing .share-panel.open {
  right: 0;
}
.social_sharing .share-panel .share-pannel-wrapper {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #f8f9fa;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  height: 100%;
  padding: 10px 10px 15px 10px;
}
.social_sharing .share-panel .share-pannel-wrapper h3 {
  font-size: 16px;
}
.social_sharing .share-panel .share-pannel-wrapper .qr-code svg {
  left: 4px;
  position: relative;
  width: 88px;
  height: 88px;
}

div.static {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: padding-left 0.7s ease;
}
div.static .error-wrapper {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.static .error-wrapper .page-title {
  font-size: 68px;
}
div.static .error-wrapper .message {
  text-align: center;
}
div.static .static-wrapper {
  padding: 0 3rem 3rem 3rem;
}
@media screen and (max-width: 575px) {
  div.static .static-wrapper {
    padding: 3rem 3rem 6rem 3rem;
  }
}
div.static .static-wrapper .page-title {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 100px;
}
div.static .static-wrapper .form-container {
  max-width: 1040px;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  /* Clear floats after the columns */
}
@media screen and (max-width: 575px) {
  div.static .static-wrapper .form-container {
    padding: 0;
  }
}
div.static .static-wrapper .form-container * {
  box-sizing: border-box;
}
div.static .static-wrapper .form-container input[type=text], div.static .static-wrapper .form-container input[type=number], div.static .static-wrapper .form-container select, div.static .static-wrapper .form-container textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
div.static .static-wrapper .form-container label {
  display: inline-block;
}
div.static .static-wrapper .form-container input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
div.static .static-wrapper .form-container input[type=file] {
  padding: 12px 20px;
}
div.static .static-wrapper .form-container .gutter-right {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  margin-bottom: 60px;
}
div.static .static-wrapper .form-container input[type=submit]:hover {
  background-color: #45a049;
}
div.static .static-wrapper .form-container .col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}
div.static .static-wrapper .form-container .col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
@media screen and (max-width: 575px) {
  div.static .static-wrapper .form-container .col-25 {
    width: 100%;
  }
  div.static .static-wrapper .form-container .col-75 {
    width: 100%;
  }
}
div.static .static-wrapper .form-container .row::after {
  content: "";
  display: table;
  clear: both;
}
div.static .static-wrapper .form-container .error {
  color: #ff0606;
}
div.static .static-wrapper .form-container .success {
  color: #45a049;
  font-size: 1.5em;
  font-weight: 500;
  float: left;
  margin-right: auto;
  width: auto;
}
div.static .intro p {
  max-width: 640px;
}

.consent_banner {
  z-index: 9999;
  position: fixed;
  width: 500px;
  height: 300px;
  right: 1em;
  bottom: 3em;
}
.consent_banner .modal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consent_banner .modal .content {
  padding: 30px;
  width: 475px;
  margin: 0 20px;
  /* height: 349px; */
  background-color: #000000;
  border-radius: 12px;
}
.consent_banner .modal .content p {
  color: #fff;
}
.consent_banner .modal .content .msg {
  color: #8f8f8f;
}
.consent_banner .modal .content .privacy-prefs__button {
  border-radius: 8px;
  border: none;
  background-color: black;
  color: #fff;
  padding: 10px 20px;
  margin: 2px;
  border: 2px solid #ffffff;
  padding: 6px 12px !important;
}
.consent_banner .modal .content .privacy-prefs__button a {
  text-decoration: none;
  color: #fff;
}
.consent_banner .modal .content .privacy-prefs__button__light {
  border-radius: 8px;
  border: none;
  border: 2px solid #ffffff;
  color: #fff;
  margin: 2px;
  padding: 6px 12px !important;
}
.consent_banner .modal .content .privacy-prefs__button__light a {
  text-decoration: none;
  color: #000;
}
.consent_banner .modal .content .privacy-prefs__button__settings {
  border-radius: 8px;
  border: none;
  color: #fff;
  background-color: transparent;
  margin: 2px;
  padding: 6px 12px !important;
}
.consent_banner .modal .content .privacy-prefs__button__settings a {
  text-decoration: none;
  color: #ffffff;
}

.privacy-prefs {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  min-height: 100%;
  color: inherit;
  z-index: 100000;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.privacy-prefs .blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5019607843);
  z-index: 10;
}
.privacy-prefs .privacy-prefs__page {
  position: relative;
  width: 100%;
  max-width: 640px;
  min-height: 100%;
  background-color: #000000;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 110%;
  z-index: 11;
  border-radius: 12px;
}
.privacy-prefs .privacy-prefs__table {
  width: 100%;
  margin: 20px 0;
}
.privacy-prefs .privacy-prefs__table tr td, .privacy-prefs .privacy-prefs__table tr th {
  padding: 20px;
  border-bottom: 1px solid grey;
  color: #fff;
}
.privacy-prefs td.type {
  color: #8f8f8f !important;
}
.privacy-prefs .privacy-prefs__button {
  border-radius: 8px;
  border: none;
  background-color: black;
  color: #fff;
  padding: 6px 12px !important;
  margin: 2px;
}
.privacy-prefs .privacy-prefs__button__light {
  border-radius: 8px;
  border: none;
  border: 2px solid #ffffff;
  color: #000000;
  padding: 6px 12px !important;
  margin: 2px;
  font-weight: 500;
}
.privacy-prefs .privacy-prefs__button__settings {
  border-radius: 8px;
  border: none;
  color: #fff;
  background-color: transparent;
  margin: 2px;
  padding: 6px 12px !important;
}
.privacy-prefs .privacy-prefs__button__settings a {
  text-decoration: none;
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .consent_banner {
    width: auto;
    margin: 0;
    height: 50%;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 10px;
  }
  .consent_banner .modal .content {
    padding: 30px;
    width: 90%;
  }
  .consent_banner .modal .content p {
    color: #fff;
    font-size: 0.8em;
  }
  .consent_banner .modal .content .privacy-prefs__button {
    font-size: 0.8em;
    padding: 5px 10px;
    margin: 2px;
  }
  .consent_banner .modal .content .privacy-prefs__button__light {
    font-size: 0.8em;
    padding: 5px 10px;
    margin: 2px;
  }
  .consent_banner .modal .content .privacy-prefs__button__settings {
    font-size: 0.8em;
    padding: 5px 10px;
    margin: 2px;
  }
}
.login_popup_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.login_popup_wrapper .login_popup {
  position: absolute;
  background-color: #fff;
  opacity: 1;
  width: 60vw;
  height: 80vh;
  left: calc(50% - 30vw);
  top: auto;
  padding: 40px;
  z-index: 10001;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup {
    height: 70vh;
    width: 100vw;
    left: 0;
    top: -50px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .login_popup_wrapper .login_popup {
    width: 100vw;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .login_popup_wrapper .login_popup {
    width: 90vw;
    left: calc(50% - 45vw);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .login_popup_wrapper .login_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .login_popup_wrapper .login_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}

.verification_popup_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.verification_popup_wrapper .terms_popup,
.verification_popup_wrapper .verification_popup {
  position: absolute;
  background-color: #fff;
  opacity: 1;
  width: 40vw;
  left: calc(50% - 20vw);
  top: auto;
  padding: 80px;
  z-index: 10001;
}
@media screen and (max-width: 575px) {
  .verification_popup_wrapper .terms_popup,
  .verification_popup_wrapper .verification_popup {
    width: 90vw;
    left: calc(50% - 45vw);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .verification_popup_wrapper .terms_popup,
  .verification_popup_wrapper .verification_popup {
    width: 90vw;
    left: calc(50% - 45vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .verification_popup_wrapper .terms_popup,
  .verification_popup_wrapper .verification_popup {
    width: 90vw;
    left: calc(50% - 45vw);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .verification_popup_wrapper .terms_popup,
  .verification_popup_wrapper .verification_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .verification_popup_wrapper .terms_popup,
  .verification_popup_wrapper .verification_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}

.password_reset_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.password_reset_wrapper .password_reset {
  position: absolute;
  background-color: #fff;
  opacity: 1;
  width: 40vw;
  left: calc(50% - 20vw);
  top: auto;
  padding: 80px;
  z-index: 10001;
}

.login_popup_wrapper .login_popup *,
.verification_popup_wrapper .verification_popup *,
.password_reset_wrapper .password_reset * {
  box-sizing: border-box;
}
.login_popup_wrapper .login_popup h3,
.verification_popup_wrapper .verification_popup h3,
.password_reset_wrapper .password_reset h3 {
  font-weight: bold;
  margin: 0;
}
.login_popup_wrapper .login_popup p,
.verification_popup_wrapper .verification_popup p,
.password_reset_wrapper .password_reset p {
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin: 20px 0 30px;
}
.login_popup_wrapper .login_popup span,
.verification_popup_wrapper .verification_popup span,
.password_reset_wrapper .password_reset span {
  font-size: 12px;
}
.login_popup_wrapper .login_popup a,
.verification_popup_wrapper .verification_popup a,
.password_reset_wrapper .password_reset a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  margin: 15px 0;
}
.login_popup_wrapper .login_popup button,
.verification_popup_wrapper .verification_popup button,
.password_reset_wrapper .password_reset button {
  border-radius: 20px;
  border: 1px solid #FF4B2B;
  background-color: #FF4B2B;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup button,
  .verification_popup_wrapper .verification_popup button,
  .password_reset_wrapper .password_reset button {
    padding: 6px 35px;
  }
}
.login_popup_wrapper .login_popup button:active,
.verification_popup_wrapper .verification_popup button:active,
.password_reset_wrapper .password_reset button:active {
  transform: scale(0.95);
}
.login_popup_wrapper .login_popup button:focus,
.verification_popup_wrapper .verification_popup button:focus,
.password_reset_wrapper .password_reset button:focus {
  outline: none;
}
.login_popup_wrapper .login_popup button.ghost,
.verification_popup_wrapper .verification_popup button.ghost,
.password_reset_wrapper .password_reset button.ghost {
  background-color: transparent;
  border-color: #FFFFFF;
}
.login_popup_wrapper .login_popup form,
.verification_popup_wrapper .verification_popup form,
.password_reset_wrapper .password_reset form {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup form,
  .verification_popup_wrapper .verification_popup form,
  .password_reset_wrapper .password_reset form {
    padding: 0 20px;
    height: unset;
  }
}
.login_popup_wrapper .login_popup input:not([type=checkbox]),
.verification_popup_wrapper .verification_popup input:not([type=checkbox]),
.password_reset_wrapper .password_reset input:not([type=checkbox]) {
  background-color: #eee;
  border: none;
  padding: 12px 15px;
  margin: 8px 0;
  width: 100%;
}
.login_popup_wrapper .login_popup .form-container,
.verification_popup_wrapper .verification_popup .form-container,
.password_reset_wrapper .password_reset .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 0.6s ease-in-out;
}
.login_popup_wrapper .login_popup .sign-in-container,
.verification_popup_wrapper .verification_popup .sign-in-container,
.password_reset_wrapper .password_reset .sign-in-container {
  left: 0;
  width: 50%;
  z-index: 2;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup .sign-in-container,
  .verification_popup_wrapper .verification_popup .sign-in-container,
  .password_reset_wrapper .password_reset .sign-in-container {
    width: 100%;
    transform: translateX(0%);
  }
}
.login_popup_wrapper .login_popup.right-panel-active .sign-in-container,
.verification_popup_wrapper .verification_popup.right-panel-active .sign-in-container,
.password_reset_wrapper .password_reset.right-panel-active .sign-in-container {
  transform: translateX(100%);
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup.right-panel-active .sign-in-container,
  .verification_popup_wrapper .verification_popup.right-panel-active .sign-in-container,
  .password_reset_wrapper .password_reset.right-panel-active .sign-in-container {
    transform: translateX(-100%);
  }
}
.login_popup_wrapper .login_popup .sign-up-container,
.verification_popup_wrapper .verification_popup .sign-up-container,
.password_reset_wrapper .password_reset .sign-up-container {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup .sign-up-container,
  .verification_popup_wrapper .verification_popup .sign-up-container,
  .password_reset_wrapper .password_reset .sign-up-container {
    width: 100%;
    transform: translateX(100%);
  }
}
.login_popup_wrapper .login_popup.right-panel-active .sign-up-container,
.verification_popup_wrapper .verification_popup.right-panel-active .sign-up-container,
.password_reset_wrapper .password_reset.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
  animation: show 0.6s;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup.right-panel-active .sign-up-container,
  .verification_popup_wrapper .verification_popup.right-panel-active .sign-up-container,
  .password_reset_wrapper .password_reset.right-panel-active .sign-up-container {
    transform: translateX(0%);
  }
}
@keyframes show {
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%, 100% {
    opacity: 1;
    z-index: 5;
  }
}
.login_popup_wrapper .login_popup .overlay-container,
.verification_popup_wrapper .verification_popup .overlay-container,
.password_reset_wrapper .password_reset .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
  z-index: 100;
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup .overlay-container,
  .verification_popup_wrapper .verification_popup .overlay-container,
  .password_reset_wrapper .password_reset .overlay-container {
    width: 100%;
    left: 0;
    height: 30%;
    bottom: -30%;
    top: unset;
  }
}
.login_popup_wrapper .login_popup.right-panel-active .overlay-container,
.verification_popup_wrapper .verification_popup.right-panel-active .overlay-container,
.password_reset_wrapper .password_reset.right-panel-active .overlay-container {
  transform: translateX(-100%);
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup.right-panel-active .overlay-container,
  .verification_popup_wrapper .verification_popup.right-panel-active .overlay-container,
  .password_reset_wrapper .password_reset.right-panel-active .overlay-container {
    transform: translateX(0%);
  }
}
.login_popup_wrapper .login_popup .overlay,
.verification_popup_wrapper .verification_popup .overlay,
.password_reset_wrapper .password_reset .overlay {
  background: #FF416C;
  background: linear-gradient(to right, #FF4B2B, #FF416C);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: #FFFFFF;
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}
.login_popup_wrapper .login_popup.right-panel-active .overlay,
.verification_popup_wrapper .verification_popup.right-panel-active .overlay,
.password_reset_wrapper .password_reset.right-panel-active .overlay {
  transform: translateX(50%);
}
.login_popup_wrapper .login_popup .overlay-panel,
.verification_popup_wrapper .verification_popup .overlay-panel,
.password_reset_wrapper .password_reset .overlay-panel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 40px;
  text-align: center;
  top: 0;
  height: 100%;
  width: 50%;
  transform: translateX(0%);
  transition: transform 0.6s ease;
}
.login_popup_wrapper .login_popup .overlay-left,
.verification_popup_wrapper .verification_popup .overlay-left,
.password_reset_wrapper .password_reset .overlay-left {
  transform: translateX(0%);
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup .overlay-left,
  .verification_popup_wrapper .verification_popup .overlay-left,
  .password_reset_wrapper .password_reset .overlay-left {
    transform: translateX(-100%);
  }
  .login_popup_wrapper .login_popup .overlay-left p,
  .verification_popup_wrapper .verification_popup .overlay-left p,
  .password_reset_wrapper .password_reset .overlay-left p {
    margin: 10px 0;
  }
}
.login_popup_wrapper .login_popup.right-panel-active .overlay-left,
.verification_popup_wrapper .verification_popup.right-panel-active .overlay-left,
.password_reset_wrapper .password_reset.right-panel-active .overlay-left {
  transform: translateX(0%);
}
.login_popup_wrapper .login_popup .overlay-right,
.verification_popup_wrapper .verification_popup .overlay-right,
.password_reset_wrapper .password_reset .overlay-right {
  right: 0;
  transform: translateX(0%);
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup .overlay-right,
  .verification_popup_wrapper .verification_popup .overlay-right,
  .password_reset_wrapper .password_reset .overlay-right {
    transform: translateX(0%);
  }
  .login_popup_wrapper .login_popup .overlay-right p,
  .verification_popup_wrapper .verification_popup .overlay-right p,
  .password_reset_wrapper .password_reset .overlay-right p {
    margin: 10px 0;
  }
}
.login_popup_wrapper .login_popup.right-panel-active .overlay-right,
.verification_popup_wrapper .verification_popup.right-panel-active .overlay-right,
.password_reset_wrapper .password_reset.right-panel-active .overlay-right {
  transform: translateX(100%);
}
@media screen and (max-width: 575px) {
  .login_popup_wrapper .login_popup.right-panel-active .overlay-right,
  .verification_popup_wrapper .verification_popup.right-panel-active .overlay-right,
  .password_reset_wrapper .password_reset.right-panel-active .overlay-right {
    transform: translateX(0%);
  }
}
.login_popup_wrapper .login_popup .social-container,
.verification_popup_wrapper .verification_popup .social-container,
.password_reset_wrapper .password_reset .social-container {
  margin: 20px 0;
}
.login_popup_wrapper .login_popup .social-container a,
.verification_popup_wrapper .verification_popup .social-container a,
.password_reset_wrapper .password_reset .social-container a {
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  height: 40px;
  width: 40px;
}

.terms_popup_wrapper,
.submit_tile_popup_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
.terms_popup_wrapper .terms_popup,
.terms_popup_wrapper .verification_popup,
.terms_popup_wrapper .submit_tile_popup,
.submit_tile_popup_wrapper .terms_popup,
.submit_tile_popup_wrapper .verification_popup,
.submit_tile_popup_wrapper .submit_tile_popup {
  position: absolute;
  background-color: #fff;
  opacity: 1;
  width: 50vw;
  max-height: 90vh;
  left: calc(50% - 25vw);
  top: auto;
  padding: 80px;
  z-index: 10001;
  overflow: hidden auto;
}
@media screen and (max-width: 575px) {
  .terms_popup_wrapper .terms_popup,
  .terms_popup_wrapper .verification_popup,
  .terms_popup_wrapper .submit_tile_popup,
  .submit_tile_popup_wrapper .terms_popup,
  .submit_tile_popup_wrapper .verification_popup,
  .submit_tile_popup_wrapper .submit_tile_popup {
    top: -50px;
    width: 100vw;
    left: 0;
    padding: 10px;
    max-height: 85vh;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .terms_popup_wrapper .terms_popup,
  .terms_popup_wrapper .verification_popup,
  .terms_popup_wrapper .submit_tile_popup,
  .submit_tile_popup_wrapper .terms_popup,
  .submit_tile_popup_wrapper .verification_popup,
  .submit_tile_popup_wrapper .submit_tile_popup {
    width: 100vw;
    left: 0;
    padding: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .terms_popup_wrapper .terms_popup,
  .terms_popup_wrapper .verification_popup,
  .terms_popup_wrapper .submit_tile_popup,
  .submit_tile_popup_wrapper .terms_popup,
  .submit_tile_popup_wrapper .verification_popup,
  .submit_tile_popup_wrapper .submit_tile_popup {
    width: 90vw;
    left: calc(50% - 45vw);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .terms_popup_wrapper .terms_popup,
  .terms_popup_wrapper .verification_popup,
  .terms_popup_wrapper .submit_tile_popup,
  .submit_tile_popup_wrapper .terms_popup,
  .submit_tile_popup_wrapper .verification_popup,
  .submit_tile_popup_wrapper .submit_tile_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .terms_popup_wrapper .terms_popup,
  .terms_popup_wrapper .verification_popup,
  .terms_popup_wrapper .submit_tile_popup,
  .submit_tile_popup_wrapper .terms_popup,
  .submit_tile_popup_wrapper .verification_popup,
  .submit_tile_popup_wrapper .submit_tile_popup {
    width: 80vw;
    left: calc(50% - 40vw);
  }
}

.terms_popup_wrapper .terms_popup *,
.submit_tile_popup_wrapper .submit_tile_popup * {
  box-sizing: border-box;
}
.terms_popup_wrapper .terms_popup h3,
.submit_tile_popup_wrapper .submit_tile_popup h3 {
  font-weight: bold;
  margin: 0;
}
.terms_popup_wrapper .terms_popup h4 span,
.submit_tile_popup_wrapper .submit_tile_popup h4 span {
  font-family: "Noto Serif", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 800;
}
.terms_popup_wrapper .terms_popup p,
.submit_tile_popup_wrapper .submit_tile_popup p {
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin: 20px 0 30px;
}
.terms_popup_wrapper .terms_popup div.row span:not([class^=vs__]),
.submit_tile_popup_wrapper .submit_tile_popup div.row span:not([class^=vs__]) {
  color: red;
}
.terms_popup_wrapper .terms_popup a,
.submit_tile_popup_wrapper .submit_tile_popup a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  margin: 15px 0;
}
.terms_popup_wrapper .terms_popup button:not(.plain):not([class^=vs__]),
.submit_tile_popup_wrapper .submit_tile_popup button:not(.plain):not([class^=vs__]) {
  border-radius: 20px;
  border: 1px solid #FF4B2B;
  background-color: #FF4B2B;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
}
.terms_popup_wrapper .terms_popup button:active,
.submit_tile_popup_wrapper .submit_tile_popup button:active {
  transform: scale(0.95);
}
.terms_popup_wrapper .terms_popup button:focus,
.submit_tile_popup_wrapper .submit_tile_popup button:focus {
  outline: none;
}
.terms_popup_wrapper .terms_popup button.ghost,
.submit_tile_popup_wrapper .submit_tile_popup button.ghost {
  background-color: transparent;
  border-color: #FFFFFF;
}
.terms_popup_wrapper .terms_popup form,
.submit_tile_popup_wrapper .submit_tile_popup form {
  text-align: center;
}
.terms_popup_wrapper .terms_popup input:not([type=checkbox]):not([class=vs__search]),
.submit_tile_popup_wrapper .submit_tile_popup input:not([type=checkbox]):not([class=vs__search]) {
  padding: 6px 15px;
  margin: 12px 0;
  width: 100%;
}
.terms_popup_wrapper .terms_popup input:is([class=vs__search]),
.submit_tile_popup_wrapper .submit_tile_popup input:is([class=vs__search]) {
  padding: 3px 15px;
}
.terms_popup_wrapper .terms_popup input:is([class=vs__search])::-moz-placeholder, .submit_tile_popup_wrapper .submit_tile_popup input:is([class=vs__search])::-moz-placeholder {
  color: #5a5c5f;
  opacity: 1; /* Firefox */
}
.terms_popup_wrapper .terms_popup input:is([class=vs__search])::placeholder,
.submit_tile_popup_wrapper .submit_tile_popup input:is([class=vs__search])::placeholder {
  color: #5a5c5f;
  opacity: 1; /* Firefox */
}
.terms_popup_wrapper .terms_popup input:is([class=vs__search])::-ms-input-placeholder,
.submit_tile_popup_wrapper .submit_tile_popup input:is([class=vs__search])::-ms-input-placeholder { /* Edge 12 -18 */
  color: #5a5c5f;
}
.terms_popup_wrapper .terms_popup.container,
.submit_tile_popup_wrapper .submit_tile_popup.container {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.terms_popup_wrapper .terms_popup .form-container,
.submit_tile_popup_wrapper .submit_tile_popup .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 0.6s ease-in-out;
}
.terms_popup_wrapper .terms_popup .sign-in-container,
.submit_tile_popup_wrapper .submit_tile_popup .sign-in-container {
  left: 0;
  width: 50%;
  z-index: 2;
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .sign-in-container,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}
.terms_popup_wrapper .terms_popup .sign-up-container,
.submit_tile_popup_wrapper .submit_tile_popup .sign-up-container {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1;
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .sign-up-container,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
  animation: show 0.6s;
}
@keyframes show {
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%, 100% {
    opacity: 1;
    z-index: 5;
  }
}
.terms_popup_wrapper .terms_popup .overlay-container,
.submit_tile_popup_wrapper .submit_tile_popup .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
  z-index: 100;
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .overlay-container,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}
.terms_popup_wrapper .terms_popup .overlay,
.submit_tile_popup_wrapper .submit_tile_popup .overlay {
  background: #FF416C;
  background: linear-gradient(to right, #FF4B2B, #FF416C);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: #FFFFFF;
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .overlay,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .overlay {
  transform: translateX(50%);
}
.terms_popup_wrapper .terms_popup .overlay-panel,
.submit_tile_popup_wrapper .submit_tile_popup .overlay-panel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 40px;
  text-align: center;
  top: 0;
  height: 100%;
  width: 50%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}
.terms_popup_wrapper .terms_popup .overlay-left,
.submit_tile_popup_wrapper .submit_tile_popup .overlay-left {
  transform: translateX(-20%);
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .overlay-left,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .overlay-left {
  transform: translateX(0);
}
.terms_popup_wrapper .terms_popup .overlay-right,
.submit_tile_popup_wrapper .submit_tile_popup .overlay-right {
  right: 0;
  transform: translateX(0);
}
.terms_popup_wrapper .terms_popup.container.right-panel-active .overlay-right,
.submit_tile_popup_wrapper .submit_tile_popup.container.right-panel-active .overlay-right {
  transform: translateX(20%);
}
.terms_popup_wrapper .terms_popup .social-container,
.submit_tile_popup_wrapper .submit_tile_popup .social-container {
  margin: 20px 0;
}
.terms_popup_wrapper .terms_popup .social-container a,
.submit_tile_popup_wrapper .submit_tile_popup .social-container a {
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  height: 40px;
  width: 40px;
}

.scroll {
  overflow: hidden auto !important;
  max-height: 90vh;
}
.scroll > div {
  height: -moz-max-content;
  height: max-content;
}

.top_navig .avatar {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  margin-top: -8px;
}
.top_navig .dropdown-menu {
  right: 0;
}
.top_navig .navbar-nav {
  justify-content: flex-end !important;
}
.top_navig .nav-item {
  flex: 0 0 fit-content;
}
.top_navig .login > div {
  width: 0;
}
.top_navig .dropdown-menu.show {
  z-index: 1010;
}

@media screen and (max-width: 575px) {
  .ql-editor .ql-video {
    max-height: 200px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ql-editor .ql-video {
    max-height: 431px;
  }
}