@font-face {
  font-family: DINPro;
  src: url("../fonts/DINPro.otf") format("opentype");
}

@font-face {
  font-family: DINPro-Bold;
  font-weight: bold;
  src: url("../fonts/DINPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: DINPro-Light;
  font-weight: bold;
  src: url("../fonts/DINPro-Light.otf") format("opentype");
}

@font-face {
  font-family: MuseoSlab;
  font-weight: bold;
  src: url("../fonts/Museo_Slab_900.otf") format("opentype");
}

body {
  font-family: DINPro-Light;
}

.container {
  max-width: calc(1600px - 18vw);
  margin: 0 auto;
  text-align: center;
}

.header, footer {
  background: #fed100;
  height: 30px;
  padding: 10px 20px;
  width: calc(100% - 40px);
}

.header .container, footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 100%;
}

.header .logo, footer .logo {
  color: red;
  text-transform: uppercase;
  height: clamp(16px, 100%, 16px);
}

.header .logo img, footer .logo img {
  height: 100%;
}

.header .slogan, footer .slogan {
  text-transform: uppercase;
  font-family: DINPro-Bold;
  letter-spacing: 1.5px;
  font-size: clamp(16px, 1vw, 16px);
}

.intro {
  margin: 7vw auto 0 auto;
  padding: 0 9vw;
  max-width: calc(1600px - 18vw);
}

.intro p {
  text-align: left;
}

.vid {
  margin: clamp(30px, 3vw, 3vw) auto clamp(30px, 5vw, 5vw) auto;
  padding: 0 9vw;
  max-width: calc(1600px - 18vw);
  position: relative;
}

.vid .play-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='500' height='500' viewBox='0 0 75 75'%3E%3Cpath d='M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z'%0Astyle='stroke:%23111;stroke-width:5;stroke-linejoin:round;fill:%23111;'%0A/%3E%3Cpath d='M48,27.6a19.5,19.5 0 0 1 0,21.4M55.1,20.5a30,30 0 0 1 0,35.6M61.6,14a38.8,38.8 0 0 1 0,48.6' style='fill:none;stroke:%23111;stroke-width:5;stroke-linecap:round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10vw;
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
  cursor: pointer;
  z-index: 10;
}

.vid p {
  text-align: left;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

.outro {
  padding: 0 9vw;
  max-width: calc(1600px - 18vw);
}

.outro p {
  font-size: clamp(12px, 0.8vw, 13px);
  line-height: clamp(12px, 1vw, 16px);
}

.outro p + p {
  margin-top: 0.5vw;
}

.outro p a {
  text-decoration: none;
  color: #000;
}

.outro p a:hover {
  text-decoration: none;
  color: #000;
}

.contact-box {
  margin: clamp(30px, 5vw, 5vw) auto;
  padding: 0 9vw;
  max-width: calc(1600px - 18vw);
}

h1 {
  font-size: clamp(22px, 4.5vw, 72px);
  text-align: center;
  line-height: clamp(30px, 5.5vw, 88px);
}

h1 + p {
  margin-top: 3.8vw;
}

h2 {
  font-size: clamp(18px, 2.5vw, 54px);
  text-align: center;
  line-height: clamp(26px, 3.5vw, 60px);
}

h2 + p {
  margin-top: 2.8vw;
}

h3 {
  font-size: clamp(18px, 1.3vw, 21px);
  text-align: left;
  line-height: clamp(24px, 2vw, 32px);
  font-family: DINPro-Bold;
}

p {
  font-size: clamp(16px, 1.62vw, 25.02px);
  line-height: clamp(24px, 2.4vw, 38.4px);
}

p + p {
  margin-top: 2.4vw;
}

video {
  width: 100%;
}

strong, b {
  font-family: DINPro-Bold;
}

.bg-black {
  background: black;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.uppercase {
  text-transform: uppercase;
}

.wrapper-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.wrapper-boxes .box {
  background: #fed100;
  padding: 1.5vw;
  position: relative;
  text-align: left;
}

.wrapper-boxes .box:before {
  content: '';
  width: 0;
  right: 0;
  border-style: solid;
  border-width: 0 4vw 4vw 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
}

.wrapper-boxes .box span {
  display: block;
}

.wrapper-boxes .box span.name, .wrapper-boxes .box span.phone {
  font-family: DINPro-Bold;
}

.wrapper-boxes .box span.name, .wrapper-boxes .box span.mail {
  font-size: clamp(14px, 1.65vw, 26px);
  line-height: clamp(14px, 1.65vw, 31px);
}

.wrapper-boxes .box span.phone {
  margin-top: 2vw;
  font-size: clamp(16px, 2.1vw, 34px);
  line-height: clamp(16px, 2.1vw, 39px);
  font-family: MuseoSlab;
}

.wrapper-boxes .box span.mail {
  margin-top: 1vw;
}

.wrapper-boxes .box span a {
  text-decoration: none;
  color: #000;
}

.wrapper-boxes .box + .box {
  margin-left: 2.4vw;
}

@media (max-width: 767px) {
  .wrapper-boxes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrapper-boxes .box + .box {
    margin-left: 0px;
    margin-top: 20px;
  }
  #vid_desk {
    display: none;
  }
}

@media (min-width: 768px) {
  #vid_mob {
    display: none;
  }
}

header .slogan {
  display: none;
}
/*# sourceMappingURL=main.css.map */