body {
  background: #ffffff;
}

.walkthrough {
  max-width: 440px;
  height: calc(100vh - 130px);
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .walkthrough {
    max-width: 600px;
  }
}

@media screen and (min-width: 1025px) {
  .walkthrough {
    margin-top: 0px;
  }
}

h1 {
  font-size: 20px;
  font-family: proximanova-bold, sans-serif;
  color: #121f3e;
  line-height: 30px;
}

.btn {
  margin-top: 50px;
}

.carousel-inner {
  height: 65vh;
}

.carousel-inner .carousel-caption {
  right: 25px;
  bottom: -100px;
  left: 25px;
}

@media screen and (max-width: 320px) {
  .carousel-inner {
    height: 62vh;
    padding-top: 1%;
  }
}

@media screen and (min-height: 700px) {
  .carousel-inner {
    height: 68vh;
    padding-top: 10%;
  }
}

@media screen and (min-height: 800px) {
  .carousel-inner {
    height: 70vh;
    padding-top: 20%;
  }
}

@media screen and (min-width: 768px) {
  .carousel-inner {
    height: 74vh;
    padding-top: 18%;
  }
}

@media screen and (min-width: 1024px) {
  .carousel-inner {
    height: 78vh;
    padding-top: 25%;
  }
}

@media screen and (min-width: 1025px) {
  .carousel-inner {
    height: 68vh;
    padding-top: 10%;
  }
}

.carousel-indicators {
  bottom: -36px;
}

.carousel-indicators li {
  width: 8px;
  height: 8px;
  background-color: #dfe3e8;
  border-radius: 50%;
}

.carousel-indicators li.active {
  background-color: #0a66c2;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .carousel-indicators li {
    width: 18px;
    height: 18px;
    margin-right: 7px;
    margin-left: 7px;
  }
}

@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: -26px;
  }
}

.img-area {
  height: 300px;
}

.img-area img {
  max-width: 100%;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

@media screen and (max-width: 320px) {
  .img-area img {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .img-area img {
    width: 110%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .img-area img {
    width: 125%;
  }
}

@media screen and (min-width: 1025px) {
  .img-area img {
    width: 80%;
  }
}

@media screen and (max-width: 320px) {
  .img-area {
    height: 230px;
  }
}

@media screen and (min-width: 768px) {
  .img-area {
    height: 450px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .img-area {
    height: 650px;
  }
}

@media screen and (min-width: 1025px) {
  .img-area {
    height: 250px;
  }
}
/*# sourceMappingURL=walkthrough.css.map */