html {
  scroll-behavior: smooth;
}

/* roboto-lite - latin */
@font-face {
  font-family: "Roboto";
  font-style: lite;
  font-weight: 300;
  src: local("Roboto"), local("Roboto-Lite"), url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/roboto-v20-latin-500italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto-v20-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.getprepared {
  background-color: #fff;
  overflow-x: hidden;
  margin: 0;
  padding: 0 0 150px;
}
.getprepared .container {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .getprepared .container {
    max-width: 100%;
  }
}

.hero {
  width: 100%;
  background-image: url(../images/get-prepared-hero.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  min-height: 520px;
  padding-top: 95px;
}
@media screen and (max-width: 768px) {
  .hero {
    background-size: cover;
    min-height: 50vh;
    background-position: right top;
  }
}
@media screen and (max-width: 1280px) {
  .hero {
    background-size: cover;
    background-position: 60% top;
  }
}
.hero__header {
  position: absolute;
  left: auto;
  right: auto;
  top: -95px;
  border-bottom: 1px solid #bcbec0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.hero__header h1 {
  position: relative;
  display: block;
  width: 236px;
  height: 33px;
  font-weight: 300;
}
.hero__header h1 svg {
  width: inherit;
  height: inherit;
}
@media screen and (max-width: 768px) {
  .hero__header h1 {
    width: 100px;
    height: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .hero__header h1 {
    margin-left: 25px;
  }
}
.hero__header.is-nav-open .hero__nav {
  height: auto;
}
.hero__header.is-nav-open .site-header__nav-toggle .nav-toggle__menu {
  display: none;
}
.hero__header.is-nav-open .site-header__nav-toggle .nav-toggle__close {
  display: block;
}
.hero .site-header__nav-toggle {
  position: absolute;
  top: 0;
  right: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 30px;
  display: none;
  transform: translateX(12px);
}
.hero .site-header__nav-toggle .nav-toggle__menu {
  position: relative;
  display: block;
  top: 16px;
}
.hero .site-header__nav-toggle .nav-toggle__close {
  display: none;
  position: relative;
  top: 16px;
}
.hero .site-header__nav-toggle .svg-icon {
  height: 25px;
  width: 25px;
}
@media screen and (max-width: 960px) {
  .hero .site-header__nav-toggle {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  .hero .site-header__nav-toggle {
    top: 8px;
  }
}
.hero .hero__nav {
  width: 660px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .hero .hero__nav {
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    z-index: 3;
    background: #fff;
    height: 0;
    overflow: hidden;
    transition: height 0.2s ease;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 769px) and (max-width: 961px) {
  .hero .hero__nav {
    top: 74px;
  }
}
@media screen and (max-width: 1280px) {
  .hero .hero__nav {
    margin-right: 25px;
  }
}
.hero .hero__nav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 960px) {
  .hero .hero__nav ul {
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 50px);
    padding-top: 15px;
  }
}
.hero .hero__nav li {
  padding-left: 20px;
}
.hero .hero__nav li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 960px) {
  .hero .hero__nav li {
    padding: 10px 0 0;
    margin-bottom: 10px;
  }
}
.hero .hero__nav li a,
.hero .hero__nav li a:visited {
  position: relative;
  display: block;
  width: 100%;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  padding-right: 15px;
}
.hero .hero__nav li a:after,
.hero .hero__nav li a:visited:after {
  position: absolute;
  right: 20px;
  top: 3px;
  width: 5px;
  height: 9px;
  content: "";
  background: url(../images/get-prepared-nav-arrow.png) no-repeat center center;
  transition: right 0.2s ease;
  will-change: right;
}
.hero .hero__nav li a:hover:after, .hero .hero__nav li a:focus:after,
.hero .hero__nav li a:visited:hover:after,
.hero .hero__nav li a:visited:focus:after {
  right: 18px;
}
@media screen and (max-width: 960px) {
  .hero .hero__nav li a,
.hero .hero__nav li a:visited {
    font-size: 20px;
    color: #006FBA;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    width: auto;
  }
  .hero .hero__nav li a:after,
.hero .hero__nav li a:visited:after {
    display: none;
  }
}
.hero .hero__nav .button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  padding: 10px 15px;
  background: #22b3e8;
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 960px) {
  .hero .hero__nav .button {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 15px;
  }
}
.hero__content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.hero__content h2 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 82px;
  line-height: 80px;
}
.hero__content h2 span {
  font-size: 85px;
  line-height: 80px;
  font-weight: 900;
  color: #22b3e8;
}
@media screen and (max-width: 768px) {
  .hero__content h2 {
    font-size: 42px;
    line-height: 40px;
  }
  .hero__content h2 span {
    font-size: 45px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .hero__content h2 {
    margin-left: 25px;
  }
}

.banner {
  position: relative;
  width: 100%;
  background-color: #ededee;
  padding: 15px 0;
}
@media screen and (max-width: 1280px) {
  .banner {
    padding: 15px 25px;
    width: calc(100% - 50px);
  }
}
.banner p {
  display: block;
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -0.15px;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .banner p {
    font-size: 15px;
  }
}

.floated-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: #b5e1f1;
}
@media screen and (min-width: 1279px) {
  .floated-card {
    max-height: 590px;
  }
}
@media screen and (max-width: 1280px) {
  .floated-card {
    flex-direction: column;
  }
}
.floated-card .card__image {
  position: relative;
  display: block;
  width: 50%;
  overflow: hidden;
}
.floated-card .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 1280px) {
  .floated-card .card__image {
    width: 100%;
  }
}
.floated-card .card__body {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 100px;
}
@media screen and (max-width: 1280px) {
  .floated-card .card__body {
    padding: 25px;
    width: calc(100% - 50px);
  }
}
.floated-card .card__body blockquote {
  display: block;
  max-width: 75%;
  font-size: 23px;
  line-height: 35px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .floated-card .card__body blockquote {
    font-size: 16px;
    line-height: 20px;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media screen and (min-width: 1280px) {
  .floated-card .card__body blockquote {
    max-width: 50%;
  }
}
.floated-card .card__body blockquote strong {
  font-weight: 500;
}
.floated-card .card__body blockquote .underline {
  text-decoration: underline;
}
.floated-card .card__body blockquote cite {
  display: block;
  padding-top: 10px;
  font-size: 17px;
  line-height: 24px;
  font-style: normal;
}
@media screen and (max-width: 1280px) {
  .floated-card .card__body blockquote cite {
    font-size: 12px;
    line-height: 16px;
  }
}

.tabs {
  position: relative;
  padding: 50px 100px;
}
@media screen and (max-width: 768px) {
  .tabs {
    padding: 25px;
  }
}
.tabs .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .tabs .container {
    flex-direction: column;
  }
}
.tabs .tab__controls {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .tabs .tab__controls {
    width: 100%;
    flex-direction: row;
    justify-content: center;
  }
}
.tabs .tab__controls li {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .tabs .tab__controls li {
    padding: 0 10px 20px;
    width: calc(50% - 20px);
    text-align: center;
  }
}
.tabs .tab__controls li a,
.tabs .tab__controls li a:visited {
  position: relative;
  display: block;
  font-size: 25px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  color: #000;
}
.tabs .tab__controls li a span,
.tabs .tab__controls li a:visited span {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  background: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .tabs .tab__controls li a,
.tabs .tab__controls li a:visited {
    display: inline-block;
    font-size: 16px;
    text-align: center;
  }
}
.tabs .tab__controls li a:hover, .tabs .tab__controls li a:focus,
.tabs .tab__controls li a:visited:hover,
.tabs .tab__controls li a:visited:focus {
  color: #25ade4;
}
.tabs .tab__controls li a.is--active,
.tabs .tab__controls li a:visited.is--active {
  color: #25ade4;
  font-weight: 500;
  padding-bottom: 5px;
}
.tabs .tab__controls li a.is--active:after,
.tabs .tab__controls li a:visited.is--active:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  content: "";
  left: 0;
  bottom: 17px;
  z-index: 1;
}
.tabs .tab__contents {
  position: relative;
  width: 70%;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .tabs .tab__contents {
    width: 100%;
    padding: 0 25px;
  }
}
.tabs .tab__contents .tab__container {
  position: relative;
  height: 100%;
}
.tabs .tab__contents .content__block {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  font-size: 19px;
  line-height: 25px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.tabs .tab__contents .content__block.is--active {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.tabs .tab__contents .content__block img {
  display: block;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.tabs .tab__contents .content__block p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.form {
  position: relative;
  width: 100%;
  background-color: #ededee;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .form {
    padding: 15px 25px;
    width: auto;
  }
}
.form h3 {
  position: relative;
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 37px;
  padding-bottom: 5px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.form h3 span {
  font-weight: 700;
  color: #00aeef;
}
@media screen and (max-width: 768px) {
  .form h3 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.form .form__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .form .form__container {
    flex-direction: column;
    align-items: center;
  }
}
.form .form__container .form-row {
  margin: 0 10px;
}
.form .form__container .form-row label {
  position: relative;
  display: block;
  color: #00aeef;
  font-size: 16px;
  padding-bottom: 5px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.form .form__container .form-row .freeform-input {
  padding: 5px 15px;
  height: 30px;
  background: transparent;
  border: 1px solid #b5b5b7;
  color: #9e9e9e;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  width: 260px;
}
.form .form__container .form-row .freeform-input::placeholder {
  color: #9e9e9e;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .form .form__container .form-row .freeform-input {
    margin-bottom: 15px;
  }
}
.form .form__container button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  outline: none;
  background: #00aeef;
  color: #fff;
  height: 40px;
  padding: 0 20px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.form .ff-form-success {
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.key-features {
  padding: 50px 0 100px;
}
@media screen and (max-width: 768px) {
  .key-features {
    padding: 25px 25px 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .key-features {
    padding: 50px 25px 100px;
  }
}
.key-features .slider {
  width: 100%;
}
.key-features .slider__slide {
  width: 100%;
}
.key-features .slider__slide h3 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  color: #00aeef;
  padding-bottom: 10px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .key-features .slider__slide h3 {
    font-size: 20px;
    line-height: 27px;
  }
}
.key-features .slider__slide p {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 25px;
  font-weight: 300;
  padding: 0 0 25px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .key-features .slider__slide p {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px;
  }
}
.key-features .slider__slide img {
  position: relative;
  display: block;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .key-features .slider__slide img {
    width: 100%;
  }
}
.key-features .slider .flickity-button {
  margin-top: 50px;
}
.key-features .slider .flickity-button.previous {
  background: url(../images/get-prepared-slider-arrow-left.jpg) no-repeat center center;
}
.key-features .slider .flickity-button.next {
  background: url(../images/get-prepared-slider-arrow-right.jpg) no-repeat center center;
}
.key-features .slider .flickity-button svg {
  display: none;
}
@media screen and (max-width: 768px) {
  .key-features .slider .flickity-button {
    display: none;
  }
}
.key-features .slider .flickity-page-dots {
  bottom: -55px;
}
@media screen and (max-width: 768px) {
  .key-features .slider .flickity-page-dots {
    bottom: -40px;
  }
}
.key-features .slider .flickity-page-dots .dot {
  background: #006fba;
}

.plans {
  padding: 50px 0;
  background-color: #ededee;
}
@media screen and (max-width: 768px) {
  .plans {
    padding: 25px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .plans {
    padding: 50px 25px;
  }
}
.plans h3 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  color: #00aeef;
  padding-bottom: 25px;
  margin: 0;
}
.plans__cards {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .plans__cards {
    flex-direction: column;
    width: 100%;
  }
}
.plans li {
  width: 33.333%;
  padding: 20px 40px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .plans li {
    width: calc(100% - 30px);
    padding: 15px;
  }
}
.plans li:first-child {
  background-color: #22b3e8;
}
.plans li:nth-child(2) {
  background-color: #fbb61c;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .plans li:nth-child(2) {
    margin: 15px 0;
  }
}
.plans li:nth-child(3) {
  background-color: #82c241;
}
.plans li h4 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 15px;
  width: 100%;
  max-width: 75%;
  margin: 0 auto;
  border-bottom: 2px solid #fff;
}
.plans li p {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 23px;
  padding-bottom: 40px;
}
.plans li a,
.plans li a:visited {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 130px;
  height: 36px;
  text-align: center;
  border-radius: 50px;
  background-color: #fff;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.plans .footnote {
  position: relative;
  display: block;
  padding-top: 25px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}

.reviews {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .reviews {
    padding: 25px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .reviews {
    padding: 50px 25px;
  }
}
.reviews h3 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  color: #00aeef;
  padding-bottom: 5px;
  margin: 0;
}
.reviews p {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 25px;
  margin: 0;
}
.reviews__quotes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .reviews__quotes {
    flex-direction: column;
  }
}
.reviews blockquote {
  width: 30%;
  padding: 0 0 25px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 25px;
  font-weight: 300;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .reviews blockquote {
    width: 100%;
  }
}
.reviews blockquote cite {
  position: relative;
  display: block;
  padding-top: 10px;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
  max-width: 80%;
  margin-right: 0;
  margin-left: auto;
  font-style: normal;
}

.faqs {
  padding: 50px 0;
  background-color: #ededee;
}
@media screen and (max-width: 768px) {
  .faqs {
    padding: 25px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .faqs {
    padding: 50px 25px;
  }
}
.faqs h3 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  color: #00aeef;
  padding-bottom: 25px;
  margin: 0;
}
.faqs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faqs ul li {
  padding-bottom: 20px;
  padding-left: 25px;
}
.faqs ul li .question {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 29px;
  font-weight: 700;
  cursor: pointer;
}
.faqs ul li .question:before {
  position: absolute;
  width: 16px;
  height: 17px;
  content: "";
  left: -26px;
  top: 6px;
  background: url(../images/get-prepared-faq-icon-down.png) no-repeat center center;
}
.faqs ul li .answer {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 29px;
  font-weight: 400;
  max-height: 0;
  overflow: hidden;
}
.faqs ul li.is--active .question:before {
  background-image: url(../images/get-prepared-faq-icon-up.png);
}
.faqs ul li.is--active .answer {
  max-height: 100%;
}

.recommendations {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .recommendations {
    padding: 25px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .recommendations {
    padding: 50px 25px;
  }
}
.recommendations h3 {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  color: #00aeef;
  padding-bottom: 25px;
  margin: 0;
}
.recommendations ul {
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .recommendations ul {
    flex-direction: column;
  }
}
.recommendations ul li {
  width: 33.3333%;
}
.recommendations ul li:nth-child(2) {
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .recommendations ul li:nth-child(2) {
    margin: 15px 0;
  }
}
@media screen and (max-width: 768px) {
  .recommendations ul li {
    width: 100%;
  }
}
.recommendations ul p {
  position: relative;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 29px;
  font-weight: 400;
  margin: 0;
  padding-bottom: 25px;
}
.recommendations ul p.title {
  font-weight: 700;
  padding: 0;
}
.recommendations ul a,
.recommendations ul a:visited {
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 29px;
  color: #0070ba;
  padding-bottom: 8px;
  transition: color 0.2s ease;
}
.recommendations ul a:hover,
.recommendations ul a:focus {
  text-decoration: underline;
  color: #111111;
}

.site__footer {
  position: relative;
}
.site__footer .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% - 50px);
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .site__footer .container {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .site__footer .container {
    padding: 25px 25px 0;
    width: calc(100% - 75px);
    margin-left: auto;
    margin-right: auto;
  }
}
.site__footer .footer__logo {
  position: relative;
  display: block;
  width: 222px;
  height: 52px;
}
@media screen and (max-width: 768px) {
  .site__footer .footer__logo {
    margin: 0 auto 40px;
  }
}
.site__footer .footer__logo img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.site__footer .footer__nav {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .site__footer .footer__nav {
    width: 100%;
  }
}
.site__footer .footer__nav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .site__footer .footer__nav ul {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.site__footer .footer__nav li {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .site__footer .footer__nav li {
    padding-left: 0;
    padding-bottom: 15px;
  }
}
.site__footer .footer__nav li:first-child {
  padding-left: 0;
}
.site__footer .footer__nav a,
.site__footer .footer__nav a:visited {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  width: auto;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .site__footer .footer__nav a,
.site__footer .footer__nav a:visited {
    font-size: 20px;
  }
}

/* Duplicating alert styles */
.alert {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  background-color: #006FBA;
  color: #ffffff;
  display: flex;
  transform: translateY(100%);
  animation-name: slidein;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.alert .alert__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.alert .alert__headline {
  flex: 1;
  color: #ffffff;
}
.alert .alert__action {
  margin-top: 0.625rem;
}
.alert .alert__icon {
  height: 24px;
  width: 24px;
}
.alert .alert__icon img {
  display: block;
  max-width: 100%;
}
.alert .alert__close {
  align-self: stretch;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1.5625rem;
  background-color: #006FBA;
  color: #ffffff;
}
.alert .alert__close:hover {
  background-color: #00375D;
  border-color: #00375D;
}
.alert .icon--close-alert {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  display: block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpolygon fill='%23FFFFFF' points='2.71 2 8.5 7.79 14.29 2 15 2 15 2.71 9.21 8.5 15 14.29 15 15 14.29 15 8.5 9.21 2.71 15 2 15 2 14.29 7.79 8.5 2 2.71 2 2'%3E%3C/polygon%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .alert .alert__body,
.alert .alert__close {
    padding: 1.5625rem 20px;
  }
  .alert .alert__icon {
    display: none;
  }
}
@media (min-width: 768px) {
  .alert .alert__body,
.alert .alert__close {
    padding: 1.5625rem;
  }
  .alert .alert__icon {
    display: none;
  }
}
@media (min-width: 1024px) {
  .alert .alert__body {
    flex-direction: row;
    align-items: center;
  }
  .alert .alert__action {
    margin-top: 0;
    margin-left: 1.5625rem;
  }
  .alert .alert__icon {
    display: block;
    margin-right: 10px;
  }
}
@keyframes slidein {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.alert:target {
  transition: opacity 0.3s ease, visibility 0 linear 0.3s, height 0 linear 0.3s, padding 0 linear 0.3s;
  opacity: 0;
  visibility: none;
  height: 0;
  padding: 0;
  overflow: hidden;
}

h4 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.action {
    display: inline-block;
    padding-right: 21px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5625;
    background-repeat: no-repeat;
    background-position: right top 5px;
    background-size: 17px 17px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.action.is-action--light {
    color: #ffffff;
}
/*# sourceMappingURL=getprepared.css.map */