@font-face {
  font-family: "Everett Thin";
  src: url("../fonts/everett/Everett-Thin-web.woff") format("woff"), url("../fonts/everett/Everett-Thin-web.woff2") format("woff2"), url("../fonts/everett/Everett-Thin-web.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Everett Light";
  src: url("../fonts/everett/Everett-Light-web.woff") format("woff"), url("../fonts/everett/Everett-Light-web.woff2") format("woff2"), url("../fonts/everett/Everett-Light-web.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Everett Regular";
  src: url("../fonts/everett/Everett-Regular-web.woff") format("woff"), url("../fonts/everett/Everett-Regular-web.woff2") format("woff2"), url("../fonts/everett/Everett-Regular-web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Everett Medium";
  src: url("../fonts/everett/Everett-Medium-web.woff") format("woff"), url("../fonts/everett/Everett-Medium-web.woff2") format("woff2"), url("../fonts/everett/Everett-Medium-web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Everett Bold";
  src: url("../fonts/everett/Everett-Bold-web.woff") format("woff"), url("../fonts/everett/Everett-Bold-web.woff2") format("woff2"), url("../fonts/everett/Everett-Bold-web.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
}
html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Everett Regular";
}

* {
  box-sizing: border-box;
}

h1 {
  font: 1.5em "Everett Bold";
  margin: 0;
}

h2 {
  font: 1.5em "Everett Light";
  margin: 0;
}

.btn {
  font: 1em "Everett Medium";
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 0.5em 1.5em;
}
.btn.btn-red {
  background: #A2030D;
  color: #FEFEFE;
  border-color: #A2030D;
}
.btn.btn-red:hover, .btn.btn-red:active {
  background: #81030c;
  border-color: #81030c;
}
.btn.btn-gt-red {
  background: #A2030D;
  color: #FEFEFE;
  border-color: #A2030D;
}
.btn.btn-gt-red:hover, .btn.btn-gt-red:active {
  background: #81030c;
  border-color: #81030c;
}
.btn.btn-blue {
  background: #1841AA;
  color: #FEFEFE;
  border-color: #1841AA;
}
.btn.btn-blue:hover, .btn.btn-blue:active {
  background: #102f80;
  border-color: #102f80;
}
.btn.btn-yellow {
  background: #FFC845;
  color: #020202;
  border-color: #FFC845;
}
.btn.btn-yellow:hover, .btn.btn-yellow:active {
  background: #D7A735;
  border-color: #D7A735;
}
.btn.btn-outline {
  border-color: #FEFEFE;
  color: #FEFEFE;
}
.btn.btn-outline:hover, .btn.btn-outline:active {
  border-color: #FEFEFE;
  color: #000;
  background: #FFF;
}
.btn.btn-outline-black {
  border-color: #020202;
  color: #020202;
}
.btn.btn-outline-black:hover, .btn.btn-outline-black:active {
  color: #FEFEFE;
  background: #020202;
}
.btn.btn-no-radius {
  border-radius: 0;
}
.btn.btn-sm {
  font-size: 0.8em;
}

b, .bold {
  font-family: "Everett Bold";
}

#main-navbar {
  background: #020202;
  height: 80px;
}
#main-navbar .navbar-brand img {
  height: 50px;
}

#kontakt-form {
  background: #F2F2F2;
  color: #424242;
  font-size: 18px;
  padding: 80px 0;
}
#kontakt-form textarea {
  height: 8em;
  resize: none;
}

#footer {
  background: #333333;
  color: #989898;
}
#footer #footer-logo {
  height: 50px;
}
#footer .text-right {
  text-align: right;
  font: 0.8em "Everett Light";
}

.hero {
  background: #000;
  color: #FEFEFE;
}
.hero .buttons-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  top: 90%;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .buttons-wrap .btn {
  margin: 0 3em;
}
.hero .hero-text h1 {
  margin: 0.2em 0 0.5em;
  font-size: 1.25em;
}
.hero .hero-text h2 {
  font-size: 1em;
}

.engine-description p {
  margin-bottom: 0.3em;
}
.engine-description p:last-child {
  margin-bottom: 2em;
}

.hero-sk {
  position: relative;
  overflow: hidden;
  background: no-repeat top center/cover;
  color: #FEFEFE;
}
.hero-sk h1 {
  font-size: 1.75em;
  margin: 0.5em 0 1em;
}
.hero-sk p {
  font: 1.25em "Everett Light";
  margin: 0 0 0.3em;
}
.hero-sk p.small {
  font-size: 0.75em;
  max-width: 600px;
  margin: 1.5em auto;
}

.carousel {
  position: relative;
  overflow: hidden;
}
.carousel:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -1px;
  right: -1px;
  background: #FFF;
  height: 40%;
  z-index: 0;
}

.carousel-slider {
  display: flex;
  transition: 0.3s;
}

.carousel-slide {
  flex: 1 0 50%;
  position: relative;
}
.carousel-slide .text-wrap {
  margin: 0 auto;
  max-width: 800px;
  padding: 0 15px;
  text-align: center;
  color: #020202;
}

.carousel-slide img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 2em;
  border: none;
  cursor: pointer;
  background: no-repeat center/100% auto;
}

.carousel-prev {
  left: 2em;
  background-image: url(../assets/chevron.left.svg);
}

.carousel-next {
  right: 2em;
  background-image: url(../assets/chevron.right.svg);
}

.carousel-navigation {
  max-width: 1200px;
  margin: 0 auto 2em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.carousel-bullet {
  font-size: 1.15em;
  flex: 1;
  cursor: pointer;
  text-align: center;
  position: relative;
  border-bottom: 2px solid #FFF;
  padding: 0 0.25em 5px;
}
.carousel-bullet.is-active {
  display: block;
  font-size: 1.25em;
}
.carousel-bullet.is-active:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFF;
  top: 100%;
}
.carousel-bullet.next, .carousel-bullet.prev {
  display: block;
}

.carousel-description .text-wrap p {
  margin-bottom: 0.25em;
}
.carousel-description .text-wrap:not(.is-active) {
  display: none;
}

@media screen and (max-width: 992px) {
  .carousel-slider {
    width: 200%;
    margin-left: -50%;
  }
  .carousel-bullet {
    display: none;
    flex: unset;
    width: 33.3333333333%;
  }
  .carousel-bullet:not(.is-active) {
    font-size: 0.9em;
    opacity: 0.7;
  }
  .carousel-bullet.is-active {
    padding-bottom: 0;
  }
  .carousel-bullet.no-prev {
    margin-left: 33.3333333333%;
  }
  .carousel-bullet.no-next {
    margin-right: 33.3333333333%;
  }
}

/*# sourceMappingURL=style.landing-page.css.map */