@charset "UTF-8";
/*
Theme Name: MKTV Time Hoppers
Author: Muslim Kids TV
Version: 1.0.0
Description: Time Hoppers theme for WP
*/
:root {
  touch-action: pan-x pan-y;
  height: 100%;
}

#mktv-time-hoppers-wp-theme {
  margin: 0px;
  padding: 0px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: "Marko One", serif;
  overflow-x: hidden !important;
  max-width: 100vw;
}
#mktv-time-hoppers-wp-theme ::placeholder {
  color: #c6c6c6;
}
#mktv-time-hoppers-wp-theme a {
  text-decoration: none;
}
#mktv-time-hoppers-wp-theme h1, #mktv-time-hoppers-wp-theme h2, #mktv-time-hoppers-wp-theme h3, #mktv-time-hoppers-wp-theme h4, #mktv-time-hoppers-wp-theme p {
  margin: 0px;
  padding: 0px;
}
#mktv-time-hoppers-wp-theme .content-area {
  width: 1180px;
  max-width: 1180px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme .content-area {
    width: calc(100vw - 80px);
    max-width: calc(100vw - 80px);
  }
}
#mktv-time-hoppers-wp-theme .general-fancy-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 100px;
}
#mktv-time-hoppers-wp-theme .general-fancy-title::before, #mktv-time-hoppers-wp-theme .general-fancy-title::after {
  content: " ";
  height: 2px;
  background: linear-gradient(146deg, rgba(207, 150, 96, 0.0592612045) 0%, #cf9660 100%);
  width: 20vw;
}
#mktv-time-hoppers-wp-theme .general-fancy-title::after {
  transform: rotate(180deg);
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 {
  color: #82421e;
  font-size: calc(14px + 1.2vw);
  position: relative;
  border-top: 2px solid #cf9660;
  border-bottom: 2px solid #cf9660;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0px 30px;
  height: 60px;
  padding: 0px 60px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme .general-fancy-title h2 {
    padding: 0px 30px;
    min-width: 30vw;
    text-align: center;
  }
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:first-of-type::before, #mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:first-of-type::after {
  content: " ";
  height: 2px;
  background-color: #cf9660;
  position: absolute;
  width: 45px;
  left: -38px;
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:first-of-type::before {
  top: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:first-of-type::after {
  bottom: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:last-of-type::before, #mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:last-of-type::after {
  content: " ";
  height: 2px;
  background-color: #cf9660;
  position: absolute;
  width: 45px;
  right: -38px;
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:last-of-type::before {
  top: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme .general-fancy-title h2 .triangle:last-of-type::after {
  bottom: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme header {
  background-color: #fffdda;
  display: flex;
  flex-direction: row;
  padding: 0px 40px;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  z-index: 10;
  gap: 60px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header {
    padding: 0px 20px;
  }
}
#mktv-time-hoppers-wp-theme header::before {
  content: " ";
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  height: 35px;
  background-image: url("assets/images/header-ornament.png");
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-x;
  height: 10px;
  top: unset;
  bottom: -10px;
  background-size: cover;
  background-position: bottom center;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header::before {
    background-size: 1000px;
    background-position: bottom;
  }
}
#mktv-time-hoppers-wp-theme header .logo-holder {
  margin: 10px 0px 0px 0px;
}
#mktv-time-hoppers-wp-theme header .logo-holder img {
  width: 140px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header .logo-holder img {
    width: 80px;
  }
}
#mktv-time-hoppers-wp-theme header nav {
  display: flex;
  flex-direction: row;
  gap: 35px;
  position: relative;
  align-items: stretch;
  justify-content: flex-end;
  flex: 1;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header nav {
    display: none;
  }
}
#mktv-time-hoppers-wp-theme header nav a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #82421e;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  &.active{
      &::before{
          content: ' ';
          position: absolute;
          width: 100%;
          top: 5px;
          height: 6px;
          background-color: #82421e;
      }
  }
}
#mktv-time-hoppers-wp-theme header nav nav-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
#mktv-time-hoppers-wp-theme header nav nav-item span {
  color: #82421e;
  font-size: 16px;
}
#mktv-time-hoppers-wp-theme header nav nav-item ul {
  display: none;
  flex-direction: column;
  padding: 0px;
  padding-top: 5px;
  position: absolute;
  background-color: #fffdda;
  top: 100%;
  left: -20px;
  margin: 0px;
  gap: 5px;
  width: 230px;
}
#mktv-time-hoppers-wp-theme header nav nav-item ul li {
  list-style: none;
  padding: 0px 20px;
  border-bottom: 1px solid #82421e10;
}
#mktv-time-hoppers-wp-theme header nav nav-item ul li a {
  font-size: 14px;
}
#mktv-time-hoppers-wp-theme header nav nav-item:hover ul {
  display: flex;
}
#mktv-time-hoppers-wp-theme header .social-links {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
#mktv-time-hoppers-wp-theme header .social-links a:not(.cta-sign-up) {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 100%;
  border: 2px solid #82421e;
  justify-content: center;
  width: 42px;
  height: 42px;
  text-decoration: none;
  color: #82421e;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header .social-links a:not(.cta-sign-up) {
    width: 30px;
    height: 30px;
  }
}
#mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px solid #82421e;
  text-decoration: none;
  color: #82421e;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.57);
  border-radius: 42px;
  width: 100px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up {
    height: 30px;
    border-radius: 30px;
  }
}
#mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up span {
  padding: 0px 10px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up span {
    font-size: 14px;
  }
}
#mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up i {
  color: #fff;
  background-color: #82421e;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-right: -1px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up i {
    width: 30px;
    height: 30px;
    font-size: 24px;
  }
}
@media screen and (max-width: 500px) {
  #mktv-time-hoppers-wp-theme header .social-links {
    gap: 5px;
  }
  #mktv-time-hoppers-wp-theme header .social-links a:not(.cta-sign-up) {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  #mktv-time-hoppers-wp-theme header .social-links a.cta-sign-up {
    width: auto;
  }
}
#mktv-time-hoppers-wp-theme main {
  display: flex;
  flex-direction: column;
  flex: 1;
  /***********************
      PRESSKIT - START
  ************************/
  /***********************
      PRESSKIT - END
  ************************/
  /*******************
      HOME - START
  *******************/
  /*******************
      HOME - END
  *******************/
}
#mktv-time-hoppers-wp-theme main .preskit-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .btn {
  height: 42px;
  padding: 0px 24px;
  border-radius: 42px;
  border: solid 1px #82421e;
  color: #82421e;
  display: flex;
  flex-direction: row;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 11px;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .btn i {
  font-size: 16px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-holder {
    padding: 0px !important;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area {
  padding: 60px 0px;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area {
    flex-direction: column-reverse;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder {
  display: flex;
  flex-direction: column;
  width: 275px;
  position: relative;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder {
    width: unset;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder {
  position: sticky;
  top: 20px;
  left: 0px;
  width: 100%;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 40px;
  border-bottom: solid 2px #cdb3a5;
  margin-bottom: 26px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder nav {
    display: none;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder nav a {
  color: #82421e;
  font-weight: 100;
  font-size: 16px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 0.8;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder nav a.active {
  color: #82421e;
  opacity: 1;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder nav a.active::before {
  content: "❯";
  font-size: 24px;
  position: absolute;
  left: -24px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    flex: 1;
    justify-content: space-between;
  }
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside {
    flex-direction: column;
    gap: 20px;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside h2 {
  font-size: 28px;
  color: #82421e;
  margin-bottom: 24px;
  width: 100%;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article {
  font-size: 14px;
  margin-bottom: 20px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article {
    width: unset;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article b {
  color: #82421e;
  display: flex;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article p, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article a {
  color: #464646;
  line-height: 20px;
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article p, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article a {
    font-size: 14px;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article p a, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article a a {
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article:last-child {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
  }
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .nav-holder .sticky-holder aside article:last-child b {
    width: 100%;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0px 24px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock h2 {
  font-size: 28px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: solid 2px #cdb3a5;
  color: #82421e;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock h2 {
    gap: 15px;
    font-size: 18px;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock p, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock ul li {
  font-size: 18px;
  line-height: 28px;
  color: #464646;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 24px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock p:last-child, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock ul li:last-child {
  margin-bottom: 0px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder .video-cover {
  background-image: url("/wp-content/uploads/2023/05/Splash-image.jpg");
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder .video-cover i {
  color: #fb2200;
  font-size: 100px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder iframe, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder object, #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-videos .video-holder embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-screenshots {
  display: grid;
  flex: 1;
  grid-auto-rows: 14rem;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 25px), 1fr));
  gap: 27px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-screenshots {
    grid-auto-rows: calc(calc(100vw / 2) - 25vw);
  }
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-screenshots {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-auto-rows: calc(calc(100vw / 2) - 5vw);
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-screenshots .screenshot-item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-screenshots .screenshot-item {
    background-size: cover;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-logos {
  display: grid;
  flex: 1;
  grid-auto-rows: 14rem;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 25px), 1fr));
  gap: 27px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-logos {
    grid-auto-rows: calc(calc(100vw / 2) - 25vw);
  }
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-logos {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-auto-rows: calc(calc(100vw / 2) - 5vw);
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-logos .logo-item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-logos .logo-item {
    background-size: cover;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-screens {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 50px;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-screens .screen-item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 600px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-screens .screen-item {
    height: calc(calc(100vw / 2) - 0px);
    background-size: contain;
  }
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-marketing .presskit-screens .screen-item {
    height: calc(calc(100vw / 2) - 5vw);
    background-size: cover;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 700px) {
  #mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-contact {
    flex-direction: column;
    gap: 20px;
  }
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-contact .contact-block {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  width: calc(50% - 50px);
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-contact .contact-block b {
  color: #82421e;
}
#mktv-time-hoppers-wp-theme main .preskit-layout .content-area .content-holder .presskit-textblock .presskit-contact .contact-block a {
  color: #464646;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#mktv-time-hoppers-wp-theme main .home-try-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#mktv-time-hoppers-wp-theme main .home-try-demo a {
  background-image: url("assets/images/cta-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  color: #82421e;
  height: 60px;
  width: 315px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
#mktv-time-hoppers-wp-theme main .home-try-demo a span {
  font-size: 24px;
}
#mktv-time-hoppers-wp-theme main .home-try-demo a img {
  width: 20px;
}
#mktv-time-hoppers-wp-theme main .home-try-demo small {
  display: flex;
  margin-top: 15px;
  color: #fffdda;
  text-align: center;
  width: 240px;
}
#mktv-time-hoppers-wp-theme main .home-parallax {
  display: block;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder {
  min-height: calc(100vw - 60vw);
  overflow: hidden;
  position: relative;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("assets/images/home-header-parallax/layer-bg.jpg");
  padding-top: 100px;
  margin-bottom: -10px;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .logo-holder {
  position: absolute;
  top: 38px;
  width: 100%;
  height: auto;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .logo-holder img {
  height: 100%;
  width: 20vw;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer {
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100vw;
  height: calc(100vw - 60vw);
  position: fixed;
  min-height: calc(100vw - 60vw);
  margin: 0 auto;
  overflow: hidden;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.dunes {
  background-image: url("assets/images/home-header-parallax/layer-dunes.png");
  background-position: center 50%;
  background-size: cover;
  top: 100px;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.palms {
  background-image: url("assets/images/home-header-parallax/layer-palms.png");
  background-position: center top;
  top: 290px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.palms {
    top: 180px;
  }
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.clouds {
  background-image: url("assets/images/home-header-parallax/layer-clouds.png");
  background-position: center top;
  top: 50px;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.capsule {
  background-image: url("assets/images/home-header-parallax/layer-capsule.png");
  z-index: 1;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.back-chars {
  background-image: url("assets/images/home-header-parallax/layer-back-chars.png");
  z-index: 2;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.front-chars {
  background-image: url("assets/images/home-header-parallax/layer-front-chars.png");
  z-index: 3;
  overflow: unset;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.front-chars::after {
  content: " ";
  position: absolute;
  background-color: #bdacff;
  width: 100%;
  height: 40px;
  left: 0px;
  right: 0px;
  bottom: -40px;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .parallax-layer.smoke {
  background-image: url("assets/images/home-header-parallax/layer-smoke.png");
  background-position: center 90%;
}
#mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .home-try-demo {
  position: absolute;
  z-index: 3;
  bottom: 15px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-parallax .parallax-holder .home-try-demo {
    display: none;
  }
}
#mktv-time-hoppers-wp-theme main .home-animated-banner {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
#mktv-time-hoppers-wp-theme main .home-animated-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mktv-time-hoppers-wp-theme main .home-ctas {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("assets/images/ctas-bg.png"), linear-gradient(to bottom, #d9cdff 13%, #2533a7 97%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  z-index: 3;
  padding: 0px 0px 100px 0px;
  margin-top: -50px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .home-try-demo {
  display: none;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-ctas .home-try-demo {
    display: flex;
    margin-bottom: 60px;
  }
}
#mktv-time-hoppers-wp-theme main .home-ctas .trailer-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .trailer-area .iframe-holder {
  position: relative;
  overflow: hidden;
  width: 700px;
  height: 395px;
  border: 4px solid #fffdf0;
  max-width: 100%;
}
@media screen and (max-width: 785px) {
  #mktv-time-hoppers-wp-theme main .home-ctas .trailer-area .iframe-holder {
    height: 48vw;
    padding-bottom: unset;
  }
}
@media screen and (max-width: 550px) {
  #mktv-time-hoppers-wp-theme main .home-ctas .trailer-area .iframe-holder {
    height: 45vw;
    padding-bottom: unset;
  }
}
@media screen and (max-width: 430px) {
  #mktv-time-hoppers-wp-theme main .home-ctas .trailer-area .iframe-holder {
    height: 42vw;
    padding-bottom: unset;
  }
}
#mktv-time-hoppers-wp-theme main .home-ctas .trailer-area .iframe-holder iframe {
  position: absolute;
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area h2 {
  font-size: calc(14px + 1.2vw);
  color: #fffdda;
  margin-bottom: 30px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area img.free-download {
  width: auto;
  max-width: 340px;
}
@media screen and (max-width: 980px) {
  #mktv-time-hoppers-wp-theme main .home-ctas .platforms-area img.free-download {
    max-width: 280px;
  }
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area span {
  color: #FFF;
  font-size: 22px;
  margin-bottom: 30px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-bottom: 70px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .platforms-area .logos a img {
  height: 38px;
}
#mktv-time-hoppers-wp-theme main .home-ctas .punch-line-area {
  display: flex;
  color: #fffdda;
  font-size: calc(20px + 3vw);
  letter-spacing: 0.93px;
  text-shadow: 0 4px 14px #503ba1;
  text-align: center;
  align-self: center;
  align-items: center;
  justify-content: center;
}
#mktv-time-hoppers-wp-theme main .home-about {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: radial-gradient(circle at 50% 39%, #fffffb, #fffdda 39%);
  padding: 100px 0px 200px 0px;
}
#mktv-time-hoppers-wp-theme main .home-about::before {
  content: " ";
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  height: 35px;
  background-image: url("assets/images/footer-ornament.png");
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-x;
  background-color: #404bad;
  top: 0px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about::before {
    background-size: 1000px;
    background-position: bottom;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about::before {
    background-position: 0px 0px;
    height: 25px;
  }
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .general-fancy-title {
  margin-bottom: 40px;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about {
  display: flex;
  position: relative;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item {
  transition: all 0.45s;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item {
  display: flex;
  flex-direction: column;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .logo-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .logo-holder img {
  width: 260px;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
  justify-content: space-between;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder {
    flex-direction: column-reverse;
    gap: 50px;
  }
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-text p {
  color: #82421e;
  font-size: calc(12px + 0.5vw);
  margin-bottom: 15px;
  font-family: "League Spartan", serif;
  line-height: 1.1;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-text p b {
  font-weight: bold;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-image {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-image img {
  max-height: 400px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-stage .owl-item .item .item-content-holder .item-image img {
    max-height: 300px;
    width: auto;
    max-width: 100%;
  }
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 380px;
  left: 50%;
  margin-left: -190px;
  bottom: -100px;
  z-index: 1;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav {
    width: 80%;
    margin-left: -40%;
  }
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav button {
  width: 72px;
  height: 72px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.35s;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav button i {
  color: #ffe7b3;
  font-size: 30px;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav button.owl-prev {
  background-image: url("assets/images/about-button-bg-l.png");
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-nav button.owl-next {
  background-image: url("assets/images/about-button-bg-r.png");
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  bottom: -100px;
  height: 72px;
  gap: 15px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-dots {
    display: none;
  }
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-dots .owl-dot {
  display: flex;
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 1px solid #82421e;
  border-radius: 100%;
}
#mktv-time-hoppers-wp-theme main .home-about .content-area .owl-about .owl-dots .owl-dot.active {
  background-color: #82421e;
}
#mktv-time-hoppers-wp-theme main .home-media {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 100px 0px;
  background-image: url("assets/images/media-bg.png"), radial-gradient(circle at 50% 50%, #d98f53, #82421e 86%), linear-gradient(to bottom, rgba(238, 238, 238, 0) 19%, #d8d8d8 84%);
}
#mktv-time-hoppers-wp-theme main .home-media::before {
  content: " ";
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  height: 35px;
  background-image: url("assets/images/footer-ornament.png");
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-x;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-media::before {
    background-size: 1000px;
    background-position: bottom;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-media::before {
    background-position: 0px 0px;
    top: -5px;
  }
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 100px;
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title::before, #mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title::after {
  content: " ";
  height: 2px;
  background: linear-gradient(146deg, rgba(207, 150, 96, 0.0592612045) 0%, #d8d8d8 100%);
  width: 20vw;
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title::after {
  transform: rotate(180deg);
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 {
  color: #FFFFFF;
  font-size: calc(14px + 1.2vw);
  position: relative;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0px 30px;
  height: 60px;
  padding: 0px 60px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 {
    padding: 0px 30px;
    min-width: 30vw;
    text-align: center;
  }
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:first-of-type::before, #mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:first-of-type::after {
  content: " ";
  height: 2px;
  background-color: #d8d8d8;
  position: absolute;
  width: 45px;
  left: -38px;
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:first-of-type::before {
  top: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:first-of-type::after {
  bottom: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:last-of-type::before, #mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:last-of-type::after {
  content: " ";
  height: 2px;
  background-color: #d8d8d8;
  position: absolute;
  width: 45px;
  right: -38px;
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:last-of-type::before {
  top: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .general-fancy-title h2 .triangle:last-of-type::after {
  bottom: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .gallery-holder {
  display: grid;
  gap: 24px;
  grid-auto-rows: 14.5rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .gallery-holder .gallery-item {
  overflow: hidden;
  border: solid 3px #fffdda;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#mktv-time-hoppers-wp-theme main .home-media .content-area .gallery-holder .gallery-item img {
  width: 100%;
}
#mktv-time-hoppers-wp-theme main .home-characters {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("assets/images/characters-bg.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 100px 0px 300px 0px;
  background-color: transparent;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-characters {
    padding: 100px 0px 300px 0px;
  }
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 100px;
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title::before, #mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title::after {
  content: " ";
  height: 2px;
  background: linear-gradient(146deg, rgba(207, 150, 96, 0.0592612045) 0%, #00b4ff 100%);
  width: 20vw;
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title::after {
  transform: rotate(180deg);
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 {
  color: #FFFFFF;
  font-size: calc(14px + 1.2vw);
  position: relative;
  border-top: 2px solid #00b4ff;
  border-bottom: 2px solid #00b4ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0px 30px;
  height: 60px;
  padding: 0px 60px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 {
    padding: 0px 30px;
    min-width: 30vw;
    text-align: center;
  }
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:first-of-type::before, #mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:first-of-type::after {
  content: " ";
  height: 2px;
  background-color: #00b4ff;
  position: absolute;
  width: 45px;
  left: -38px;
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:first-of-type::before {
  top: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:first-of-type::after {
  bottom: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:last-of-type::before, #mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:last-of-type::after {
  content: " ";
  height: 2px;
  background-color: #00b4ff;
  position: absolute;
  width: 45px;
  right: -38px;
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:last-of-type::before {
  top: 14px;
  transform: rotate(45deg);
}
#mktv-time-hoppers-wp-theme main .home-characters .general-fancy-title h2 .triangle:last-of-type::after {
  bottom: 14px;
  transform: rotate(-45deg);
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters {
  display: flex;
  height: 435px;
  position: relative;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-stage .owl-item {
  transition: all 0.45s;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-stage .owl-item .item {
  display: flex;
  flex-direction: column;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-stage .owl-item .item .img-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 380px;
  background-image: url("assets/images/loading.gif");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-stage .owl-item .item .img-holder img {
  height: 380px;
  width: auto;
  position: relative;
  z-index: 1;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-stage .owl-item .item span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  width: 700px;
  margin-left: -350px;
  bottom: -150px;
  z-index: 1;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav {
    width: 80%;
    margin-left: -40%;
  }
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button {
  width: 72px;
  height: 72px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  opacity: 0.65;
  transition: all 0.35s;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button:hover {
  opacity: 1;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button span {
  background-size: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  font-size: 0px;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button.owl-prev {
  background-image: url("assets/images/characters-button-bg-l.png");
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button.owl-prev span {
  background-image: url("assets/images/characters-button-arrow-l.png");
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button.owl-next {
  background-image: url("assets/images/characters-button-bg-r.png");
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-nav button.owl-next span {
  background-image: url("assets/images/characters-button-arrow-r.png");
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  bottom: -150px;
  height: 72px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-dots {
    display: none;
    width: 40%;
    margin-left: -20%;
  }
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-dots .owl-dot {
  display: flex;
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 1px solid #00b4ff;
  border-radius: 100%;
}
#mktv-time-hoppers-wp-theme main .home-characters .owl-characters .owl-dots .owl-dot.active {
  background-color: #00b4ff;
}
#mktv-time-hoppers-wp-theme main .home-promote-series {
  background-image: url("assets/images/home-page/bg-home-promote-series.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 30px 0px;
  position: relative;
  z-index: 1;
}
#mktv-time-hoppers-wp-theme main .home-promote-series img {
  max-width: 500px;
}
#mktv-time-hoppers-wp-theme main .home-promote-series .texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 500px;
}
#mktv-time-hoppers-wp-theme main .home-promote-series .texts h2 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}
#mktv-time-hoppers-wp-theme main .home-promote-series .texts a {
  background: linear-gradient(0deg, #F2C44F, #F2C44F), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 54%, rgba(255, 255, 255, 0) 100%);
  border-radius: 10px;
  height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 40px;
  border: 2.51px solid #FFEDC0;
  color: #763A0F;
  font-size: 22px;
}
@media screen and (max-width: 1080px) {
  #mktv-time-hoppers-wp-theme main .home-promote-series {
    flex-direction: column-reverse;
  }
  #mktv-time-hoppers-wp-theme main .home-promote-series img {
    max-width: 100vw;
  }
}
#mktv-time-hoppers-wp-theme main .home-news {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fffdda;
  padding: 86px 0px;
  display: flex;
}
#mktv-time-hoppers-wp-theme main .home-news::before {
  content: " ";
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  height: 35px;
  background-image: url("assets/images/news-ornament.png");
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-x;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-news::before {
    background-size: 1000px;
    background-position: bottom;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme main .home-news::before {
    background-position: 0px 0px;
  }
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 780px) {
  #mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items {
    flex-direction: column;
  }
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 300px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .image-holder {
  display: flex;
  height: calc((100vw / 2) - 20vw);
  min-height: 320px;
  width: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
  #mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .image-holder {
    min-height: 55vw;
  }
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .image-holder img {
  display: none;
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .texts-holder {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  padding: 15px;
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .texts-holder h2 {
  color: #484848;
  font-size: 22px;
  height: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
  #mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .texts-holder h2 {
    height: unset;
  }
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .texts-holder h3 {
  color: #d1d1d1;
  font-size: 14px;
}
#mktv-time-hoppers-wp-theme main .home-news .content-area .home-news-items .home-news-item .texts-holder p {
  margin-top: 17px;
  color: #6c6c6c;
  font-size: 18px;
}
#mktv-time-hoppers-wp-theme footer {
  font-family: "Marko One", serif;
  background-image: linear-gradient(to bottom, #edd49d, #ffe7b3 35%);
  display: flex;
  flex-direction: column;
  padding: 139px 0px;
  justify-content: center;
  align-items: center;
  color: #82421e;
  position: relative;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer {
    padding-bottom: 300px;
  }
}
#mktv-time-hoppers-wp-theme footer::before {
  content: " ";
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
  height: 35px;
  background-image: url("assets/images/footer-ornament.png");
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-x;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer::before {
    background-size: 1000px;
    background-position: bottom;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer::before {
    background-position: 0px 0px;
    height: 25px;
    display: none;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area {
  position: relative;
}
#mktv-time-hoppers-wp-theme footer .content-area .footer-character {
  position: absolute;
  bottom: -139px;
  right: 0px;
  height: 274px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .footer-character {
    bottom: -300px;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 100px;
  align-items: flex-end;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area {
    flex-direction: column;
    gap: 50px;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form {
  display: flex;
  flex-direction: column;
  max-width: 60%;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form {
    max-width: 100%;
    width: 100%;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form h2 {
  font-size: calc(20px + 1.8vw);
  font-weight: normal;
  margin-bottom: 10px;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form h3 {
  font-size: calc(14px + 0.4vw);
  font-weight: normal;
  margin-bottom: 20px;
  font-weight: lighter;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: none;
  gap: 24px;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset {
    flex-direction: column;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset input[type=text] {
  background-color: #fff;
  width: 450px;
  border-radius: 12px;
  border: none;
  height: 66px;
  padding: 0px 15px;
  font-size: calc(16px + 0.6vw);
  outline: none;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset input[type=text]:focus {
  outline-width: 0;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset input[type=text].error {
  border: 2px solid red;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset input[type=text] {
    width: calc(100% - 30px);
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset button[type=submit] {
  height: 66px;
  border-radius: 12px;
  background-color: #82421e;
  color: #FFF;
  border: none;
  padding: 0px 40px;
  font-family: Tahoma;
  font-size: 22px;
  min-width: 180px;
  cursor: pointer;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset button[type=submit]:active {
  box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
  transform: translateY(4px);
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form fieldset button[type=submit] {
    width: 100%;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area form legend {
  color: #629657;
  padding: 10px 20px;
  display: none;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us {
    justify-content: center;
    flex: 1;
    width: 100%;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us span {
  color: #82421e;
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us span {
    font-size: 16px;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us .social-links {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us .social-links a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #82421e;
  border: 2px solid #82421e;
  border-radius: 100%;
  width: 61px;
  height: 61px;
  background-color: #fffdda;
  font-size: 26px;
}
#mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us .social-links a:last-child {
  display: none;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .newsletter-area .follow-us .social-links a {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area {
  margin-top: 85px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .credits-area {
    margin-top: 40px;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area h2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .credits-area h2 {
    text-align: center;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 30px;
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder img {
  max-height: 47px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder {
    gap: 20px;
    justify-content: center;
  }
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder .logo-item {
  display: flex;
  max-height: 55px;
}
#mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder .logo-item:last-of-type {
  height: 32px;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme footer .content-area .credits-area .logos-holder .logo-item {
    height: 45px;
  }
}
#mktv-time-hoppers-wp-theme #mobile-menu {
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu {
    visibility: visible;
    position: sticky;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 -2px 29px 0 rgba(0, 0, 0, 0.22);
    border-top: solid 2px #cdb3a5;
    z-index: 10;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .header-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 68px;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .header-area .logo-holder img {
    height: 44px;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .header-area .menu-trigger {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: transparent;
    border: none;
    color: #82421e;
    font-size: 14px;
    font-family: "Marko One", serif;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area {
    height: 0px;
    overflow: hidden;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 40px;
    border-bottom: solid 2px #cdb3a5;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav a {
    color: #82421e;
    font-weight: 100;
    font-size: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0.8;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav a.active {
    color: #82421e;
    opacity: 1;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav a.active::before {
    content: "❯";
    font-size: 24px;
    position: absolute;
    left: -24px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav {
    display: flex;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav nav-item span {
    color: #82421e;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area nav nav-item ul {
    list-style: none;
    padding: 0px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a:not(.cta-sign-up) {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 100%;
    border: 2px solid #82421e;
    justify-content: center;
    width: 42px;
    height: 42px;
    text-decoration: none;
    color: #82421e;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a:not(.cta-sign-up) {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 2px solid #82421e;
    text-decoration: none;
    color: #82421e;
    height: 42px;
    background-color: rgba(255, 255, 255, 0.57);
    border-radius: 42px;
    width: 100px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up {
    height: 30px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up span {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up i {
    color: #fff;
    background-color: #82421e;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-right: -1px;
  }
}
@media screen and (max-width: 1180px) and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links a.cta-sign-up i {
    width: 30px;
    height: 30px;
    font-size: 24px;
  }
}
@media screen and (max-width: 1180px) {
  #mktv-time-hoppers-wp-theme #mobile-menu .content-area .nav-area .social-links {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
}

/*# sourceMappingURL=style.css.map */