::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #696969;
}

::-webkit-scrollbar-thumb {
  background: #353535;
}

::-webkit-scrollbar-thumb:hover {
  background: #222222;
}

@font-face {
  font-family: 'Conthrax-Bold';
  src: url(../assets/fonts/Conthrax-Bold.otf);
}

@font-face {
  font-family: 'conthrax-heavy';
  src: url(../assets/fonts/Conthrax-heavy.otf);
}

.mw-1200 {
  max-width: 1200px;
}

.mw-1000 {
  max-width: 1000px;
}

.mw-400 {
  max-width: 400px;
}

.mw-250 {
  max-width: 250px;
}

.absolute-center {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.underline::before {
  content: '';
  position: absolute;
  bottom: -6px;
  height: 10px;
  width: 100%;
  background-color: white;
}

.moveflow-logo {
  width: 306px;
}

@media screen and (max-width: 992px) {
  .moveflow-logo {
    width: 210px;
  }
}

@media screen and (max-width: 767px) {
  .moveflow-logo {
    width: 190px;
  }
}

@media screen and (max-width: 550px) {
  .moveflow-logo {
    width: 150px;
  }
}

@media screen and (max-width: 450px) {
  .moveflow-logo {
    width: 130px;
  }
}

.store-img {
  width: 280px;
}

@media screen and (max-width: 992px) {
  .store-img {
    width: 260px;
  }
}

@media screen and (max-width: 767px) {
  .store-img {
    width: 230px;
  }
}

@media screen and (max-width: 550px) {
  .store-img {
    width: 200px;
  }
}

@media screen and (max-width: 450px) {
  .store-img {
    width: 180px;
  }
}

.page-title {
  font-size: 100px;
  font-weight: 900;
  font-family: sans-serif;
  color: white;
  white-space: nowrap;
  font-family: 'Conthrax-Bold';
  letter-spacing: -6px;
  font-stretch: 10%;
}

@media screen and (max-width: 1600px) {
  .page-title {
    font-size: 86px;
  }
}

@media screen and (max-width: 1400px) {
  .page-title {
    font-size: 80px;
    letter-spacing: -5px;
  }
}

@media screen and (max-width: 1200px) {
  .page-title {
    font-size: 68px;
  }
}

@media screen and (max-width: 992px) {
  .page-title {
    font-size: 54px;
  }
}

@media screen and (max-width: 767px) {
  .page-title {
    font-size: 46px;
    letter-spacing: -4px;
  }
}

@media screen and (max-width: 650px) {
  .page-title {
    font-size: 42px;
  }
}

@media screen and (max-width: 600px) {
  .page-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 550px) {
  .page-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 500px) {
  .page-title {
    font-size: 33px;
  }
}

@media screen and (max-width: 450px) {
  .page-title {
    font-size: 27px;
    letter-spacing: -3px;
  }
}

@media screen and (max-width: 375px) {
  .page-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 340px) {
  .page-title {
    font-size: 23px;
  }
}

h1 {
  font-size: 62px;
  font-weight: normal;
  font-family: sans-serif;
}

@media screen and (max-width: 992px) {
  h1 {
    font-size: 54px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 46px;
  }
}

@media screen and (max-width: 550px) {
  h1 {
    font-size: 42px;
  }
}

@media screen and (max-width: 450px) {
  h1 {
    font-size: 38px;
  }
}

@media screen and (max-width: 375px) {
  h1 {
    font-size: 34px;
  }
}

h2 {
  font-size: 50px;
  font-weight: normal;
  font-family: sans-serif;
}

@media screen and (max-width: 992px) {
  h2 {
    font-size: 44px;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 550px) {
  h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 450px) {
  h2 {
    font-size: 31px;
  }
}

@media screen and (max-width: 375px) {
  h2 {
    font-size: 26px;
  }
}

.desc-lg {
  font-size: 32px;
}

@media screen and (max-width: 992px) {
  .desc-lg {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .desc-lg {
    font-size: 26px;
  }
}

@media screen and (max-width: 550px) {
  .desc-lg {
    font-size: 24px;
  }
}

@media screen and (max-width: 450px) {
  .desc-lg {
    font-size: 22px;
  }
}

.desc-md {
  font-size: 24px;
}

@media screen and (max-width: 992px) {
  .desc-md {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .desc-md {
    font-size: 21px;
  }
}

@media screen and (max-width: 550px) {
  .desc-md {
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .desc-md {
    font-size: 18px;
  }
}

.desc-sm {
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  .desc-sm {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .desc-sm {
    font-size: 14px;
  }
}

@media screen and (max-width: 550px) {
  .desc-sm {
    font-size: 13px;
  }
}

@media screen and (max-width: 450px) {
  .desc-sm {
    font-size: 12px;
  }
}

.active-navbar {
  background-color: #333b8e;
}

.blue-color {
  color: #333b8e;
}

.wrapper {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body {
  margin: 0;
  padding: 0;
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.banner {
  width: 100%;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.banner img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .banner {
    height: 100vh;
    background-image: url(../assets/images/marry-chrismas-portrait.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 767px) {
  .banner {
    height: 100vh;
    background-image: url(../assets/images/marry-chrismas.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.hero {
  width: 100%;
  min-height: 100vh;
  background-image: url(../assets/images/hero-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 110px;
  position: relative;
  overflow: hidden;
}

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-height: 1000px) and (min-width: 450px) {
  .hero-content {
    top: 65%;
  }
}

.hero .hero-secne {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.dropdown {
  text-align: center;
}

.dropdown-toggle {
  text-decoration: none;
}

.dropdown-toggle::after {
  display: none;
}

.button,
.dropdown-menu {
  margin: 10px auto;
}

.dropdown-menu {
  width: 200px;
  left: 12% !important;
}

@media screen and (max-width: 992px) {
  .dropdown-menu {
    width: 150px !important;
    left: 14% !important;
  }
  .dropdown-menu li {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .dropdown-menu {
    width: 130px !important;
    left: 14% !important;
  }
  .dropdown-menu li {
    font-size: 14px;
  }
}

@media screen and (max-width: 550px) {
  .dropdown-menu {
    width: 110px !important;
    left: 10% !important;
  }
  .dropdown-menu li {
    font-size: 12px;
  }
}

@media screen and (max-width: 450px) {
  .dropdown-menu {
    width: 70px !important;
    left: 5% !important;
  }
  .dropdown-menu li {
    font-size: 11px;
  }
}

.roadmap {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.roadmap .mobile-img {
  width: 300px;
  max-width: 80%;
}

.roadmap .mobile-img-2, .roadmap .mobile-img-3 {
  position: absolute;
}

.roadmap .text-block {
  max-width: 400px;
}

.roadmap .text-block-2, .roadmap .text-block-3 {
  position: absolute;
}
/*# sourceMappingURL=home.css.map */