/* ---- Settings ---- */
/* ---- Type ---- */
@font-face {
  font-family: 'Museo Sans 500';
  src: url("../fonts/MuseoSans-500.woff2") format("woff2"), url("../fonts/MuseoSans-500.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans 700';
  src: url("../fonts/MuseoSans-700.woff2") format("woff2"), url("../fonts/MuseoSans-700.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gill Sans';
  src: url("../fonts/GillSans-CondensedBold.woff2") format("woff2"), url("../fonts/GillSans-CondensedBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

h1 {
  color: white;
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Museo Sans 500';
  line-height: 38px;
  letter-spacing: 4px; }
  @media screen and (max-width: 768px) {
    h1 {
      line-height: 29px;
      font-size: 24px; } }
  h1 b {
    font-family: 'Museo Sans 700';
    font-weight: bold; }
  h1 span {
    font-family: 'Museo Sans 500';
    font-size: 160px;
    display: block;
    width: fit-content;
    margin: 0 auto 0px auto;
    position: relative;
    line-height: 160px;
    font-weight: normal; }
    @media screen and (max-width: 1368px) {
      h1 span {
        font-size: 140px;
        margin: 30px auto 0px auto;
        line-height: 140px; } }
    @media screen and (max-width: 768px) {
      h1 span {
        font-size: 120px;
        margin: 50px auto 0px auto;
        line-height: 110px; } }
    @media screen and (max-width: 500px) {
      h1 span {
        font-size: 80px;
        margin: 50px auto 0px auto;
        line-height: 110px; } }
    h1 span:after, h1 span:before {
      content: '';
      display: block;
      position: absolute;
      width: 60px;
      height: 2px;
      background-color: white;
      top: 50%; }
    h1 span:after {
      right: 0;
      transform: translateX(100%); }
    h1 span:before {
      left: 0;
      transform: translateX(-100%); }

h2,
h3 {
  color: #5b2a13;
  font-size: 26px;
  margin-top: 16px;
  line-height: 32px;
  font-family: 'Museo Sans 700'; }
  @media screen and (max-width: 768px) {
    h2,
    h3 {
      line-height: 29px;
      font-size: 24px;
      padding: 0 !important; } }
  @media screen and (max-width: 540px) {
    h2,
    h3 {
      line-height: 24px;
      font-size: 20px;
      padding: 0 !important; } }

h2 {
  margin-bottom: 20px;
  padding: 0 30px; }

h3 {
  font-size: 20px;
  padding: 0 60px;
  line-height: 28px; }
  @media screen and (max-width: 540px) {
    h3 {
      line-height: 24px;
      font-size: 20px;
      padding: 0 !important; } }

.title p {
  color: #5b2a13;
  font-size: 18px;
  margin-top: 28px;
  line-height: 21px;
  font-family: 'Museo Sans 700'; }
  @media screen and (max-width: 540px) {
    .title p {
      line-height: 24px;
      font-size: 15px;
      margin-top: 20px; } }

/* Form */
.wpcf7-form-control-wrap input {
  width: 100%;
  font-family: 'Museo Sans 500';
  padding: 18px;
  margin: 12px 0;
  background-image: url("../img/ui/field_bg.png");
  background-size: cover;
  color: #5b2a13;
  outline: none;
  font-size: 20px;
  box-shadow: 0 0 0 0px #5b2a13;
  transition: all 120ms; }
  .wpcf7-form-control-wrap input::placeholder {
    color: #5b2a13; }
  .wpcf7-form-control-wrap input:focus {
    box-shadow: 0 0 0 3px #5b2a13; }
  @media screen and (max-width: 768px) {
    .wpcf7-form-control-wrap input {
      font-size: 17px;
      padding: 16px;
      margin: 10px 0; } }

.wpcf7-submit {
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 32px;
  letter-spacing: 4px;
  font-family: 'Museo Sans 500';
  padding: 12px 65px;
  background: radial-gradient(circle, #705036 0%, black 100%);
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .wpcf7-submit {
      width: 100%;
      font-size: 20px;
      padding: 14px 25px; } }

.screen-reader-response {
  display: none; }

.wpcf7-not-valid-tip {
  float: left;
  font-size: 16px;
  font-family: 'Museo Sans 700';
  color: #5b2a13; }

.wpcf7-response-output {
  color: #5b2a13;
  font-size: 18px;
  margin-top: 28px;
  line-height: 21px;
  font-family: 'Museo Sans 700'; }

input[type="checkbox"] {
  width: 66px;
  height: 66px;
  appearance: none;
  cursor: pointer;
  position: relative; }
  @media screen and (max-width: 768px) {
    input[type="checkbox"] {
      width: 55px;
      height: 55px; } }
  input[type="checkbox"]:after {
    content: '';
    position: absolute;
    width: 36px;
    left: 0;
    height: 36px;
    background-size: cover;
    background-image: url("../img/ui/check.png");
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: all 100ms; }
  input[type="checkbox"]:checked:after {
    transform: translateY(-50%) scale(1); }

.terms {
  font-size: 18px;
  font-family: 'Museo Sans 700';
  color: #5b2a13; }

.wpcf7-checkbox {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative; }
  .wpcf7-checkbox label {
    font-size: 20px;
    font-family: 'Museo Sans 700';
    color: #5b2a13;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .wpcf7-checkbox label {
        font-size: 17px; } }

.wpcf7-checkbox.wpcf7-not-valid {
  position: relative; }

.wpcf7-checkbox.wpcf7-not-valid + .wpcf7-not-valid-tip {
  position: absolute;
  left: 0px; }

/* ---- Global ---- */
body {
  background: #fff; }

section {
  padding-bottom: 80px; }

.section-top {
  background-image: url("../img/bg/bg_top.jpg"); }

.section-bottom {
  background-image: url("../img/bg/bg_bottom.jpg"); }

.strip-top {
  width: 40vw;
  min-width: 390px;
  max-width: fit-content;
  animation: fadeIn 1s forwards; }

.strip-bottom {
  width: 96vw;
  min-width: 390px;
  max-width: fit-content;
  transform: translateX(calc(-5vw));
  transition: all 100ms;
  animation: fadeIn 1s forwards; }
  @media screen and (max-width: 1860px) {
    .strip-bottom {
      transform: translateX(calc(-12vw)); } }
  @media screen and (max-width: 1700px) {
    .strip-bottom {
      transform: translateX(calc(-20vw)); } }
  @media screen and (max-width: 1500px) {
    .strip-bottom {
      transform: translateX(calc(-27vw)); } }
  @media screen and (max-width: 1350px) {
    .strip-bottom {
      transform: translateX(calc(-38vw)); } }

.title {
  animation: fadeIn 1s forwards; }

.strip-form {
  width: 96vw;
  min-width: 390px;
  max-width: fit-content;
  transition: all 100ms; }
  @media screen and (max-width: 1860px) {
    .strip-form {
      transform: translateX(calc(-5vw)); } }
  @media screen and (max-width: 1700px) {
    .strip-form {
      transform: translateX(calc(-8vw)); } }
  @media screen and (max-width: 1500px) {
    .strip-form {
      transform: translateX(calc(-16vw)); } }
  @media screen and (max-width: 1350px) {
    .strip-form {
      transform: translateX(calc(-28vw)); } }

.fade {
  height: 57px;
  background: black;
  box-shadow: 0 0 50px #00000033;
  overflow: hidden; }
  .fade:after {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 870px;
    right: 110px;
    background: #ef7e21;
    filter: blur(50px); }
  @media screen and (max-width: 768px) {
    .fade {
      height: 32px; } }

canvas {
  position: absolute;
  mix-blend-mode: plus-lighter;
  pointer-events: none; }

.strip-title {
  left: 8vw;
  width: 34vw;
  max-width: 580px; }
  @media screen and (max-width: 1199px) {
    .strip-title {
      left: 0;
      width: 64vw;
      max-width: 400px; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.wrap div {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .wrap div {
      width: 100%; } }

.wpcf7-checkbox.wpcf7-not-valid + span {
  float: none;
  display: block;
  margin-bottom: 30px;
  margin-top: -20px; }

.cf7-spinner {
  text-align: center;
  margin-bottom: 10px;
  display: block;
  height: 30px;
  width: 30px;
  background-size: contain;
  margin-top: 20px;
  background-image: url("../img/ui/loading.gif"); }

.form_submitted_hide {
  opacity: 0; }

.wpcf7-form.active,
.form_submitted_hide.active {
  opacity: 1;
  transition: all 200ms; }

.wpcf7-form.success {
  animation: fadeOut 1s 0.2s forwards; }

.ip-exists {
  display: none;
  pointer-events: none; }
  .ip-exists .wpcf7-response-output {
    display: none !important; }
  .ip-exists .w-full.form_row__field.novalidate,
  .ip-exists .w-full.form_row__field.novalidate + div,
  .ip-exists .wpcf7-hidden + div {
    display: none; }

.form_submitted {
  text-align: center;
  padding: 300px 80px;
  display: none;
  opacity: 0;
  animation: fade 1s 0.2s forwards; }
  .form_submitted img {
    margin: auto;
    margin-bottom: 20px; }
  .form_submitted h5 {
    margin-bottom: 4px;
    font-family: 'Museo Sans 700';
    font-size: 50px;
    text-transform: uppercase;
    color: #5b2a13;
    line-height: 50px; }
  .form_submitted p {
    font-size: 22px;
    width: 100%;
    max-width: 500px;
    font-family: 'Museo Sans 500';
    margin: auto;
    color: #5b2a13;
    margin-top: 6px; }
  @media screen and (max-width: 1199px) {
    .form_submitted {
      padding: 50px 10px; }
      .form_submitted p {
        font-size: 16px; } }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* ---- Header ---- */
/* ---- Footer ---- */

@media (min-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
  .title {
    margin-top:200px;
  }
  .title h1 span{
    font-size: 100px;
    margin: 15 auto 0px auto;
    line-height: 100px;
  }
  .title h1{
    font-size: 27px;
    line-height: 27px;
  }
  .title h2{
    font-size: 20px;
    line-height: 20px;
  }
}