@font-face {
  font-family: "CircularSTD";
  src: url("../fonts/CircularStd-Book.otf");
}
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "CircularSTD", Arial, sans-serif;
  font-size: 2vh;
  line-height: 2.8vh;
  font-weight: lighter;
  background-color: #FFFFFF;
  color: #171544;
}
h1 {
  font-size: 5.4vh;
  line-height: 6.8vh;
  margin: 1vh 0;
}
h2 {
  font-size: 5vh;
  line-height: 6.4vh;
  margin: 1vh 0;
}
.btn {
  background-color: #2F7ED8;
  color: #171544;
  padding: 0.5vh 2vh;
  border-radius: 3vh;
  font-size: 1.6vh;
  text-decoration: none;
  margin-top: 5vh;
  display: inline-block;
}
.navbar {
  padding: 20px 80px 25px;
  position: relative;
}
.navbar img {
  height: 45px;
}
.navbar a.btn {
  position: absolute;
  right: 80px;
  top: 25px;
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
  padding: 10px 20px;
}
.section {
  padding: 10vh 0;
}
.section.blue {
  background-color: #171544;
  color: #FFFFFF;
}
.section.red {
  background-color: #DF4033;
  color: #FFFFFF;
}
.section.yellow {
  background-color: #E9AD31;
  color: #FFFFFF;
}
.section.cyan {
  background-color: #65AEBC;
  color: #FFFFFF;
}
.container {
  width: 110vh;
  max-width: 90vw;
  margin: 0 auto;
  font-size: 0;
}
.container .intro-text {
  font-size: 2vh;
  width: 50%;
  padding: 7vh 0;
  display: inline-block;
  vertical-align: top;
}
.container .figure {
  width: 50%;
  display: inline-block;
  position: relative;
  height: 50vh;
  float: right;
}
.container .figure .pill {
  height: 8vh;
  border-radius: 4vh;
  position: absolute;
}
.container .figure .pill:nth-child(1) {
  background-color: #65AEBC;
  top: 0;
  left: 0vh;
  width: 20vh;
}
.container .figure .pill:nth-child(2) {
  background-color: #FFFFFF;
  top: 27.5%;
  left: 10vh;
  width: 50vh;
}
.container .figure .pill:nth-child(3) {
  background-color: #DF4033;
  bottom: 27.5%;
  left: 20vh;
  width: 35vh;
}
.container .figure .pill:nth-child(4) {
  background-color: #E9AD31;
  bottom: 0;
  left: 10vh;
  width: 20vh;
}
.container .figure img {
  position: absolute;
  bottom: 27.5%;
  left: 45%;
  height: 33vh;
}
.container .slider {
  border-radius: 10px;
  overflow: hidden;
}
.container .slider .slide {
  font-size: 2vh;
  width: 30%;
  height: 30vh;
  display: inline-block;
  margin-right: 5%;
  background-color: #F4F4F4;
  border-radius: 10px;
  text-align: center;
  padding: 3vh 0;
  vertical-align: top;
}
.container .slider .slide:nth-child(3) {
  margin: 0;
}
.container .slider .slide img {
  height: 8vh;
}
.container .slider .slide p {
  width: 30vh;
  margin: 0 auto;
}
.container .slider-mobile {
  width: 100%;
  height: 40vh;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  display: none;
  border-radius: 10px;
}
.container .slider-mobile .slide {
  width: 100%;
  max-width: 600px;
  margin: 0;
  height: 35vh;
}
.container .slider-mobile .slide img {
  border-radius: 0;
}
.container .slider-mobile .tns-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5vh;
}
.container .slider-mobile .tns-nav button {
  appearance: none;
  border: 0;
  background: #F4F4F4;
  font-size: 0;
  border-radius: 0.75vh;
  padding: 0;
  display: inline-block;
  height: 1.5vh;
  width: 1.5vh;
  margin: 0.75vh;
}
.container .slider-mobile .tns-nav button:focus {
  outline: none;
}
.container .slider-mobile .tns-nav button.tns-nav-active {
  background-color: #2F7ED8;
}
.container .column {
  display: inline-block;
  width: 40%;
  font-size: 2vh;
  margin-right: 5%;
  vertical-align: top;
}
.container .column:nth-child(2) {
  width: 55%;
  margin: 0;
}
.container .column.right {
  float: right;
  margin: 0;
}
.container .column img {
  border-radius: 10px;
  width: 100%;
  height: 30vh;
  object-fit: cover;
  -o-object-fit: cover;
}
.container .column .slider {
  width: 100%;
  height: 30vh;
  display: block;
}
.container .column .slider .slide {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.container .column .slider .slide img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
}
footer {
  background-color: #171544;
  color: #FFFFFF;
  padding: 20px 80px 25px;
}
footer a {
  color: white;
}
footer .space {
  margin-left: 30px;
}
footer .split {
  margin-left: 30px;
}
.clearfix {
  clear: both;
}
@media screen and (max-aspect-ratio: 125/100) {
  .slider {
    display: none;
  }
  .slider-mobile {
    display: block !important;
  }
}
@media screen and (max-aspect-ratio: 100/100) {
  .navbar {
    padding-left: 5vw;
  }
  .navbar img {
    height: 35px;
  }
  .navbar a.btn {
    right: 5vw;
    padding: 7px 20px;
  }
  .section {
    padding: 4vh 0 8vh;
  }
  .section.blue + .white {
    padding-bottom: 2vh;
  }
  .container {
    width: 80vw;
  }
  .container .figure {
    float: initial;
    margin: 0;
    width: 100% !important;
    height: 60vw;
  }
  .container .figure .pill {
    height: 10vw;
    border-radius: 5vw;
  }
  .container .figure .pill:nth-child(1) {
    width: 20vw;
    left: 0;
  }
  .container .figure .pill:nth-child(2) {
    width: 70vw;
    left: 10vw;
    top: 17vw;
  }
  .container .figure .pill:nth-child(3) {
    width: 50vw;
    left: 20vw;
    top: 35vw;
  }
  .container .figure .pill:nth-child(4) {
    width: 20vw;
    left: 10vw;
    top: 52vw;
  }
  .container .figure img {
    left: 25vw;
    top: 2vw;
    height: 43vw;
  }
  .container .intro-text {
    width: 100%;
    padding-bottom: 0;
  }
  .container .column {
    float: initial;
    margin: 0;
    width: 100% !important;
  }
  .container .column:nth-child(2) {
    margin-top: 4vh;
  }
  .container .column img {
    height: 50vw;
  }
  .container .column .slider {
    height: 50vw;
  }
  .container h1 {
    font-size: 4vh;
  }
  .container h2 {
    font-size: 3.8vh;
  }
}
@media screen and (max-aspect-ratio: 125/100) {
  .split {
    display: block;
  }
}
@media screen and (max-aspect-ratio: 100/150) {
  .split2 {
    display: block;
  }
}
/*# sourceMappingURL=style.css.map */