@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=099afd3a-d625-4360-9daf-13893971c548");
@font-face {
  font-family:"Futura LT W01 Bold";
  src:url("../fonts/003a1a64-f6ac-4ed5-a1e7-ba80a9c1da08.woff2") format("woff2"),url("../fonts/c41868cc-38dc-403d-b177-599afd5988b6.woff") format("woff");
}
@font-face {
  font-family:"Neuzeit Grotesk W01 Reg1487164";
  src:url("../fonts/d33f718f-1aa2-43db-ad60-7d79aa87de0a.woff2") format("woff2"),url("../fonts/2d76f703-cb26-46a0-954a-53cc641b9b3b.woff") format("woff");
}
@font-face {
  font-family:"NeuzeitGro W01 Bold";
  src:url("../fonts/8dfba670-079e-4879-8b0a-8d079ab7c067.woff2") format("woff2"),url("../fonts/218401dc-d400-4482-8c9b-0527059f7559.woff") format("woff");
}
* {
  box-sizing: border-box; 
}
body {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:"Neuzeit Grotesk W01 Reg1487164", sans-serif;
  background-image: url("../img/pattern.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: fixed;
}
@media (max-width: 991.98px) {
  body {
    background-image: url("../img/pattern-h.svg");
    background-position: right top;
    background-size: 400px;
  }
}
.hero {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  transition-duration: 0.5s;
}
a {
  color: #000000;
}
a:hover, 
a:focus {
  color: #555555;
}
.text-green {
  color: #A9D000;
}
h1 {
  font-family: "Futura LT W01 Bold", sans-serif;
  font-size: 92.84px;
  color: #A9D000;
  text-align: left;
  line-height: 0.95;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-height: 1000px) and (min-width: 768px) and (max-width: 1300px) {
  h1 {
    font-size: 57px;
  }
}
h2 {
  font-family: "NeuzeitGro W01 Bold", sans-serif;
  font-size: 42px;
}
@media (max-width: 767.98px) {
  h2 {
    font-size: 25px;
  }
}
h6 {
  font-family: "NeuzeitGro W01 Bold", sans-serif;
  font-size: 13px;
  color: #979797;
  letter-spacing: 1.45px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .fix-when-large {
    position: fixed !important;
  }
  .absolute-when-large {
    position: absolute !important;
  }
}
p {
  font-family: "Neuzeit Grotesk W01 Reg1487164", sans-serif;
  font-size: 24px;
  line-height: 1.25; 
}
article p {
  font-size: 20px;
}
@media (max-width: 767.98px) {
  p {
    font-size: 16px;
  }
}
@media (max-height: 1128px) and (min-width: 768px) {
  p {
    font-size: 20px;
  }
}
@media (max-height: 1000px) and (min-width: 768px) {
  p {
    font-size: 17px;
  }
}
.btn-primary {
  background-color: #00B7C0;
}
.btn-primary:hover, 
.btn-primary:focus {
  background-color: #00B7C0;
  filter: contrast(1.3);
}
.btn-primary:active {
  background-color: #00B7C0 !important;
  filter: contrast(0.9);
}
.btn {
  font-family: "NeuzeitGro W01 Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  outline: none;
  padding: 10px 27px;
  transform: translateX(0px);
  transition: all 0.3s ease 0s;
}
button {
  border: 0;
  border-radius: 0;
  outline: none;
  background-color: transparent;
}
small {
  font-family: "Neuzeit Grotesk W01 Reg1487164", sans-serif;
  font-style: normal;
  font-size: 12px;
  color: #979797;
  line-height: 1.3;
}
.btn:hover {
  color: #ffffff;
  transform: translateY(-3px);
}
hr {
  opacity: 0.1;
}
.return {
  font-family: "NeuzeitGro W01 Bold", sans-serif;
  font-size: 19px;
  color: #000000;
  letter-spacing: 2.11px;
  position: absolute;
  right: 63px;
  margin-top: 22px;
}
@media (max-width: 767.98px) {
  .return {
    right: 9px;
    margin-top: -10px;
    font-size: 16px;
  }
}
 @media (min-width: 768px) {
  #intro {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
[class*="card--"] {
  display: none;
}
[id*="theme"] {
  color: #000000;
}
#theme1 .card--1 {
  display: block;
}
#theme2 .card--2 {
  display: block;
}
#theme3 .card--3 {
  display: block;
}
#theme4 .card--4 {
  display: block;
}
[id*="theme-selector"] {
  color: #979797;
}
.theme-in-use {
  color: black;
}
@keyframes delay {
  0% {
    opacity: 0;
    transform: translateY(-3px);
     }
  100% {
    opacity: 1; 
    transform: translateY(0px);} 
}
.card {
  width: 100%;
  height: auto;
  border: 0px solid transparent;
  background: transparent;
  -webkit-animation: delay 0.2s linear forwards;
  animation: delay 0.2s linear forwards; 
  opacity: 0;
  transition: 0.1s margin ease;
}
.card:hover {
  margin-top: -3px;
}
.delay-1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.delay-2 {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.delay-3 {
  -webkit-animation-delay: 0.14s;
  animation-delay: 0.14s;
}
.delay-4 {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.delay-5 {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18s;
}
.delay-6 {
  -webkit-animation-delay: 0.20s;
  animation-delay: 0.20s;
}
.delay-7 {
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
}
.delay-8 {
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.delay-9 {
  -webkit-animation-delay: 0.26s;
  animation-delay: 0.26s;
}
.delay-10 {
  -webkit-animation-delay: 0.28s;
   animation-delay: 0.28s;
}
.delay-11 {
  -webkit-animation-delay: 0.30s;
  animation-delay: 0.30s;
}
.delay-12 {
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.delay-13 {
  -webkit-animation-delay: 0.34s;
  animation-delay: 0.34s;
}
.delay-14 {
  -webkit-animation-delay: 0.36s;
  animation-delay: 0.36s;
}
.delay-15 {
  -webkit-animation-delay: 0.38s;
  animation-delay: 0.38s;
}
.delay-16 {
  -webkit-animation-delay: 0.40s;
  animation-delay: 0.40s;
}
.delay-16 {
  -webkit-animation-delay: 0.42s;
  animation-delay: 0.42s;
}
.delay-16 {
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
.delay-16 {
  -webkit-animation-delay: 0.46s;
  animation-delay: 0.46s;
}
.delay-16 {
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.delay-16 {
  -webkit-animation-delay: 0.50s;
  animation-delay: 0.50s;
}
.delay-16 {
  -webkit-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
.delay-16 {
  -webkit-animation-delay: 0.54s;
  animation-delay: 0.54s;
}
.delay-16 {
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.delay-16 {
  -webkit-animation-delay: 0.58s;
  animation-delay: 0.58s;
}
.delay-16 {
  -webkit-animation-delay: 0.60s;
  animation-delay: 0.60s;
}
.delay-16 {
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}
.delay-16 {
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.delay-16 {
  -webkit-animation-delay: 0.66s;
  animation-delay: 0.66s;
}
.delay-16 {
  -webkit-animation-delay: 0.68s;
  animation-delay: 0.68s;
}
[type=button], [type=reset], [type=submit], button {
   -webkit-appearance: none; 
}
.show-canvas {
  display: block;
}
.show-canvas.hidden {
  display: none;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } 
}
#loader-wrapper {
  background-color: #FFFFFF;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center; 
}
.loader {
  width: 40px;
  height: 40px;
  border: 5px solid #000000;
  border-bottom-color: transparent;
  border-radius: 50%;
  margin-top:calc(50vh - 20px);
  display: inline-block;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite; 
}