@media only screen and (max-width: 1025px) {
  body.ios .page.frontpage section[top] {
    height: calc(100vh - 250px);
  }
}
@media all and (max-height: 900px) {
  body.ios .page.frontpage section[top] {
    height: calc(100vh - 180px);
  }
}
.page.frontpage {
  padding-bottom: 120px;
}
.page.frontpage section[top] {
  height: calc(100vh - 100px);
  width: 100%;
}
@media only screen and (max-width: 1025px) {
  .page.frontpage section[top] {
    height: calc(100vh - 190px);
  }
}
@media only screen and (min-width: 1025px) {
  .page.frontpage section[top] {
    margin-bottom: 30px;
  }
}
.page.frontpage > div[data-ad="google"] {
  margin-bottom: 30px;
  background: #fff;
}
.page.frontpage > div[data-ad="google"].mobile-only {
  text-align: center;
}
.page.frontpage section:nth-child(2) {
  margin-top: -140px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: translateY(140px);
  -moz-transform: translateY(140px);
  -o-transform: translateY(140px);
  -ms-transform: translateY(140px);
  transform: translateY(140px);
  will-change: transform;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.25s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.25s;
  -o-transition: -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.25s;
  -ms-transition: -ms-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.25s;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.25s;
}
@media all and (min-height: 900px) {
  .page.frontpage section:nth-child(2) {
    margin-top: -90px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.frontpage section:nth-child(2) {
    margin-top: 0px !important;
  }
}
.page.frontpage section:nth-child(2).animate-in {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.page.frontpage section[video] {
  width: 100%;
  overflow: hidden;
  clear: both;
  background: #fff;
  padding: 0px 20px;
}
@media only screen and (min-width: 1025px) {
  .page.frontpage section[video] {
    padding: 0px 80px;
  }
}
@media only screen and (max-width: 620px) {
  .page.frontpage section[video] {
    padding: 0px 40px;
  }
}
.page.frontpage section[video] > div[video-element] > .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.page.frontpage section[video] > div[video-element] > .inner > nav[role="breadcrum"] {
  margin-bottom: 40px;
}
.page.frontpage section[video] > div[video-element] > .inner > .video-content {
  margin-bottom: 40px;
}
.page.frontpage section[video] > div[video-element] > .inner > .video-content > h2 {
  font-size: 300%;
  font-family: "DomaineDisplayWeb-Semibold";
  margin-bottom: 20px;
  color: #3b3b3b;
}
@media only screen and (min-width: 1025px) {
  .page.frontpage section[video] > div[video-element] > .inner > .video-content > h2 {
    margin-bottom: 40px;
    font-size: 375%;
  }
}
.page.frontpage section[video] > div[video-element] > .inner > .video-content > p {
  max-width: 780px;
  margin: auto;
  margin-bottom: 20px;
  font-size: 120%;
  font-family: "Averta W01 Light", Arial;
  color: #6f6f6f;
}
@media only screen and (min-width: 1025px) {
  .page.frontpage section[video] > div[video-element] > .inner > .video-content > p {
    font-size: 150%;
    margin-bottom: 40px;
  }
}
.page.frontpage section[video] > div[video-element] > .inner > .video-content > p > a {
  border-bottom: 1px solid #a9a9a9;
}
.page.frontpage section[video] > div[video-element] > .inner > .video-content > nav[role="tags"] {
  position: relative;
  margin-bottom: 30px;
}