.header-offset { margin-top: 60px;}

@media (min-width: 1020px) {
.header-offset { margin-top: 90px !important;}
}

#header { background: #000; }

.debug { background: #ff0000;}

.img-fluid { max-width: 100%; height: auto; }

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

.hero {
  background-color: #191919;
  background-size: cover; background-position: top center;
  height: 80vh;
  padding: 0 !important;
  position: relative;
  margin-bottom: 0 !important;
 }

.hero .container { position: absolute; bottom: 40px; left: 0; width: 100%; }
.hero .container .content {  max-width: 800px; margin: 0 auto; text-align: center;  }

.video-background {
    background: #000;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
}

article h2 { margin-bottom: .666rem; padding-bottom: 0; line-height: normal;}

article h1 { margin-top: 10px; margin-bottom: .666rem; padding-bottom: 0; line-height: normal; }

article p { margin-top: 0; padding-bottom: .666rem; }

a.change-slide { cursor: pointer; }

.mt-2 { margin-top: 20px;}
.mt-3 { margin-top: 30px;}
.mt-4 { margin-top: 40px;}
.mt-5 { margin-top: 50px;}
.mb-2 { margin-bottom: 20px;}
.mb-3 { margin-bottom: 30px;}
.mb-4 { margin-bottom: 40px;}
.mb-5 { margin-bottom: 50px;}

.mask {
  position: initial; left: 0; top: 0; width: 100%; height: 100%;
  z-index: 99;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .35) 90% );
}

.mask2 {
  position: absolute; left: 0; top: 0; width: 100%; height: 101%;
  z-index: 100;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );
}

.z-fix { position: relative; z-index: 999; }

@media (max-width: 767px) {
    .hero-btns a.btn, .nosto-btn a { display: block; margin: 5px;}
}

.btn--secondary, .btn--primary { text-decoration: none !important; font-family: "Killing Display", sans-serif !important; }

.nostot .container .content {  max-width: 1140px; margin: 0 auto; }

@media (max-width: 767px) {
	.nostot { background-size: contain !important; }
	.video-background { background-size: cover !important; height: auto; }
}

.nostot {
  margin-top: 0 !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
  background-size: cover;	
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

 .nostot.newsletter { background-size: cover; padding-bottom: 100px; }

 .nosto-intro { max-width: 600px; padding-top: 150px; padding-bottom: 150px;  }


@media (max-width: 767px) {
	.nosto-intro { padding-bottom: 0px !important; padding-top: 40px !important; }
}

 .nosto-intro article {padding: 20px;}

 .single #content article.type-post { padding-bottom: 100px; }

 .page-template-default #content { padding: 50px 0px 100px 0px;}

@media (min-width: 768px){
 .nosto-row { display: flex; }
 .nosto-col { flex: 1 1 0; }
}

.nosto-col { padding: 0px 20px 20px 0px;  }

 .nosto-btn { padding: 20px 0 40px 0; text-align: center; }

 .nosto-thumbnail img { width: 100%; height: auto; }

 .nostot h2, .nostot h3 { text-transform: uppercase; }

 h2.diagonal:before, .nosto-intro h2:before {
   content: "";
  width: 0.65em;
  height: 0.65em;
  margin-right: 0.2em;
  display: inline-block;
  background-size: cover;
   background-image:  url('../img/diago.png');
 }

 .text-secondary {  color: #f3c252; }

 .news .container .content {  max-width: 1140px; margin: 0 auto; }

 @media (min-width: 768px){
  .news-wrap { display: flex;  }
  .news-wrap article {  }
 }

 .news__arrow { width: 40px; height: auto;}

.home .news a { text-decoration: none;  }

.home .news article { padding: 20px; }

.home .news h3 {  text-transform: uppercase; }

.ml-left { padding-left: 20px;}

#mc4wp-form-1 input { width: 100%; padding: 10px; border-color: black;}

#mc4wp-form-1 .mc4wp-form-fields { grid-gap: 0rem; }

#mc4wp-form-1 ::placeholder {
    color: #ccc;
    opacity: 1;
}

.newsletter { padding-bottom: 100px;}

.newsletter-content { max-width: 700px; margin: 0 auto; }

.landing-swiper .sign-up-slide { padding-bottom: 100px;}
.newsletter-content { padding-bottom: 100px;}