/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1,
h1 span,
.h1 span, h2, h2 span, .h2 span, h3, h3 span, .h3 span, h4, h5, h6, .blogs .blog h3, .blogs .blog h3 span, h3 .blogs .blog span, .blogs .blog .h3 span, .h3 .blogs .blog span, .rates-box__header h3, .rates-box__header h3 span, h3 .rates-box__header span, .rates-box__header .h3 span, .h3 .rates-box__header span, .rates-box__header small, p, ul li, .section--testimonial .testimonials blockquote, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


h1,
h1 span,
.h1 span, h2, h2 span, .h2 span, h3, h3 span, .h3 span, h4, h5, h6, .blogs .blog h3, .blogs .blog h3 span, h3 .blogs .blog span, .blogs .blog .h3 span, .h3 .blogs .blog span, .rates-box__header h3, .rates-box__header h3 span, h3 .rates-box__header span, .rates-box__header .h3 span, .h3 .rates-box__header span, .rates-box__header small {
  font-family: "Roboto Slab";
  color: #213e79;
  margin-bottom: 30px;
}

span, p, ul li, .section--testimonial .testimonials blockquote, a, ul, li, div, input, button, address, small, textarea, select {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 20px;
}


h1,
h1 span,
.h1 span, .h1 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}

h2, h2 span, .h2 span, .h2 {
  font-size: 36px;
  line-height: 43.2px;
  font-weight: 600;
}

h3, h3 span, .h3 span, .h3 {
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 600;
}

h4, .h4 {
  font-size: 28px;
  font-weight: 600;
  color: #38a3d0;
}

h5, .h5 {
  font-size: 26px;
  line-height: 28.6px;
  font-weight: 600;
  color: #38a3d0;
}

h6, .blogs .blog h3, .blogs .blog h3 span, h3 .blogs .blog span, .blogs .blog .h3 span, .h3 .blogs .blog span, .rates-box__header h3, .rates-box__header h3 span, h3 .rates-box__header span, .rates-box__header .h3 span, .h3 .rates-box__header span, .rates-box__header small, .h6 {
  font-size: 20px;
  line-height: 24px;
}

p, ul li, .section--testimonial .testimonials blockquote, address, .p, .banner__box h2, .banner__box h2 span, h2 .banner__box span, .banner__box .h2 span, .h2 .banner__box span {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
}

.font-size-sm, .blog-page small, .blog-page small time, .blog-page small span, .blogs .blog p, .blogs .blog ul li, ul .blogs .blog li, .blogs .blog .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .blogs .blog blockquote {
  font-size: 16px;
  line-height: 19.2px;
}

small {
  font-size: 12px;
  line-height: 14.4px;
  margin-bottom: 10px;
  display: block;
}

ul li {
  margin-bottom: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.color-blue-light {
  color: #38a3d0;
}

.color-blue {
  color: #213e79;
}

.color-blue-dark {
  color: #1b305c;
}

.color-white {
  color: white;
}

.text-center {
  text-align: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-top {
  padding: 30px;
}

.header-top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 600px) {
  .header-top .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.header-top .container a img {
  max-width: 100%;
}

.header-top span {
  color: #38a3d0;
}

.header-top__link {
  display: none;
}

@media (min-width: 600px) {
  .header-top__link {
    display: block;
  }
}

.header-top__phone {
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
}

@media (min-width: 600px) {
  .header-top__phone {
    margin-bottom: 0px;
    width: auto;
  }
}

.header-top__phone a i {
  font-size: 30px;
  color: #38a3d0;
}

.header-top__phone a span {
  font-family: "Roboto Slab";
  font-weight: 600;
  font-size: 30px;
}

.header-bot {
  background: #1b305c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 600px) {
  .header-bot {
    display: block;
  }
}

.header-bot nav ul.mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: ease all .7s;
  transition: ease all .7s;
  padding: 20px;
  max-height: 0;
  opacity: 0;
}

@media (min-width: 600px) {
  .header-bot nav ul.mainmenu {
    padding: 0;
  }
}

@media (min-width: 600px) {
  .header-bot nav ul.mainmenu {
    max-height: unset;
    opacity: 1;
  }
}

@media (min-width: 600px) {
  .header-bot nav ul.mainmenu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.header-bot nav ul.mainmenu li {
  padding: 0;
  margin-bottom: 10px;
  position: relative;
}

@media (min-width: 600px) {
  .header-bot nav ul.mainmenu li {
    padding: 20px 30px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
  }
}

.header-bot nav ul.mainmenu li:last-child {
  border-bottom: none;
}

.header-bot nav ul.mainmenu li a {
  text-transform: uppercase;
  color: white;
}

.header-bot nav ul.mainmenu li i {
  -webkit-transition: none;
  transition: none;
  margin-left: 5px;
  color: white;
}

.header-bot nav ul.mainmenu li.active a {
  color: #38a3d0;
}

.header-bot nav ul.mainmenu li:hover ul.submenu {
  display: block;
}

.header-bot nav ul.submenu {
  z-index: 1;
  background: white;
  padding: 10px;
  margin-top: 10px;
  display: none;
  min-width: 300px;
}

@media (min-width: 600px) {
  .header-bot nav ul.submenu {
    position: absolute;
  }
}

.header-bot nav ul.submenu li {
  padding: 0;
}

.header-bot nav ul.submenu li a {
  display: block;
  padding: 5px 20px;
  color: #1b305c;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: normal;
}

.header-bot nav ul.submenu li a:hover {
  background: #f5f5f5;
}

.header-bot nav ul li a:hover {
  color: #F36F23;
}

.header-bot input[type=checkbox] {
  display: none;
}

.header-bot input[type=checkbox]:checked + nav ul {
  max-height: 500px;
  opacity: 1;
}

.header-bot input[type=checkbox]:checked ~ label .bar1 {
  -webkit-transform: rotate(-45deg) translate(-10px, 7px);
  transform: rotate(-45deg) translate(-10px, 7px);
}

.header-bot input[type=checkbox]:checked ~ label .bar2 {
  opacity: 0;
}

.header-bot input[type=checkbox]:checked ~ label .bar3 {
  -webkit-transform: rotate(45deg) translate(-9px, -6px);
  transform: rotate(45deg) translate(-9px, -6px);
}

.burger {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
}

@media (min-width: 600px) {
  .burger {
    display: none;
  }
}

.burger .bar1, .burger .bar2, .burger .bar3 {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

footer * {
  color: white;
}

.footer-top {
  background: #213e79;
}

.footer-top .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer-top .inner > div:first-child {
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 600px) {
  .footer-top .inner > div:first-child {
    text-align: left;
    margin-bottom: 0;
  }
}

.footer-top .inner > div:last-child {
  text-align: center;
}

@media (min-width: 600px) {
  .footer-top .inner > div:last-child {
    text-align: right;
  }
}

@media (min-width: 600px) {
  .footer-top .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.footer-bottom {
  background: #1b305c;
  text-align: center;
}

@media (min-width: 600px) {
  .footer-bottom {
    text-align: left;
  }
}

.footer p, .footer ul li, ul .footer li, .footer .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .footer blockquote {
  font-size: 16px;
}

.footer__social a {
  background: white;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__social a i {
  font-size: 23px;
  color: #1b305c;
}

.footer__logo {
  margin-bottom: 20px;
}

:root {
  font-size: 67.5%;
}

@media (min-width: 600px) {
  :root {
    font-size: 100%;
  }
}

.container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
}

.container > .inner {
  padding: 60px 0;
}

a {
  text-decoration: none;
  font-size: 18px;
  -webkit-transition: ease all .3s;
  transition: ease all .3s;
}

a span, a i {
  -webkit-transition: ease all .3s;
  transition: ease all .3s;
}

a:not(.btn):hover {
  color: #F36F23;
}

a:not(.btn):hover span, a:not(.btn):hover i {
  color: #F36F23;
}

strong {
  font-weight: bold;
}

.bg--grey {
  background: #f5f5f5;
}

.bg--green {
  background: #87c540;
  background-image: url("/static/home/green-palms-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.bg--orange {
  background: #F36F23;
}

.bg--image {
  background-size: cover;
  background-position: center center;
}

* {
  font-size: 1rem;
  font-family: "Roboto Slab";
}

input:focus, textarea:focus, select:focus {
  outline: 2px solid #38a3d0;
}

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

.landingpage .rates-box {
  max-width: 387px;
  display: inline-block;
  margin: 20px;
}

.blog-page img {
  margin-bottom: 20px;
}

.blog-page h3, .blog-page h3 span, h3 .blog-page span, .blog-page .h3 span, .h3 .blog-page span {
  margin-top: 0 !important;
}

.calculator-portal {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.calculator-portal > div {
  border-radius: 5px;
}

@media (min-width: 600px) {
  .calculator-portal {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.calculator-portal > div:first-child a {
  background: #38a3d0;
  display: block;
}

.calculator-portal > div:first-child a:hover {
  color: white;
  background: #1b305c;
}

.calculator-portal > div:first-child a:hover figcaption span, .calculator-portal > div:first-child a:hover figcaption i {
  color: white;
}

.calculator-portal > div:last-child a {
  background: #213e79;
  display: block;
}

.calculator-portal > div:last-child a:hover {
  color: white;
  background: #1b305c;
}

.calculator-portal > div:last-child a:hover figcaption span, .calculator-portal > div:last-child a:hover figcaption i {
  color: white;
}

.calculator-portal figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calculator-portal .img-wrap {
  padding: 30px;
}

.calculator-portal figcaption {
  padding: 20px;
  text-align: center;
  width: 100%;
  border-top: 2px solid white;
}

.calculator-portal figcaption:after {
  font-family: 'FontAwesome';
  content: '\f1ec';
  margin-left: 10px;
}

.calculator-portal figcaption span {
  font-weight: 800;
}

.calculator-portal a {
  color: white;
  text-transform: uppercase;
  font-weight: 800;
}

.banner {
  margin-bottom: 0;
  position: relative;
  padding: 160px 0 100px;
  background-size: cover;
  overflow: hidden;
}

.banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}

.banner .video-bg-container {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 500px;
}

.banner .video-bg-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.banner .home-header--overlay {
  position: absolute;
  height: 120%;
  top: -10%;
  right: -140px;
  fill: rgba(255, 255, 255, 0.15);
  z-index: 2;
}

.banner__box {
  max-width: 460px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: #38a3d0;
  background-image: url("/static/home/blue-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 30px;
  z-index: 10;
}

@media (min-width: 600px) {
  .banner__box {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    padding: 30px;
  }
}

.banner__box h1, .banner__box h1 span, h1 .banner__box span, .banner__box .h1 span, .h1 .banner__box span, .banner__box p, .banner__box ul li, ul .banner__box li, .banner__box .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .banner__box blockquote {
  color: white;
}

.banner__box h1, .banner__box h1 span, h1 .banner__box span, .banner__box .h1 span, .h1 .banner__box span {
  text-transform: uppercase;
}

.banner__box h2, .banner__box h2 span, h2 .banner__box span, .banner__box .h2 span, .h2 .banner__box span {
  color: white;
  font-family: "Roboto";
  font-weight: 300;
  margin-bottom: 30px;
}

ul.breadcrumb, ol.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

ul.breadcrumb li, ol.breadcrumb li {
  font-size: 16px;
  margin-right: 10px;
}

ul.breadcrumb li:after, ol.breadcrumb li:after {
  content: '>';
}

ul.breadcrumb li:last-child:after, ol.breadcrumb li:last-child:after {
  content: '';
}

ul.breadcrumb li a, ol.breadcrumb li a {
  margin-right: 10px;
}

ul.breadcrumb li span, ul.breadcrumb li a, ol.breadcrumb li span, ol.breadcrumb li a {
  font-size: 16px;
}

.blogs {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

@media (min-width: 600px) {
  .blogs {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 900px) {
  .blogs {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.blogs .blog {
  border: 1px solid #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blogs .blog h3, .blogs .blog h3 span, h3 .blogs .blog span, .blogs .blog .h3 span, .h3 .blogs .blog span {
  font-weight: 600;
  margin-bottom: 10px;
}

.blogs .blog__body {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.blogs .blog__info {
  margin-bottom: 10px;
}

.blogs .blog__info time, .blogs .blog__info span {
  margin-bottom: 10px;
  font-size: 14px;
}

.tile-nav {
  text-align: center;
}

.tile-nav .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.tile-nav .pagination li {
  display: inline;
}

.tile-nav .pagination li a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 12px;
  line-height: 1.5;
  z-index: 3;
  color: #fff;
  color: #213e79;
}

.tile-nav .pagination li a span {
  line-height: 12px;
}

.tile-nav .pagination li a .sr-only {
  display: none;
}

.buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 600px) {
  .buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.btn {
  padding: 16px;
  border: 0;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: ease all .3s;
  transition: ease all .3s;
}

.btn:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .btn {
    margin-bottom: 0;
  }
}

.btn--white-outline {
  color: white;
  border: 1px solid white;
}

.btn--white-outline:hover {
  background: white;
  color: #213e79;
}

.btn--orange {
  color: white;
  background: #F36F23;
  border: 1px solid #F36F23;
}

.btn--orange span {
  font-weight: 600;
  font-family: "Roboto Slab";
}

.btn--orange i {
  margin-right: 5px;
  font-size: 24px;
}

.btn--orange:hover {
  background: #ce520b;
  border-color: #ce520b;
}

.btn--blue {
  color: white;
  background: #213e79;
  border: 1px solid #213e79;
}

.btn--blue span {
  font-weight: 600;
  font-family: "Roboto Slab";
}

.btn--blue:hover {
  background: transparent;
  color: #213e79;
}

.btn--large {
  padding: 20px 26px;
  font-size: 40px;
}

.btn--large span, .btn--large i {
  font-size: 40px;
}

.contact-form {
  background: #e6ebed;
  padding: 20px;
}

.contact-form h5 {
  margin-bottom: 10px;
}

.contact-form p, .contact-form ul li, ul .contact-form li, .contact-form .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .contact-form blockquote, .contact-form span, .contact-form label {
  font-size: 16px;
  line-height: 20.8px;
}

.contact-form span, .contact-form label {
  font-weight: 600;
}

.contact-form span {
  margin-bottom: 4px;
  display: block;
}

.contact-form form input[type=text], .contact-form form input[type=tel], .contact-form form input[type=email] {
  border: 0;
  font-size: 16px;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contact-form form button {
  background: #1b305c;
  color: white;
  border: 0;
  text-transform: uppercase;
  display: block;
  width: 100%;
  font-weight: 600;
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 20px;
}

.contact-form form .field {
  margin-bottom: 10px;
}

.contact-form .field-validation-error {
  color: #F36F23;
  margin-top: 6px;
  display: block;
  font-size: 16px;
  font-weight: 300;
}

.contact-form .field-validation-error span {
  font-size: 16px;
  font-weight: 300;
}

.contact-form-large form {
  background: #f5f5f5;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  padding: 30px;
}

.contact-form-large form input[type=text], .contact-form-large form textarea, .contact-form-large form input[type=tel], .contact-form-large form input[type=email], .contact-form-large form select {
  border: 0;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contact-form-large form textarea {
  resize: none;
  height: 160px;
}

@media (min-width: 600px) {
  .contact-form-large form > div:nth-child(n + 6) {
    grid-column: 2 span;
  }
}

.contact-form-large form button {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Roboto Slab";
}

.contact-form-large .field-validation-error {
  color: #F36F23;
  margin-top: 6px;
  display: block;
  font-size: 16px;
}

.contact-form-large .field-validation-error span {
  font-size: 16px;
}

.booking-form {
  padding: 30px;
}

.booking-form form input, .booking-form form select {
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
}

.booking-form .field {
  margin-bottom: 20px;
}

.booking-form button {
  text-transform: uppercase;
}

.booking-form--blue {
  background: #1b305c;
}

.booking-form--green {
  background: #87c540;
}

.booking-form .field-validation-error {
  color: #F36F23;
  margin-top: 6px;
  display: block;
  font-size: 16px;
}

.booking-form .field-validation-error span {
  font-size: 16px;
}

.booking-form .field-submit {
  margin-top: 8px;
}

.rates-box {
  text-align: center;
  margin-bottom: 30px;
}

.rates-box:last-child {
  margin-bottom: 0;
}

.rates-box__header {
  background: #38a3d0;
  padding: 10px;
}

.rates-box__header h6, .rates-box__header .blogs .blog h3, .blogs .blog .rates-box__header h3, .rates-box__header .blogs .blog h3 span, .blogs .blog h3 .rates-box__header span, .rates-box__header h3 .blogs .blog span, h3 .blogs .blog .rates-box__header span, .rates-box__header h3, .rates-box__header h3 span, h3 .rates-box__header span, .rates-box__header .h3 span, .h3 .rates-box__header span, .rates-box__header small, .rates-box__header h3, .rates-box__header h3 span, h3 .rates-box__header span, .rates-box__header .h3 span, .h3 .rates-box__header span {
  color: white;
  margin-bottom: 0;
  font-weight: 600;
}

.rates-box__body {
  background: #213e79;
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rates-box__body .amount {
  color: white;
  font-size: 90px;
  font-weight: 800;
}

.rates-box__body .amount__detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rates-box__body .amount__percent {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rates-box__body .amount__percent span:first-child {
  font-size: 50px;
  font-weight: 600;
}

.rates-box__body .amount__percent span:last-child {
  font-size: 20px;
}

.rates-box__body .amount__text {
  color: white;
  font-family: "Roboto Slab";
  font-weight: 600;
  font-size: 20px;
}

.side-nav__icon:before {
  font-family: 'FontAwesome';
  content: '\f067';
  color: #e6ebed;
  font-size: 18px;
  cursor: pointer;
}

.side-nav__main > li {
  padding: 10px 0;
  border-bottom: 1px solid #e6ebed;
}

.side-nav__main > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.side-nav__main > li > div a {
  font-size: 18px;
}

.side-nav__main > li.active > div a {
  color: #38a3d0;
}

.side-nav__main > li.active > div .side-nav__icon:before {
  content: '\f068';
}

.side-nav__main > li a {
  font-weight: 600;
  color: #333333;
}

.side-nav__main > li:last-child {
  border-bottom: none;
}

.side-nav__sub {
  margin-top: 5px;
  margin-left: 0;
  padding: 0;
}

.side-nav__sub:not(.in) {
  display: none;
}

.side-nav__sub > li {
  padding: 0;
  padding: 5px 0;
}

.side-nav__sub > li:before {
  font-family: 'FontAwesome';
  content: '\f054';
  color: #38a3d0;
  font-size: 16px;
  margin-right: 10px;
}

.side-nav__sub > li a span {
  font-size: 16px;
}

.side-nav__sub > li.active a span {
  color: #38a3d0;
}

.lawyer img {
  margin-left: 20px;
}

@media (min-width: 600px) {
  .lawyer img {
    float: right;
  }
}

.calculator.repayment-calculator, .calculator.affordable-calculator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 4px solid #213e79;
}

@media (min-width: 600px) {
  .calculator.repayment-calculator, .calculator.affordable-calculator {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .calculator.repayment-calculator > div, .calculator.affordable-calculator > div {
    width: 50%;
  }
}

.calculator.repayment-calculator h3, .calculator.repayment-calculator h3 span, h3 .calculator.repayment-calculator span, .calculator.repayment-calculator .h3 span, .h3 .calculator.repayment-calculator span, .calculator.affordable-calculator h3, .calculator.affordable-calculator h3 span, h3 .calculator.affordable-calculator span, .calculator.affordable-calculator .h3 span, .h3 .calculator.affordable-calculator span {
  margin-top: 0;
}

.calculator.repayment-calculator .calculator-form, .calculator.affordable-calculator .calculator-form {
  background: #e6ebf1;
  padding: 30px;
}

.calculator.repayment-calculator .calculator-form #calculator-search, .calculator.affordable-calculator .calculator-form #calculator-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calculator.repayment-calculator .calculator-graph, .calculator.affordable-calculator .calculator-graph {
  padding: 30px;
}

.calculator.repayment-calculator input, .calculator.repayment-calculator select, .calculator.affordable-calculator input, .calculator.affordable-calculator select {
  border: none;
  padding: 10px;
  border-radius: 4x;
}

.calculator.repayment-calculator label, .calculator.repayment-calculator input, .calculator.repayment-calculator select, .calculator.affordable-calculator label, .calculator.affordable-calculator input, .calculator.affordable-calculator select {
  margin-bottom: 10px;
  font-size: 16px;
}

.calculator.repayment-calculator label, .calculator.affordable-calculator label {
  text-transform: uppercase;
  color: #1b305c;
  font-weight: 600;
}

.calculator.repayment-calculator #results-output, .calculator.affordable-calculator #results-output {
  margin-top: 10px;
  font-size: 40px;
  color: #213e79;
  font-weight: 800;
}

.calculator.repayment-calculator .description, .calculator.affordable-calculator .description {
  font-size: 16px;
}

.calculator.repayment-calculator .description #results-total-output, .calculator.affordable-calculator .description #results-total-output {
  font-size: 16px;
  color: #1b305c;
  font-weight: 800;
}

.disclaimer {
  font-size: 12px;
  line-height: 14.4px;
  font-style: italic;
  margin-top: 10px;
}

.lp-banner {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}

.lp-banner h2, .lp-banner h2 span, h2 .lp-banner span, .lp-banner .h2 span, .h2 .lp-banner span {
  margin-top: 80px;
}

.section--lp-intro h2, .section--lp-intro h2 span, h2 .section--lp-intro span, .section--lp-intro .h2 span, .h2 .section--lp-intro span {
  margin-bottom: 0;
}

.section--lp-intro .subheading {
  color: #39A3D1;
}

.lp-cta .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (min-width: 600px) {
  .lp-cta .inner aside {
    width: 30%;
  }
}

.lp-cta .inner aside a.cta-phone {
  display: inline-block;
  background-color: #F36F23;
  color: white;
  padding: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.section--articles > .container > .inner {
  display: block;
}

@media (min-width: 900px) {
  .section--articles > .container > .inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.section--articles > .container > .inner > div:first-child {
  grid-column: 1 span;
}

.section--articles > .container > .inner > div:last-child {
  grid-column: 3 span;
}

.section--articles .side-nav {
  margin-bottom: 30px;
}

.section--articles aside {
  display: none;
}

@media (min-width: 900px) {
  .section--articles aside {
    display: block;
  }
}

.section--articles article ul {
  margin-bottom: 10px;
}

.section--articles article ul li {
  padding: 4px 0;
}

.section--articles article ul li:before {
  font-family: 'FontAwesome';
  content: '\f054';
  color: #38a3d0;
  font-size: 16px;
  margin-right: 5px;
}

.section--articles article h2, .section--articles article h2 span, h2 .section--articles article span, .section--articles article .h2 span, .h2 .section--articles article span, .section--articles article h3, .section--articles article h3 span, h3 .section--articles article span, .section--articles article .h3 span, .h3 .section--articles article span {
  margin: 30px 0 20px;
}

.section--articles .section--banner .container {
  max-width: auto;
  margin: 0;
  padding: 0;
}

.section--articles .section--banner h2, .section--articles .section--banner h2 span, h2 .section--articles .section--banner span, .section--articles .section--banner .h2 span, .h2 .section--articles .section--banner span {
  color: #38a3d0;
}

.section--banner .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section--banner h2, .section--banner h2 span, h2 .section--banner span, .section--banner .h2 span, .h2 .section--banner span {
  margin-bottom: 30px;
}

.section--consultation .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 60px;
}

@media (min-width: 600px) {
  .section--consultation .inner {
    padding-bottom: 0;
  }
}

.section--consultation .inner > div {
  width: 100%;
}

@media (min-width: 600px) {
  .section--consultation .inner > div {
    width: 50%;
  }
}

.section--consultation .inner > div:last-child {
  position: relative;
}

@media (min-width: 600px) {
  .section--consultation .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.section--consultation h3, .section--consultation h3 span, h3 .section--consultation span, .section--consultation .h3 span, .h3 .section--consultation span, .section--consultation h2, .section--consultation h2 span, h2 .section--consultation span, .section--consultation .h2 span, .h2 .section--consultation span {
  color: white;
}

.section--consultation--top {
  margin-top: 120px;
}

@media (min-width: 600px) {
  .section--consultation--top {
    margin-top: 0;
  }
}

.section--consultation--top .booking-form {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 95%;
  margin-left: -20px;
}

@media (min-width: 600px) {
  .section--consultation--top .booking-form {
    -webkit-transform: translateY(-138px);
            transform: translateY(-138px);
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 600px) {
  .section--consultation--bot {
    margin-bottom: 120px;
  }
}

.section--consultation--bot .booking-form {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 600px) {
  .section--consultation--bot .booking-form {
    -webkit-transform: translateY(92px);
            transform: translateY(92px);
  }
}

.section--consultation--banner .inner {
  padding-bottom: 60px;
}

.section--grid .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  margin: 30px 0;
}

.section--grid .grid__item {
  position: relative;
  background-position: center top;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 30px;
  min-height: 200px;
}

.section--grid .grid__item .item-title {
  margin-bottom: 20px;
  font-size: 30px;
  color: white;
}

.section--grid .grid__item > div {
  z-index: 1;
}

.section--grid .grid__item p, .section--grid .grid__item ul li, ul .section--grid .grid__item li, .section--grid .grid__item .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .section--grid .grid__item blockquote {
  color: white;
  margin-bottom: 20px;
}

.section--grid .grid__item a {
  display: inline-block;
}

.section--grid .grid__item:before {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 600px) {
  .section--grid .grid {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

.section--partners .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
}

.section--partners p, .section--partners ul li, ul .section--partners li, .section--partners .section--testimonial .testimonials blockquote, .section--testimonial .testimonials .section--partners blockquote {
  margin-bottom: 50px;
}

.section--partners .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section--partners .slick-prev {
  left: 0;
}

.section--partners .slick-next {
  right: 0;
}

.section--partners .slick-next, .section--partners .slick-prev {
  opacity: .5;
}

.section--partners .slick-next:before, .section--partners .slick-prev:before {
  color: gray;
}

@media (min-width: 600px) {
  .section--rates .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.section--rates .inner > div:first-child {
  margin-right: 0;
  margin-bottom: 30px;
}

@media (min-width: 600px) {
  .section--rates .inner > div:first-child {
    margin-right: 30px;
    margin-bottom: 0;
  }
}

.section--rates .inner a:not(.btn) {
  color: #1b305c;
  font-weight: 600;
}

.section--rates .inner a:not(.btn):hover {
  color: #F36F23;
}

.section--testimonial {
  margin-bottom: 0;
}

.section--testimonial *:focus {
  outline: none;
}

@media (min-width: 600px) {
  .section--testimonial {
    margin-bottom: 120px;
  }
}

.section--testimonial .inner {
  padding: 60px 0;
}

@media (min-width: 600px) {
  .section--testimonial .inner {
    padding: 100px 0;
  }
}

.section--testimonial .testimonials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section--testimonial .testimonials > div {
  width: 100%;
}

.section--testimonial .testimonials > div:first-child {
  margin-bottom: 50px;
  padding-right: 50px;
}

@media (min-width: 600px) {
  .section--testimonial .testimonials {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .section--testimonial .testimonials > div {
    width: 50%;
  }
  .section--testimonial .testimonials > div:first-child {
    margin-bottom: 0;
  }
}

.section--testimonial .testimonials blockquote, .section--testimonial .testimonials cite {
  color: white;
}

.section--testimonial .testimonials blockquote {
  display: block;
}

.section--testimonial .testimonials cite {
  font-weight: 600;
}

.section--testimonial .testimonials__quote {
  margin-bottom: 20px;
}

.section--testimonial .testimonials__quote i {
  color: #213e79;
}

.section--testimonial .testimonials__image {
  position: relative;
}

.section--testimonial .testimonials__image img {
  max-width: 100%;
  width: 500px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  position: static;
}

@media (min-width: 600px) {
  .section--testimonial .testimonials__image img {
    position: absolute;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

.section--testimonial .slick-next, .section--testimonial .slick-prev {
  bottom: -45px;
  top: unset;
  left: 0;
  right: 0;
}

.section--testimonial .slick-next {
  left: 30px;
}
/*# sourceMappingURL=main.css.map */