@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MyriadPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/MyriadPro-Semibold.otf") format("opentype"); }

html, body {
  overflow-x: hidden; }

body {
  font-family: "Myriad Pro";
  text-transform: uppercase;
  position: relative; }

a {
  text-decoration: none !important; }

section .row {
  display: flex;
  align-items: center; }

section:not(#section-1) > .container-fluid > .row {
  min-height: 53.438vw; }
  @media only screen and (max-width: 599px) {
    section:not(#section-1) > .container-fluid > .row {
      min-height: 80vw;
      height: auto;
      padding: 70px 0 50px 0; } }

@media only screen and (max-width: 599px) {
  section {
    padding: 0 3vw; } }

nav {
  background: #000;
  padding: 15px 0 !important; }
  nav .navbar-toggler {
    align-items: flex-end;
    float: right;
    margin-left: auto;
    outline: none; }
  nav li {
    padding: 15px 0;
    text-align: center; }
    nav li a {
      color: #fff; }
      nav li a:hover {
        color: #561029; }
  @media screen and (min-width: 600px) {
    nav {
      display: none !important; } }

.transparent-box {
  position: fixed;
  height: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  opacity: 1; }
  @media only screen and (max-width: 599px) {
    .transparent-box {
      display: none; } }
  .transparent-box img {
    max-width: 100%; }
    @media only screen and (max-width: 599px) {
      .transparent-box img {
        max-width: 130%; } }

p {
  letter-spacing: 0.208vw; }

ul {
  list-style: none;
  padding: 0; }
  @media only screen and (max-width: 599px) {
    ul {
      margin-left: 6vw; } }
  ul li {
    letter-spacing: 0.208vw;
    padding-bottom: 1.302vw; }

.left, .right {
  padding: 0;
  height: 100%; }
  @media only screen and (max-width: 599px) {
    .left, .right {
      display: none; } }
  .left .item, .right .item {
    width: 19.063vw;
    height: 3.229vw;
    background-image: url("../images/button.png");
    background-size: auto 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.146vw; }
    .left .item.active, .right .item.active {
      background-image: url("../images/button-active.png"); }
      .left .item.active a, .right .item.active a {
        color: #fff; }
    .left .item a, .right .item a {
      z-index: 1;
      margin-bottom: 0;
      font-weight: 600;
      color: #7d7d7d;
      letter-spacing: 0.156vw;
      text-align: center;
      line-height: 1.3;
      font-size: 0.833vw;
      align-items: center;
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 1199px) {
        .left .item a, .right .item a {
          font-size: 1.2vw;
          padding: 0 10px; } }
    @media only screen and (max-width: 1199px) {
      .left .item, .right .item {
        width: 21vw;
        height: 5.10vw; } }

.left .item {
  float: left; }

.right .item {
  float: right; }

.black-section {
  background-image: url("../images/bg.png");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 599px) {
    .black-section {
      background-size: auto 100%; } }
  .black-section .item {
    background: none;
    position: relative; }
    .black-section .item.active {
      background: none; }
    .black-section .item:hover a {
      color: #fff; }
    .black-section .item:before {
      z-index: 0;
      position: absolute;
      opacity: 0.4;
      content: "";
      width: 100%;
      height: 100%;
      background-image: url("../images/button.png");
      background-size: auto 100%;
      background-repeat: no-repeat; }
    .black-section .item.active a {
      color: #fff; }
    .black-section .item.active:before {
      background-image: url("../images/button-active.png");
      opacity: 1; }
  .black-section .left .item:before {
    background-position: right; }
  .black-section .box label, .black-section .box p, .black-section .box a, .black-section .box ul li {
    color: #fff !important; }
  .black-section .input-text {
    display: block;
    color: #fff; }

.white-section .left .item:hover a, .white-section .right .item:hover a {
  color: #fff; }

.white-section .left .item {
  background-position: right; }
  .white-section .left .item:before {
    right: -8.594vw;
    transform: scaleX(-1); }

.white-section .title {
  color: #fff; }

.white-section .box label, .white-section .box p, .white-section .box a, .white-section .box ul li {
  color: #000 !important; }

.white-section .input-text {
  display: block;
  color: #000; }

.black-section .box .title, .white-section .box .title {
  display: none; }
  @media only screen and (max-width: 599px) {
    .black-section .box .title, .white-section .box .title {
      margin: 0 5vw 40px 5vw;
      display: block;
      text-align: center;
      background-image: url("../images/button-active.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      padding: 13px 10px 10px 10px;
      color: #fff !important;
      font-size: 20px;
      letter-spacing: 2px; } }

.black-section .box p, .white-section .box p {
  font-size: 1.042vw;
  line-height: 1.5 !important;
  letter-spacing: 0.313vw;
  position: relative;
  padding-left: 2.604vw !important;
  display: flex; }
  @media only screen and (max-width: 599px) {
    .black-section .box p, .white-section .box p {
      padding-left: 6vw !important; } }
  .black-section .box p:before, .white-section .box p:before {
    content: "";
    position: absolute;
    height: 1.719vw;
    width: 1.563vw;
    left: 0;
    top: 5px;
    background-image: url("../images/medium-arrow.png");
    background-repeat: no-repeat;
    background-size: 100% auto; }
    @media only screen and (max-width: 599px) {
      .black-section .box p:before, .white-section .box p:before {
        height: 2.85vw;
        width: 2.7vw;
        left: 5px; } }
  @media only screen and (max-width: 1199px) {
    .black-section .box p, .white-section .box p {
      font-size: 1.2vw; } }
  @media only screen and (max-width: 899px) {
    .black-section .box p, .white-section .box p {
      font-size: 1.35vw; } }
  @media only screen and (max-width: 599px) {
    .black-section .box p, .white-section .box p {
      font-size: 16px; } }

.black-section .box ul, .white-section .box ul {
  padding: 1.8vw 0 2.865vw 0; }
  .black-section .box ul li, .white-section .box ul li {
    font-size: 0.885vw;
    margin: 0 !important; }
    .black-section .box ul li:before, .white-section .box ul li:before {
      content: '';
      display: inline-block;
      height: 0.833vw;
      width: 0.729vw;
      background-size: 100% auto;
      background-image: url("../images/medium-arrow.png");
      background-repeat: no-repeat;
      margin-right: 0.781vw; }
      @media only screen and (max-width: 599px) {
        .black-section .box ul li:before, .white-section .box ul li:before {
          height: 2vw;
          width: 1.8vw;
          margin-right: 1.5vw; } }
    @media only screen and (max-width: 1199px) {
      .black-section .box ul li, .white-section .box ul li {
        font-size: 1.1vw; } }
    @media only screen and (max-width: 899px) {
      .black-section .box ul li, .white-section .box ul li {
        font-size: 1.2vw; } }
    @media only screen and (max-width: 599px) {
      .black-section .box ul li, .white-section .box ul li {
        font-size: 13px; } }

.black-section .box a, .white-section .box a {
  color: #fff; }

@media only screen and (max-width: 599px) {
  .black-section .box, .white-section .box {
    margin-top: 1rem; } }

#section-1 {
  margin-bottom: 5.729vw;
  padding-top: 7.813vw; }
  #section-1 .box {
    width: 35.8vw; }
    @media only screen and (max-width: 599px) {
      #section-1 .box {
        width: 50vw; } }
    @media only screen and (max-width: 425px) {
      #section-1 .box {
        width: 76vw; } }
    #section-1 .box img {
      width: 100%; }
    #section-1 .box p {
      padding-top: 2.083vw;
      font-size: 0.833vw; }
      @media only screen and (max-width: 1199px) {
        #section-1 .box p {
          font-size: 1.2vw; } }
      @media only screen and (max-width: 599px) {
        #section-1 .box p {
          margin: 25px 0 40px 0;
          font-size: 15px; } }
  #section-1 .left .item:hover a, #section-1 .right .item:hover a {
    color: #fff; }
  #section-1 .left .item:before, #section-1 .right .item:before {
    content: "";
    background: url("../images/arrow.png");
    background-size: 100% auto;
    position: absolute;
    height: 1.042vw;
    width: 13.229vw; }
    @media only screen and (max-width: 1199px) {
      #section-1 .left .item:before, #section-1 .right .item:before {
        display: none; } }
  #section-1 .left .item {
    background-position: right; }
    #section-1 .left .item:before {
      right: -8.594vw;
      transform: scaleX(-1); }
  #section-1 .right .item:before {
    left: -8.594vw; }
  @media only screen and (max-width: 599px) {
    #section-1 {
      margin-top: 90px; } }

.contact {
  min-height: 48vw !important;
  padding-bottom: 75px;}
  @media only screen and (max-width: 1199px) {
    .contact {
      min-height: 50vw !important; } }
  @media only screen and (max-width: 899px) {
    .contact {
      min-height: 48vw !important; } }
  @media only screen and (max-width: 599px) {
    .contact {
      min-height: 80vw !important;
      height: auto;
      position: relative;
      padding: 5vw 3vw 30px; } }
  .contact > .container-fluid > .row {
    min-height: 45vw !important; }
    @media only screen and (max-width: 1199px) {
      .contact > .container-fluid > .row {
        min-height: 50vw !important; } }
    @media only screen and (max-width: 899px) {
      .contact > .container-fluid > .row {
        min-height: 48vw !important; } }
    @media only screen and (max-width: 599px) {
      .contact > .container-fluid > .row {
        min-height: 80vw !important; } }
  .contact .contact-info {
    margin-top: 5vw; }
    .contact .contact-info p {
      margin-bottom: 1.5vw; }
      .contact .contact-info p:before {
        height: 1.3vw;
        width: 1vw; }
  .contact .contact-form {
    margin-top: 5vw; }
    .contact .contact-form .form-field {
      position: relative;
      margin: 1.667vw 0; }
    .contact .contact-form .input-text {
      display: block;
      width: 100%;
      height: 1.875vw;
      border-width: 0 0 2px 0;
      background: none;
      border-color: #561029;
      font-size: 0.938vw;
      line-height: 1.354vw;
      font-weight: 400;
      padding-left: 1.042vw; }
      .contact .contact-form .input-text:focus {
        outline: none; }
      .contact .contact-form .input-text:focus + .label, .contact .contact-form .input-text.not-empty + .label {
        transform: translateY(-1.25vw); }
      @media only screen and (max-width: 1199px) {
        .contact .contact-form .input-text {
          font-size: 1.2vw; } }
      @media only screen and (max-width: 599px) {
        .contact .contact-form .input-text {
          font-size: 16px;
          height: 6vw;
          margin-bottom: 30px; } }
    .contact .contact-form textarea {
      height: 7.813vw;
      max-height: 10.417vw;
      border: solid 2px #525252;
      display: block;
      color: #7d7d7d;
      width: 100%;
      background: #fff;
      font-size: 0.938vw;
      line-height: 1.354vw;
      font-weight: 400;
      border-radius: 5px;
      padding: 1.042vw; }
      @media only screen and (max-width: 1199px) {
        .contact .contact-form textarea {
          font-size: 1.2vw; } }
      @media only screen and (max-width: 599px) {
        .contact .contact-form textarea {
          font-size: 16px;
          height: 130px;
          max-height: 130px; } }
    .contact .contact-form label {
      font-size: 0.938vw;
      line-height: 1.5;
      font-weight: 400;
      color: #fff;
      cursor: text; }
      @media only screen and (max-width: 1199px) {
        .contact .contact-form label {
          font-size: 1.2vw; } }
      @media only screen and (max-width: 599px) {
        .contact .contact-form label {
          font-size: 16px; } }
    .contact .contact-form .label {
      position: absolute;
      left: 1.042vw;
      bottom: 0.573vw;
      transition: transform .2s ease-in-out; }
      @media only screen and (max-width: 599px) {
        .contact .contact-form .label {
          bottom: 26px; } }
input[type="checkbox"] {
  margin-right: 10px;
}
    .contact .contact-form .submit-btn {
      display: inline-block;
      background-image: url("../images/form-btn.png");
      background-color: transparent;
      background-repeat: no-repeat;
      color: #fff;
      background-size: 100% auto;
      text-transform: uppercase;
      letter-spacing: 0.104vw;
      font-size: 0.833vw;
      line-height: 1.25vw;
      padding: 0.65vw 2.833vw;
      border: none;
      cursor: pointer; }
      @media only screen and (max-width: 1199px) {
        .contact .contact-form .submit-btn {
          font-size: 1.2vw;
          padding: 1vw 1.6vw; } }
      @media only screen and (max-width: 599px) {
        .contact .contact-form .submit-btn {
          margin-top: 15px;
          font-size: 19px;
          padding: 20px 30px; } }
    @media only screen and (max-width: 599px) {
      .contact .contact-form {
        margin-top: 60px;
        padding: 0 3vw; } }
  .contact .bg-trick {
    display: none; }
    @media only screen and (max-width: 599px) {
      .contact .bg-trick {
        display: block;
        background-color: #000;
        position: absolute;
        height: 40px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1; } }

footer {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 20px;
  font-size: 11px;
  justify-content: center;
}
footer p, footer a, footer a:hover {
  color: #fff;
}

.cookieAcceptBar {
  display:none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #231f20;
  color: #fff;
  padding: 20px 0;
  z-index: 99999;
  text-transform: initial;
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.cookieAcceptBar button {
  cursor: pointer;
  border: none;
  background-color: #cccccc;
  color: #333;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 700;
  font-size: 14px;
  padding: 8px 18px;
  letter-spacing: 1px;
}