html {
  scroll-behavior: smooth
}
body {
  min-width: 360px;
  font-family: Montserrat,sans-serif;
  font-size: 16px
}
body .test {
  background-color: #ff0!important
}
body .text-primary {
  color: #a6563c!important
}
body h2 {
  font-family: 'Sofia Sans Extra Condensed',sans-serif;
  font-weight: 700;
  font-size: 54px;
  line-height: 84px;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase
}
body a:hover {
  color: #a6563c
}
body section {
  padding-top: 80px;
  padding-bottom: 80px
}
body .section_dark {
  color: #ccc;
  background-color: #1a1a1a
}
body .section_dark h2 {
  color: #ccc
}
body .btn.btn-dark {
  display: inline-block;
  padding: 17px 58px;
  border: 2px solid #e0e0e0;
  border-radius: 0
}
body .carousel__button.is-next {
  background-color: #ffffff99
}
body .carousel__button.is-prev {
  background-color: #ffffff99
}
#map {
  background: #222 url(/map_bg.jpg) no-repeat scroll center top/cover
}
#map #map_wrapper {
  max-width: 100%;
  text-align: center;
  position: relative
}
#map #map_wrapper img {
  max-width: 100%;
  height: auto
}
#map #map_wrapper .mapmarker {
  position: absolute;
  font-size: .7vw;
  font-weight: 600;
  line-height: 18px;
  color: #b60305;
  text-transform: uppercase;
  padding: 0 0 0 3px;
  cursor: pointer
}
#map #map_wrapper .mapmarker.mapmarker-1 {
  top: calc(58.9% + .1vh);
  left: calc(12.18% + .1vw)
}
#map #map_wrapper .mapmarker:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 5px;
  height: 5px;
  background: #ef4800;
  border-radius: 50%
}
#map #map_wrapper .mapmarker .mapmarker_title {
  position: absolute;
  display: none;
  left: -79px;
  top: 100%;
  margin: 0;
  width: 176px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #7f8187;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  padding: 20px 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(122,122,122,.4);
  box-shadow: 0 0 10px 0 rgba(122,122,122,.4);
  z-index: 3
}
header {
  position: relative
}
#nav .nav_logo {
  position: absolute;
  left: 30px;
  top: 7px
}
#nav .nav_logo a {
  padding-left: 5px;
  padding-right: 5px
}
#nav .nav_logo a:hover {
  border-color: transparent
}
#nav .nav_logo a:hover img {
  -webkit-filter: none;
  filter: none
}
#nav .nav_logo img {
  height: 20px;
  -webkit-filter: saturate(0);
  filter: saturate(0)
}
#nav .nav_lng {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#nav .nav_lng a {
  padding-left: 5px;
  padding-right: 5px
}
@media (max-width:768px) {
  header {
    position: initial
  }
  #nav .nav_logo {
    position: relative;
    left: 10px;
    right: 0;
    width: 100%;
    margin-bottom: 40px
  }
  #nav .nav_lng {
    position: relative;
    right: auto;
    left: auto;
    width: 100%;
    margin-top: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#promo {
  height: 700px;
  background: #1a1a1a url(/img/promo_bg.jpg) no-repeat scroll center center/cover
}
#promo_wrapper {
  margin-top: 30px;
  text-align: center
}
#promo_wrapper .promo_text {
  margin-top: 40px;
  margin-bottom: 35px;
  font-weight: 500;
  font-size: 25px;
  line-height: 26px
}
#promo_wrapper .promo_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='2' height='488' viewBox='0 0 2 488' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='150' fill='%23DED8CD'/%3E%3Crect y='338' width='2' height='150' fill='%23DED8CD'/%3E%3C/svg%3E%0A") no-repeat scroll center center/contain
}
#promo_wrapper .promo_social a {
  text-decoration: none
}
#promo_wrapper .promo_social a:hover {
  opacity: .8
}
#promo_wrapper .promo_social img {
  display: inline-block;
  padding: 7px
}
header {
  background: #1a1A1A88;
  height: 65px
}
header .nav {
  margin: 0 auto
}
header .nav .nav-link {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px
}
header .nav .nav-link:hover {
  color: #a6563c
}
#about {
  background: #141414 url(/img/about_bg.jpg) no-repeat scroll center center/cover
}
#about h3 {
  color: #a6563c;
  font-size: 32px;
  line-height: 50px;
  position: relative;
  margin-bottom: 20px
}
#about h3 span {
  position: absolute;
  display: block;
  width: 45px;
  height: 2px;
  bottom: 0;
  left: 3px;
  background-color: #aba9a9
}
#tutor h3 {
  font-size: 26px;
  font-weight: 500
}
#tutor .lead {
  font-size: 23px;
  font-weight: 500
}
#tutor p {
  font-size: 19px
}
#tutor .tutor_ig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background: url(/img/tutor_ig_bg.svg) no-repeat scroll center center/contain
}
#tutor .tutor_ig a:hover {
  opacity: .85
}
#masters {
  background: #111 url(/img/masters_bg.jpg) no-repeat scroll center center/cover
}
#masters .master_card {
  width: 339px;
  height: 555px;
  margin: 0 auto;
  margin-bottom: 60px;
  text-align: center;
  background: transparent url(/img/masters_bg_card.jpg) no-repeat scroll bottom center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative
}
#masters .master_card h4 {
  font-size: 20px;
  font-family: Montserrat,sans-serif;
  font-weight: 500
}
#masters .master_card hr {
  width: 70px;
  border-color: #ff0;
  border-width: 2px;
  opacity: .5;
  margin: 15px auto
}
#masters .master_card p {
  font-family: Montserrat,sans-serif;
  font-size: 16px;
  line-height: 130%;
  font-weight: 300
}
#masters .master_card .ibtn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -33px;
  padding: 5px;
  border-color: #5b5e5e;
  border-width: 2px;
  border-radius: 10px
}
#masters .master_card .ibtn:hover {
  opacity: .85
}
#masters .master_card.master_card_red h4 {
  color: #ba3434
}
#masters .master_card.master_card_red hr {
  border-color: #ba3434
}
#masters .master_card.master_card_green h4 {
  color: #039116
}
#masters .master_card.master_card_green hr {
  border-color: #039116
}
#masters .master_card.master_card_blue h4 {
  color: #2732cf
}
#masters .master_card.master_card_blue hr {
  border-color: #2732cf
}
#masters .master_card.master_card_purple h4 {
  color: #c712c1
}
#masters .master_card.master_card_purple hr {
  border-color: #c712c1
}
#episodes {
  background: #000 url(/img/episodes-bg.jpg) no-repeat scroll center center/cover
}
#episodes .season {
  position: relative;
  padding-bottom: 50px
}
#episodes h3 {
  font-family: 'Sofia Sans Extra Condensed',sans-serif;
  text-transform: uppercase
}
#episodes .swiper {
  position: relative
}
#episodes .SwiperSeasons .swiper-slide {
  position: relative;
  height: 100%;
  z-index: 0
}
#episodes .SwiperSeasons .swiper-slide img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%
}
#episodes .SwiperSeasons .swiper-slide a {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 92px;
  height: 92px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-size: 20px 20px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4333 11.0408L3.65556 1.14084C3.31111 0.949442 2.89111 0.953842 2.55111 1.14964C2.20889 1.34764 2 1.70844 2 2.10004V21.9C2 22.2916 2.20889 22.6524 2.55111 22.8504C2.72444 22.9494 2.91778 23 3.11111 23C3.29778 23 3.48667 22.9538 3.65556 22.8592L21.4333 12.9592C21.7822 12.7634 22 12.3982 22 12C22 11.6018 21.7822 11.2366 21.4333 11.0408Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat scroll center center
}
#episodes .SwiperSeasons .swiper-slide .episode_name {
  position: absolute;
  font-family: 'Sofia Sans Extra Condensed',sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  bottom: 20px;
  left: 20px;
  display: block;
  z-index: 100;
  color: #ccc;
  text-shadow: 0 0 20px #333e
}
#episodes .episodes_dropdown {
  width: 196px;
  left: 0
}
.swiper-pagination-bullet {
  background-color: #ccc
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ccc
}
.swiper-button-next::after {
  color: #ccc;
  text-shadow: 0 0 2px #3335
}
.swiper-button-prev::after {
  color: #ccc;
  text-shadow: 0 0 2px #3335
}
#heroes a {
  display: inline-block;
  margin-bottom: 40px
}
#heroes a:hover {
  opacity: .85
}
#heroes a img {
  width: 100%
}
#partners h2 {
  text-align: center
}
#seemore {
  background: #192525 url(//heroesformats.com/img/page_bg.jpg) no-repeat scroll center center/cover;
  color: #fff
}
#seemore .SeeMoreSwiper {
  position: relative;
  padding-left: 50px;
  padding-right: 50px
}
#seemore .SeeMoreSwiper .swiper-wrapper {
  margin-bottom: 40px
}
#seemore .seemore_item {
  position: relative
}
#seemore .seemore_item .h5 {
  margin-top: 10px
}
#seemore .seemore_item img {
  max-width: 100%
}
footer {
  background-color: #1c1c1c;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px
}
footer h2 {
  color: #cccaca;
  margin-bottom: 40px
}
footer a {
  text-decoration: none;
  color: #cccaca
}
footer .footer_studio {
  margin-top: 20px;
  margin-bottom: 30px;
  display: inline-block
}
footer .footer_studio img {
  max-width: 200px;
  -webkit-filter: saturate(0);
  filter: saturate(0)
}
footer .footer_studio img:hover {
  -webkit-filter: none;
  filter: none
}
footer .footer_social {
  margin-top: 10px;
  margin-bottom: 30px
}
footer .footer_social a {
  display: inline-block;
  margin-right: 15px
}
footer .footer_social a:hover {
  opacity: .85
}
@media (max-width:991px) {
  #promo_wrapper .main_logo {
    max-width: 340px
  }
  #promo_wrapper .promo_social {
    margin-top: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  #tutor .tutor_ig {
    margin-top: 20px;
    text-align: center;
    background-image: none
  }
}