* {
  font-family: "Roboto", sans-serif;
}

@font-face {
  font-family: "Adelle Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Regular"), url("../../fonts/adelle/Adelle_Reg.woff") format("woff");
}
@font-face {
  font-family: "Adelle Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Italic"), url("../../fonts/adelle/Adelle_Italic.woff") format("woff");
}
@font-face {
  font-family: "Adelle Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Light Italic"), url("../../fonts/adelle/Adelle_LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Adelle Light";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Light"), url("../../fonts/adelle/Adelle_light.woff") format("woff");
}
@font-face {
  font-family: "Adelle SemiBold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle SemiBold Italic"), url("../../fonts/adelle/Adelle_SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Adelle SemiBold";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle SemiBold"), url("../../fonts/adelle/Adelle_Semibold.woff") format("woff");
}
@font-face {
  font-family: "Adelle Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Bold"), url("../../fonts/adelle/Adelle_Bold.woff") format("woff");
}
@font-face {
  font-family: "Adelle Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Bold Italic"), url("../../fonts/adelle/Adelle_BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Adelle ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle ExtraBold"), url("../../fonts/adelle/Adelle_ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Adelle ExtraBold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle ExtraBold Italic"), url("../../fonts/adelle/Adelle_ExtraBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Adelle Heavy";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Heavy"), url("../../fonts/adelle/Adelle_Heavy.woff") format("woff");
}
@font-face {
  font-family: "Adelle Heavy Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Adelle Heavy Italic"), url("../../fonts/adelle/Adelle_HeavyItalic.woff") format("woff");
}
.btn-green {
  background-color: #6C7B1E;
  border-radius: 0;
  color: #FFF;
}

.btn-dark {
  background-color: #2C2D31;
  border-radius: 0;
  color: #FFF;
}

.btn-brown {
  background-color: #A97C55;
  border-radius: 0;
  color: #FFF;
}

.btn-border-dark {
  border: 1px solid #2C2D31;
  border-radius: 0;
  color: #2C2D31;
}

body {
  background-color: #FFF;
}

#main-container {
  display: none;
}

#navbar {
  position: fixed;
  top: 0;
  z-index: 999;
  height: 85px;
  background-color: transparent;
  transition: all ease-in-out 0.2s;
  text-align: center;
  padding: 10px 0;
  background-color: #FFF;
}
#navbar.scrolled {
  height: 75px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  background-color: #FFF;
}
#navbar.scrolled .navbar-toggle img {
  height: 100%;
}
#navbar .navbar-toggle {
  text-decoration: none !important;
  transition: all ease-in-out 0.5s;
}
#navbar .navbar-toggle img {
  transition: all ease-in-out 0.5s;
  height: 100%;
}
#navbar .main-nav {
  transition: all ease-in-out 0.5s;
  visibility: hidden;
  opacity: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999;
  text-align: center;
  margin-top: 10px;
}
#navbar .main-nav.open {
  visibility: visible;
  opacity: 0.9;
  height: calc(100vh - 75px);
}
#navbar .main-nav.open ul {
  visibility: visible;
  opacity: 0.9;
  height: calc(100vh - 75px);
}
#navbar .main-nav ul {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow-y: scroll;
}
#navbar .main-nav ul li {
  padding-top: 20px;
}
#navbar .main-nav ul li a {
  color: #FFF;
  letter-spacing: 2px;
  font-size: 18px;
}
#navbar .main-nav ul li:last-child {
  padding-bottom: 20px;
}

#hero {
  height: 50vh;
  min-height: 600px;
  overflow: hidden;
  margin-top: 75px;
}
#hero #video-contain {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#hero #bg-video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  z-index: 1;
}
#hero #hero-carousel {
  z-index: 998;
  position: absolute;
  height: 100%;
}
#hero #hero-carousel .owl-stage-outer {
  overflow: visible;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
}
#hero #hero-carousel .owl-stage-outer .brand-item {
  text-align: center;
  position: relative;
}
#hero #hero-carousel .owl-stage-outer .brand-item img {
  max-width: 200px;
  display: inherit;
}
#hero #hero-carousel .owl-stage-outer .brand-item .btn-visit {
  margin-top: 18px;
}
#hero #hero-carousel .owl-stage-outer .brand-item .btn-visit a {
  color: #FFF;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1px;
  text-decoration: none !important;
  padding: 5px 30px;
}
#hero #hero-carousel .owl-stage-outer .brand-item .btn-visit a:hover {
  color: #2C2D31;
  background-color: #FFF;
}
#hero #hero-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #000 !important;
  margin: 0;
  transition: all 0.3s ease-in-out;
  width: 30px;
  height: 60px;
  border-radius: 5px;
}
#hero #hero-carousel .owl-nav button.owl-prev {
  left: 15px;
}
#hero #hero-carousel .owl-nav button.owl-next {
  right: 15px;
}
#hero #hero-carousel .owl-dots {
  text-align: center;
  padding-top: 15px;
  position: absolute;
  bottom: 30px;
  width: 100%;
}
#hero #hero-carousel .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #FFF;
  margin: 0 4px;
}
#hero #hero-carousel .owl-dots button.owl-dot.active {
  background-color: #6A3C14;
}
#hero #hero-carousel .owl-dots button.owl-dot:focus {
  outline: none;
}
#hero #hero-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.2) !important;
}
#hero #hero-carousel span {
  font-size: 70px;
  position: relative;
  top: -5px;
}
#hero #hero-carousel .owl-nav button:focus {
  outline: none;
}
#hero #hero-carousel .owl-item {
  transition: all ease-in-out 0.5s;
}
#hero #hero-carousel .owl-item:not(.center) {
  opacity: 0.5;
  transform: scale(0.5);
}
#hero .overlay-video {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
}

#description {
  height: 100%;
  position: relative;
  overflow-x: clip;
  padding: 70px 0;
}
#description .container {
  border: 1px solid #2C2D31;
  padding: 50px 40px;
  z-index: 997;
  position: relative;
  height: fit-content;
  min-height: 40vh;
  color: #FFF;
}
#description .brand-desc {
  color: #2C2D31;
}
#description .brand-desc .title {
  font-weight: 400;
  font-size: 35px;
  text-align: center;
  margin-bottom: 20px;
}
#description .brand-desc .title img {
  max-width: 200px;
  width: 100%;
}
#description .brand-desc .text {
  padding: 0px 100px;
  font: normal normal normal 18px/35px;
  line-height: 2;
  text-align: justify;
  margin-bottom: 20px;
  font-weight: 300;
}
#description .brand-desc .link {
  text-align: right;
  padding: 0px 100px;
  border-bottom: 1px solid;
  text-decoration: none;
  font-weight: 300;
  font-size: 20px;
  color: #FFF;
}
#description .brand-desc .link img {
  max-width: 100px;
  transition: all ease-in-out 0.2s;
}
#description .brand-desc .link img:hover {
  transform: scale(1.1);
}

#download {
  padding: 30px 100px;
  font-weight: 300;
}
#download .left {
  padding-right: 20px;
  font: normal normal normal 18px/35px;
  text-align: justify;
}
#download .right .btn-download {
  color: #FFF;
  padding: 15px 18px;
  font-size: 22px;
  font-weight: 300;
  transition: all ease-in-out 0.2s;
}
#download .right .btn-download:hover {
  transform: scale(1.1);
}
#download .info {
  text-align: center;
  padding: 50px 0 100px;
}
#download .info .btn-info {
  color: #FFF;
  font-size: 22px;
  padding: 10px 40px;
  font-weight: 300;
  text-decoration: none;
  transition: all ease-in-out 0.2s;
}
#download .info .btn-info:hover {
  transform: scale(1.1);
}

#footer {
  background: #2C2D31;
  color: #FFF;
  padding: 20px 0;
}
#footer .left {
  font-weight: 300;
}
#footer .left .title {
  font-size: 60px;
}
#footer .left .title img {
  filter: brightness(0) invert(1);
  max-width: 600px;
  width: 100%;
  margin-bottom: 20px;
}
#footer .left .social {
  align-items: center;
  justify-content: start;
  display: flex;
  margin-bottom: 10px;
}
#footer .left .social a {
  color: #FFF;
  width: 50px;
  height: 50px;
  border: 1px solid #FFF;
  border-radius: 100%;
  margin: 3px;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all ease-in-out 0.2s;
  text-decoration: none;
}
#footer .left .social a:hover {
  background-color: #FFF;
  color: #2C2D31;
}
#footer .left .desc a {
  color: #FFF;
}
#footer .left .operational {
  margin-bottom: 10px;
}
#footer .right .d-flex {
  margin-top: -70px;
}
#footer .right .card {
  padding: 0 2px;
  background: transparent;
  border-radius: 0;
  border: none;
}

@keyframes arrow-down {
  0% {
    bottom: 5px;
  }
  50% {
    bottom: 0px;
  }
  100% {
    bottom: 5px;
  }
}
@keyframes arrow-up {
  0% {
    top: 35px;
  }
  50% {
    top: 30px;
  }
  100% {
    top: 35px;
  }
}
@media (min-width: 1200px) {
  #description .container {
    max-width: 960px !important;
  }

  #footer .right .d-flex {
    margin-top: -110px;
  }
}
@media (max-width: 1199.98px) {
  #footer .right .d-flex {
    margin-top: -160px;
  }
}
@media (max-width: 991.98px) {
  #footer .right .d-flex {
    margin-top: -200px;
  }
}
@media (max-width: 767.98px) {
  #footer .row {
    flex-direction: column-reverse;
  }
  #footer .left {
    text-align: center;
    font-size: 13px;
  }
  #footer .left .title {
    font-size: 40px;
  }
  #footer .left .social {
    justify-content: center;
    margin-bottom: 50px;
  }
  #footer .left .social a {
    width: 40px;
    height: 40px;
  }
  #footer .left .operational {
    margin-bottom: 20px;
  }
  #footer .right {
    margin-bottom: 50px;
  }
  #footer .right .d-flex {
    margin-top: -50px;
  }

  #description {
    padding: 70px 30px;
  }
  #description .brand-desc .title {
    font-size: 30px;
  }
  #description .brand-desc .text {
    font-size: 14px;
    padding: 0 5px;
  }
  #description .brand-desc .link {
    padding: 0 5px;
  }
  #description .brand-desc .link img {
    max-width: 50px;
  }

  #download {
    padding: 20px 30px;
  }
  #download .left {
    font-size: 12px;
  }
  #download .right .btn-download {
    padding: 14px 18px;
    font-size: 14px;
  }
  #download .info .btn-info {
    padding: 10px 25px;
    font-size: 14px;
  }
}
@media screen and (max-width: 650px) {
  #hero #video-contain {
    left: -100%;
  }
}
@media (max-width: 575.98px) {
  #hero {
    margin-top: 65px;
  }
  #hero #hero-carousel .owl-stage-outer .brand-item .btn-visit a {
    font-size: 15px;
    padding: 5px 20px;
  }

  #navbar {
    height: 65px;
    padding: 18px 0;
  }
  #navbar .navbar-toggle img {
    max-width: 200px;
  }
  #navbar.scrolled {
    height: 60px;
  }

  #description {
    padding: 70px 30px;
  }
  #description .container {
    padding: 30px;
  }
  #description .brand-desc .title {
    font-size: 30px;
  }
  #description .brand-desc .text {
    font-size: 12px;
    padding: 0 5px;
  }
  #description .brand-desc .link {
    padding: 0 5px;
  }
  #description .brand-desc .link img {
    max-width: 50px;
  }

  #download {
    padding: 20px 0px;
  }
  #download .d-flex {
    padding: 0px 14px !important;
  }
  #download .left {
    font-size: 12px;
  }
  #download .right .btn-download {
    padding: 14px 18px;
    font-size: 10px;
  }
  #download .info .btn-info {
    padding: 10px 25px;
    font-size: 12px;
  }

  #footer .left .title img {
    max-width: 300px;
  }
  #footer .left .desc {
    font-size: 13px;
  }
}

/*# sourceMappingURL=home.css.map */