* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:focus-visible {
  outline: none;
}

html {
  background-color: #000;
  color: #fff;
  font-size: 16px;
}

.module {
  padding: 0;
}
.module .row {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.module .row.fullwidth {
  max-width: 100%;
}
.module img {
  width: 100%;
  height: auto;
}

.header {
  display: block;
}
.header.hidden {
  display: none;
}

.footer {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.footer .row {
  width: 100%;
  margin: auto;
  padding: 30px 30px;
}
@media screen and (min-width: 1200px) {
  .footer .row {
    padding: 60px 30px;
  }
}
.footer .row .mtb-footer {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .footer .row .mtb-footer {
    position: relative;
  }
}
.footer .row .mtb-footer .links {
  width: 100%;
  margin: auto;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .footer .row .mtb-footer .links {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .footer .row .mtb-footer .links {
    width: 60%;
    left: 40%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.footer .row .mtb-footer .links .linkbox {
  width: 100%;
  margin: auto;
  padding: 0 0 15px;
}
@media screen and (min-width: 992px) {
  .footer .row .mtb-footer .links .linkbox {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 1024px) {
  .footer .row .mtb-footer .links .linkbox {
    width: 33%;
    padding: 0 20px;
  }
}
.footer .row .mtb-footer .links .linkbox .link {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #FFF;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .footer .row .mtb-footer .links .linkbox .link {
    font-size: 1.875rem;
    line-height: 2rem;
  }
}
.footer .row .mtb-footer .text {
  width: 100%;
  margin: auto;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .footer .row .mtb-footer .text {
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .footer .row .mtb-footer .text {
    right: 75%;
  }
}
.footer .row .mtb-footer .text p {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #FFF;
}
@media screen and (min-width: 992px) {
  .footer .row .mtb-footer .text p {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.mtb-navi {
  width: 100%;
  margin: auto;
  z-index: 1;
  background-color: #28003C;
}
.mtb-navi .row {
  width: 100%;
  margin: auto;
  max-width: 1200px;
}
.mtb-navi .row .navibox {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 30px;
}
@media screen and (min-width: 992px) {
  .mtb-navi .row .navibox {
    padding: 60px;
  }
}
.mtb-navi .row .navibox .box-one {
  width: 40px;
  height: 40px;
  padding: 5px 15px 5px 0;
}
@media screen and (min-width: 768px) {
  .mtb-navi .row .navibox .box-one {
    width: 50px;
    height: 50px;
    padding: 5px 25px 5px 0;
  }
}
@media screen and (min-width: 992px) {
  .mtb-navi .row .navibox .box-one {
    display: none;
  }
}
.mtb-navi .row .navibox .box-one .link-one {
  height: 100%;
}
.mtb-navi .row .navibox .box-one .link-one img {
  width: auto;
  height: 100%;
  margin: auto;
}
.mtb-navi .row .navibox .box-two {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .mtb-navi .row .navibox .box-two {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .mtb-navi .row .navibox .box-two {
    margin: auto;
    width: 200px;
    height: 200px;
  }
}
.mtb-navi .row .navibox .box-two .link-two {
  height: 100%;
}
.mtb-navi .row .navibox .box-two .link-two img {
  width: auto;
  height: 100%;
  margin: auto;
}

.mtb-navi .hidden {
  display: none;
}

.text-module {
  width: 100%;
  margin: auto;
}
.text-module.color-back-01 {
  background-color: #000;
}
.text-module.color-back-02 {
  background-image: linear-gradient(180deg, #28003C 0%, #000 50%);
}
.text-module.color-back-03 {
  background-color: #28003C;
}
.text-module .row {
  width: 100%;
  margin: auto;
}
.text-module .row .content {
  width: 100%;
  margin: auto;
  padding: 60px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.text-module .row .content .headline {
  width: 100%;
  margin: auto;
  padding: 0 0 5px;
}
.text-module .row .content .headline h4 {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .text-module .row .content .headline h4 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .text-module .row .content .headline h4 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
.text-module .row .content .list {
  width: 100%;
  margin: auto;
  padding: 0 20px 30px 0;
}
@media screen and (min-width: 768px) {
  .text-module .row .content .list {
    width: 50%;
    margin-top: 0;
    margin-left: 0;
  }
}
.text-module .row .content .list .subline {
  width: 100%;
  margin: auto;
  padding: 0 0 5px;
}
.text-module .row .content .list .subline h5 {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .text-module .row .content .list .subline h5 {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .text-module .row .content .list .subline h5 {
    font-size: 1.3rem;
    line-height: 1.75rem;
  }
}
.text-module .row .content .list .text {
  width: 100%;
  margin: auto;
}
.text-module .row .content .list .text.cols-1, .text-module .row .content .list .text.cols-2 {
  column-count: 1;
}
@media screen and (min-width: 768px) {
  .text-module .row .content .list .text.cols-2 {
    column-count: 1;
  }
}
.text-module .row .content .list .text p {
  font-family: "neusa-next-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .text-module .row .content .list .text p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .text-module .row .content .list .text p {
    font-size: 1.3rem;
    line-height: 1.75rem;
  }
}
.text-module .row .content .list .text a {
  color: #4BD2A0;
  text-decoration: none;
}
.text-module .row .content .list .link {
  width: 100%;
  margin: auto;
  padding: 15px 0 0;
}
.text-module .row .content .list .link .button {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1rem;
  padding: 10px 20px;
  text-decoration: none;
  color: #4BD2A0;
  border: 3px solid #4BD2A0;
  text-align: center;
  margin: auto;
}

.text-link-module {
  width: 100%;
}
.text-link-module.color-back-01 {
  background-color: #000;
}
.text-link-module.color-back-02 {
  background-color: #F01950;
}
.text-link-module.color-back-03 {
  background-image: linear-gradient(180deg, #28003C 0%, #F01950 100%);
}
.text-link-module.color-back-04 {
  background-image: linear-gradient(330deg, #4BD2A0 10%, #FAE637 90%);
}
.text-link-module .row {
  padding: 30px;
}
@media screen and (min-width: 1024px) {
  .text-link-module .row {
    padding: 60px;
  }
}
.text-link-module .row .text h2 {
  font-family: "neusa-next-std-compact", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  padding: 20px 0 0;
}
@media screen and (min-width: 600px) {
  .text-link-module .row .text h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .text-link-module .row .text h2 {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
}
@media screen and (min-width: 992px) {
  .text-link-module .row .text h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .text-link-module .row .text h2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .text-link-module .row .text h2 {
    font-size: 4rem;
    line-height: 4rem;
  }
}
.text-link-module .row .text h2.color-white {
  color: #fff;
}
.text-link-module .row .text h2.color-black {
  color: #000;
}
.text-link-module .row .text h2.color-purple {
  color: #28003C;
}
.text-link-module .row .text h2.color-pink {
  color: #F01950;
}
.text-link-module .row .links {
  max-width: 200px;
  padding: 30px 0px 20px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .text-link-module .row .links {
    max-width: 250px;
  }
}
.text-link-module .row .links.icon {
  margin: auto;
  width: 100%;
}
.text-link-module .row .links.icon .linkicon {
  display: block;
  width: 80px;
  height: 60px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .text-link-module .row .links.icon .linkicon {
    width: 100px;
    height: 75px;
  }
}
@media screen and (min-width: 1200px) {
  .text-link-module .row .links.icon .linkicon {
    width: 120px;
    height: 90px;
  }
}
.text-link-module .row .links .linktext {
  display: block;
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 15px 25px 10px;
  text-decoration: none;
  border: 3px solid #28003C;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .text-link-module .row .links .linktext {
    font-size: 1.75rem;
    line-height: 1.75rem;
    border: 4px solid #28003C;
  }
}
.text-link-module .row .links .linktext.color-white {
  color: #fff;
}
.text-link-module .row .links .linktext.color-black {
  color: #000;
}
.text-link-module .row .links .linktext.color-purple {
  color: #28003C;
}
.text-link-module .row .links .linktext.color-pink {
  color: #F01950;
}

.sm-buttons-module {
  width: 100%;
}
.sm-buttons-module.color-back-01 {
  background-color: #000;
}
.sm-buttons-module.color-back-02 {
  background-color: #F01950;
}
.sm-buttons-module.color-back-03 {
  background-image: linear-gradient(180deg, #28003C 0%, #F01950 100%);
}
.sm-buttons-module.color-back-04 {
  background-image: linear-gradient(330deg, #4BD2A0 0%, #FAE637 100%);
}
.sm-buttons-module .row {
  width: 100%;
  padding: 30px;
}
@media screen and (min-width: 1024px) {
  .sm-buttons-module .row {
    padding: 60px;
  }
}
.sm-buttons-module .row .text h2 {
  font-family: "neusa-next-std-compact", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  padding: 15px 0 0;
}
@media screen and (min-width: 600px) {
  .sm-buttons-module .row .text h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .sm-buttons-module .row .text h2 {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
}
@media screen and (min-width: 992px) {
  .sm-buttons-module .row .text h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .sm-buttons-module .row .text h2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sm-buttons-module .row .text h2 {
    font-size: 4rem;
    line-height: 4rem;
  }
}
.sm-buttons-module .row .text h2.color-white {
  color: #fff;
}
.sm-buttons-module .row .text h2.color-black {
  color: #000;
}
.sm-buttons-module .row .text h2.color-purple {
  color: #28003C;
}
.sm-buttons-module .row .text h2.color-pink {
  color: #F01950;
}
.sm-buttons-module .row .sm-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 200px;
  margin: auto;
  padding: 30px 0px 20px;
}
@media screen and (min-width: 992px) {
  .sm-buttons-module .row .sm-row {
    max-width: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .sm-buttons-module .row .sm-row {
    max-width: 260px;
  }
}
.sm-buttons-module .row .sm-row .socialmedia {
  width: 33%;
  margin: auto;
}
.sm-buttons-module .row .sm-row .socialmedia .button {
  display: block;
  width: 45px;
  height: 30px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .sm-buttons-module .row .sm-row .socialmedia .button {
    width: 55px;
    height: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .sm-buttons-module .row .sm-row .socialmedia .button {
    width: 60px;
    height: 40px;
  }
}

.episode-preview-module {
  width: 100%;
}
.episode-preview-module.color-back-01 {
  background-color: #000;
}
.episode-preview-module.color-back-02 {
  background-color: #F01950;
}
.episode-preview-module.color-back-03 {
  background-image: linear-gradient(180deg, #28003C 0%, #F01950 100%);
}
.episode-preview-module.color-back-04 {
  background-image: linear-gradient(330deg, #4BD2A0 0%, #FAE637 100%);
}
.episode-preview-module .row {
  width: 100%;
  padding: 30px;
}
@media screen and (min-width: 1200px) {
  .episode-preview-module .row {
    padding: 30px 0;
  }
}
.episode-preview-module .row .headline {
  padding: 30px 0;
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .episode-preview-module .row .headline {
    padding: 30px 0 60px;
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .episode-preview-module .row .headline {
    padding: 30px 0 30px;
  }
}
.episode-preview-module .row .headline h3 {
  font-family: "neusa-next-std-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media screen and (min-width: 600px) {
  .episode-preview-module .row .headline h3 {
    font-size: 1.75rem;
  }
}
.episode-preview-module .row .headline h3.color-white {
  color: #fff;
}
.episode-preview-module .row .headline h3.color-black {
  color: #000;
}
.episode-preview-module .row .headline h3.color-purple {
  color: #28003C;
}
.episode-preview-module .row .headline h3.color-green {
  color: #4BD2A0;
}
.episode-preview-module .row .preview {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.episode-preview-module .row .preview .box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .episode-preview-module .row .preview .box {
    width: 50%;
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 1024px) {
  .episode-preview-module .row .preview .box {
    width: 24%;
  }
}
@media screen and (min-width: 1024px) {
  .episode-preview-module .row .preview .box {
    padding: 15px 0 60px;
  }
}
.episode-preview-module .row .preview .box .link {
  width: 100%;
  height: 100px;
  margin: auto;
  padding: 0 0 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-decoration: none;
}
@media screen and (min-width: 600px) {
  .episode-preview-module .row .preview .box .link {
    min-height: 150px;
  }
}
@media screen and (min-width: 768px) {
  .episode-preview-module .row .preview .box .link {
    min-height: 300px;
    padding: 20px;
  }
}
@media screen and (min-width: 992px) {
  .episode-preview-module .row .preview .box .link {
    min-height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .episode-preview-module .row .preview .box .link {
    min-height: 250px;
    padding: 0;
  }
}
.episode-preview-module .row .preview .box .link .image {
  width: 40%;
  height: auto;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .episode-preview-module .row .preview .box .link .image {
    width: 100%;
    min-height: 200px;
  }
}
@media screen and (min-width: 992px) {
  .episode-preview-module .row .preview .box .link .image {
    min-height: 266px;
  }
}
@media screen and (min-width: 1024px) {
  .episode-preview-module .row .preview .box .link .image {
    min-height: 175px;
  }
}
.episode-preview-module .row .preview .box .link .text {
  width: 60%;
  padding: 0 0 0 20px;
}
@media screen and (min-width: 768px) {
  .episode-preview-module .row .preview .box .link .text {
    width: 100%;
    padding: 15px 0 0;
  }
}
.episode-preview-module .row .preview .box .link .text .number {
  width: 100%;
  padding: 0 0 10px;
}
.episode-preview-module .row .preview .box .link .text .number p {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1rem;
  color: #4BD2A0;
}
@media screen and (min-width: 768px) {
  .episode-preview-module .row .preview .box .link .text .number p {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.episode-preview-module .row .preview .box .link .text .teaser {
  width: 100%;
  padding: 0;
}
.episode-preview-module .row .preview .box .link .text .teaser h2 {
  font-family: "neusa-next-std-compact", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .episode-preview-module .row .preview .box .link .text .teaser h2 {
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .episode-preview-module .row .preview .box .link .text .teaser h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.text-media-module {
  width: 100%;
}
.text-media-module .row {
  width: 100%;
  margin: auto;
}
.text-media-module .row .text-media {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.text-media-module .row .text-media .media {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .media {
    width: 50%;
  }
}
.text-media-module .row .text-media .media .img {
  width: 75%;
  margin: auto;
}
.text-media-module .row .text-media .media .videobox {
  width: 100%;
  height: 100%;
  position: relative;
}
.text-media-module .row .text-media .media .videobox .youtube {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .media .videobox .youtube {
    padding-bottom: 56.25%;
    position: unset;
  }
}
.text-media-module .row .text-media .media .videobox .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .media .videobox .youtube iframe {
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
}
.text-media-module .row .text-media .media .videobox .video {
  float: none;
  clear: both;
  width: 100%;
  height: auto;
  position: relative;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .media .videobox .video {
    padding-bottom: 56.25%;
    height: 100%;
  }
}
.text-media-module .row .text-media .media .videobox .video video {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .media .videobox .video video {
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
}
.text-media-module .row .text-media .text {
  width: 100%;
  padding: 30px 30px 60px;
  margin: auto;
}
@media screen and (min-width: 600px) {
  .text-media-module .row .text-media .text {
    width: 50%;
  }
}
.text-media-module .row .text-media .text .content {
  width: 100%;
  margin: auto;
}
.text-media-module .row .text-media .text .content h2 {
  font-family: "neusa-next-std-compact", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding: 0 0 15px;
}
@media screen and (min-width: 768px) {
  .text-media-module .row .text-media .text .content h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .text-media-module .row .text-media .text .content h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .text-media-module .row .text-media .text .content h2 {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .text-media-module .row .text-media .text .content h2 {
    font-size: 3.125rem;
    line-height: 3.125rem;
  }
}
.text-media-module .row .text-media .text .content h2.color-white {
  color: #fff;
}
.text-media-module .row .text-media .text .content h2.color-green {
  color: #4BD2A0;
}
.text-media-module .row .text-media .text .content h2.color-pink {
  color: #F01950;
}
.text-media-module .row .text-media .text .content h2.color-yellow {
  color: #FAE637;
}
.text-media-module .row .text-media .text .content p {
  font-family: "neusa-next-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media screen and (min-width: 768px) {
  .text-media-module .row .text-media .text .content p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .text-media-module .row .text-media .text .content p {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}
.text-media-module .row .text-media .text .link {
  width: 100%;
  margin: auto;
  padding: 30px 0 0;
}
.text-media-module .row .text-media .text .link .button {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1rem;
  padding: 10px 20px;
  text-decoration: none;
  color: #F01950;
  border: 3px solid #F01950;
  text-align: center;
  margin: auto;
}

.text-media-module:nth-child(even) .row .text-media {
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.headerbanner-module {
  width: 100%;
  margin: auto;
}
.headerbanner-module .row {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .headerbanner-module .row {
    width: 100%;
    max-width: 100%;
  }
}
.headerbanner-module .row .bannerbox {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}
.headerbanner-module .row .bannerbox .imgbox {
  width: 100%;
  height: 100vh;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.headerbanner-module .row .bannerbox .videobox {
  width: 100%;
  height: 100%;
}
.headerbanner-module .row .bannerbox .videobox video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.video-module {
  width: 100%;
  margin: auto;
}
.video-module .row {
  width: 100%;
  margin: auto;
  padding: 0 0 30px;
}
.video-module .row .mediabox {
  width: 100%;
  margin: auto;
}
.video-module .row .mediabox .youtube {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  /*width: 100%;
  margin: auto;
  @media screen and (min-width: 600px){}
  @media screen and (min-width: 768px){}
  @media screen and (min-width: 992px){}
  @media screen and (min-width: 1024px){}
  @media screen and (min-width: 1200px){
      height: 676px;
  }
  @media screen and (min-width: 1440px){}
  @media screen and (min-width: 1600px){}*/
}
.video-module .row .mediabox .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  /*width: 100%;
  height: 100%;
  object-fit: cover;*/
}
.video-module .row .mediabox .video {
  width: 100%;
  margin: auto;
}
.video-module .row .mediabox .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-module .row .mediabox .text {
  width: 100%;
  margin: auto;
  padding: 20px 30px 0;
}
.video-module .row .mediabox .text p {
  font-family: "neusa-next-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .video-module .row .mediabox .text p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .video-module .row .mediabox .text p {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}

.contact-module {
  width: 100%;
  margin: auto;
  background-image: linear-gradient(180deg, #28003C 0%, #000 50%);
}
.contact-module .row {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 30px;
}
.contact-module .row .formbox {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 600px) {
  .contact-module .row .formbox {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox {
    width: 60%;
  }
}
.contact-module .row .formbox p {
  font-family: "neusa-next-std-compact", sans-serif;
}
.contact-module .row .formbox .form-intro {
  width: 100%;
  margin: auto;
  padding: 0 0 60px;
}
.contact-module .row .formbox .form-intro h2 {
  font-family: "neusa-next-std-compact", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #4BD2A0;
  padding: 0 0 15px;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form-intro h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form-intro h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .contact-module .row .formbox .form-intro h2 {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .contact-module .row .formbox .form-intro h2 {
    font-size: 3.125rem;
    line-height: 3.125rem;
  }
}
.contact-module .row .formbox .form-intro p {
  font-family: "neusa-next-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form-intro p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form-intro p {
    font-size: 1.3rem;
    line-height: 1.75rem;
  }
}
.contact-module .row .formbox .form {
  width: 100%;
  margin: auto;
}
.contact-module .row .formbox .form .form-row {
  width: 100%;
  margin: auto;
}
.contact-module .row .formbox .form .form-row .fields {
  width: 100%;
  padding: 20px 0;
}
.contact-module .row .formbox .form .form-row .fields input, .contact-module .row .formbox .form .form-row .fields select {
  width: 100%;
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #FFF;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #4BD2A0;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form .form-row .fields input, .contact-module .row .formbox .form .form-row .fields select {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form .form-row .fields input, .contact-module .row .formbox .form .form-row .fields select {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
}
.contact-module .row .formbox .form .form-row .fields textarea {
  display: block;
  width: 100%;
  color: #FFF;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #4BD2A0;
  resize: none;
  overflow: hidden;
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form .form-row .fields textarea {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form .form-row .fields textarea {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
}
.contact-module .row .formbox .form .form-row .fields .field-label p {
  font-family: "neusa-next-std-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #4BD2A0;
  padding: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form .form-row .fields .field-label p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form .form-row .fields .field-label p {
    font-size: 1.3rem;
    line-height: 1.75rem;
  }
}
.contact-module .row .formbox .form .form-row .fields .checkbox {
  font-family: "neusa-next-std-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form .form-row .fields .checkbox {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form .form-row .fields .checkbox {
    font-size: 1rem;
    line-height: 1.325rem;
  }
}
.contact-module .row .formbox .form .form-row .fields .checkbox .checkmark {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0 0 5px 0;
  font: inherit;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 2px solid #4BD2A0;
  background-color: transparent;
  transform: translateY(-0.075em);
  transition: 120ms transform ease-in-out;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 1024px) {
  .contact-module .row .formbox .form .form-row .fields .checkbox .checkmark {
    width: 25px;
    height: 25px;
    margin: 0 0 10px 0;
  }
}
.contact-module .row .formbox .form .form-row .fields .checkbox .checkmark:checked {
  background-color: #4BD2A0;
}
.contact-module .row .formbox .form .form-row .fields .checkbox .checkmark::before {
  box-sizing: border-box;
  content: "";
  width: 12px;
  height: 12px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
}
@media screen and (min-width: 1024px) {
  .contact-module .row .formbox .form .form-row .fields .checkbox .checkmark::before {
    width: 17px;
    height: 17px;
  }
}
.contact-module .row .formbox .form .form-row .fields .checkbox .checkmark:checked::before {
  transform: scale(1);
  background-color: #FFF;
}
.contact-module .row .formbox .form .form-row .fields .checkbox a {
  text-decoration: none;
  color: #4BD2A0;
}
.contact-module .row .formbox .form .buttons {
  width: 100%;
  margin: auto;
  text-align: center;
}
.contact-module .row .formbox .form .buttons p {
  font-family: "neusa-next-std-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #FFF;
  text-align: initial;
}
@media screen and (min-width: 768px) {
  .contact-module .row .formbox .form .buttons p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-module .row .formbox .form .buttons p {
    font-size: 1.3rem;
    line-height: 1.75rem;
  }
}
.contact-module .row .formbox .form .buttons .button {
  font-family: "neusa-next-std-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 10px 20px;
  text-decoration: none;
  color: #F01950;
  background-color: transparent;
  border: 3px solid #F01950;
  text-align: center;
  margin: 25px auto 20px;
  transform-origin: center;
  transition: 120ms transform ease-in-out;
}
.contact-module .web_sp {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.contact-module .dropzone.dz-clickable {
  background: transparent;
  border: 1px solid #fff;
  min-height: 100px;
  padding: 10px 0 0;
  text-align: center;
}

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