/* This comment is
    * several lines long.
    * since it uses the CSS comment syntax,
    * it will appear in the CSS output. */
/*
= VARIABLES
------------------------------------------------------------------------------------- */
/*
= FUNCTIONS
------------------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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; }

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; }

a {
  text-decoration: none; }
  a:active, a:focus, a:hover {
    text-decoration: none; }

/*
= TYPOGRAPHY
------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Avenir LT Pro';
  src: url("../webfonts/AvenirLTPro-Roman.woff2") format("woff2"), url("../webfonts/AvenirLTPro-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Avenir LT Pro Heavy';
  src: url("../webfonts/AvenirLTPro-Heavy.woff2") format("woff2"), url("../webfonts/AvenirLTPro-Heavy.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

body {
  font-family: "Avenir LT Pro", sans-serif;
  color: #000000;
  -webkit-font-smoothing: antialiased; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Avenir LT Pro Heavy", sans-serif;
  font-weight: 400; }

h1 {
  font-size: 6.94444vw;
  line-height: 110%; }
  @media (max-width: 768px) {
    h1 {
      font-size: 70px;
      line-height: 100%; } }
  @media (max-width: 640px) {
    h1 {
      font-size: 50px;
      line-height: 125%; } }

h2,
h3 {
  font-size: 2.91667vw;
  line-height: 125%; }
  @media (max-width: 768px) {
    h2,
    h3 {
      font-size: 42px; } }
  @media (max-width: 640px) {
    h2,
    h3 {
      font-size: 28px;
      line-height: 132%; } }

h4 {
  font-size: 2.01389vw;
  line-height: 110%; }
  @media (max-width: 768px) {
    h4 {
      font-size: 18px;
      line-height: 120%; } }
  @media (max-width: 640px) {
    h4 {
      font-size: 22px;
      line-height: 130%; } }

h5 {
  font-size: 1.94444vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    h5 {
      font-size: 28px;
      line-height: 132%; } }
  @media (max-width: 640px) {
    h5 {
      font-size: 22px;
      line-height: 130%; } }

h6 {
  font-size: 1.52778vw;
  line-height: 130%; }
  @media (max-width: 768px) {
    h6 {
      font-size: 22px; } }

p strong {
  font-family: "Avenir LT Pro Heavy", sans-serif; }

.entry p,
.entry ul li,
.entry ol li,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  color: #231F20; }
  .entry p a,
  .entry ul li a,
  .entry ol li a,
  .entry h2 a,
  .entry h3 a,
  .entry h4 a,
  .entry h5 a,
  .entry h6 a {
    color: #00B6F6; }

.entry p,
.entry ul li,
.entry ol li {
  margin-bottom: 2.08333vw;
  font-size: 1.52778vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .entry p,
    .entry ul li,
    .entry ol li {
      margin-bottom: 30px;
      font-size: 22px; } }

.entry ul,
.entry ol {
  margin-bottom: 2.08333vw; }
  .entry ul li,
  .entry ol li {
    margin-bottom: 0; }

.entry iframe {
  width: 100%; }

.entry h2,
.entry h3 {
  margin-bottom: 2.08333vw;
  padding-top: 4.86111vw;
  font-size: 1.94444vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .entry h2,
    .entry h3 {
      margin-bottom: 30px;
      padding-top: 70px;
      font-size: 28px; } }

.entry h4 {
  margin-bottom: 2.08333vw;
  padding-top: 3.47222vw;
  font-size: 1.80556vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .entry h4 {
      margin-bottom: 30px;
      padding-top: 50px;
      font-size: 26px; } }

.entry h5 {
  margin-bottom: 2.08333vw;
  padding-top: 2.08333vw;
  font-size: 1.66667vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .entry h5 {
      margin-bottom: 30px;
      padding-top: 30px;
      font-size: 24px; } }

.entry blockquote {
  margin-bottom: 6.94444vw;
  margin-top: 70px;
  padding-top: 4.16667vw;
  background: url(../img/quote.svg) 0 0 no-repeat; }
  @media (max-width: 768px) {
    .entry blockquote {
      margin-bottom: 100px;
      padding-top: 60px; } }
  .entry blockquote p {
    font-family: "Avenir LT Pro Heavy", sans-serif;
    font-size: 1.94444vw;
    line-height: 132%;
    text-align: left; }
    @media (max-width: 768px) {
      .entry blockquote p {
        font-size: 28px; } }

.entry img {
  max-width: 100%;
  height: auto; }

.entry .wp-block-image {
  padding-top: 0.69444vw; }
  .entry .wp-block-image figcaption {
    font-size: 1.31944vw;
    line-height: 180%;
    text-align: center;
    color: #70828F; }
    @media (max-width: 768px) {
      .entry .wp-block-image figcaption {
        font-size: 19px; } }
    .entry .wp-block-image figcaption a {
      color: #00B6F6; }
  .entry .wp-block-image.size-large img, .entry .wp-block-image.size-full img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto; }

.entry .wp-caption {
  width: auto !important; }
  .entry .wp-caption.alignnone img {
    display: block;
    margin: 0 auto; }
  .entry .wp-caption .wp-caption-text {
    padding-top: 0.69444vw;
    font-size: 1.31944vw;
    line-height: 180%;
    text-align: center;
    color: #70828F; }
    @media (max-width: 768px) {
      .entry .wp-caption .wp-caption-text {
        padding-top: 10px;
        font-size: 19px; } }

.block-entry h1 {
  margin-bottom: 3.47222vw;
  font-size: 6.94444vw;
  line-height: 100%; }
  @media (max-width: 768px) {
    .block-entry h1 {
      margin-bottom: 50px;
      font-size: 100px; } }
  @media (max-width: 640px) {
    .block-entry h1 {
      margin-bottom: 30px;
      font-size: 40px; } }
  .block-entry h1.title-small {
    margin-bottom: 5.55556vw;
    font-size: 3.47222vw;
    line-height: 125%; }
    @media (max-width: 768px) {
      .block-entry h1.title-small {
        margin-bottom: 50px;
        font-size: 50px; } }
    @media (max-width: 640px) {
      .block-entry h1.title-small {
        margin-bottom: 30px;
        font-size: 30px; } }
    .block-entry h1.title-small.bottom-p {
      margin-bottom: 1.38889vw; }
      .block-entry h1.title-small.bottom-p + p {
        margin-bottom: 9.02778vw; }
        @media (max-width: 768px) {
          .block-entry h1.title-small.bottom-p + p {
            margin-bottom: 80px; } }
        @media (max-width: 640px) {
          .block-entry h1.title-small.bottom-p + p {
            margin-bottom: 30px; } }

.block-entry h2 {
  margin-bottom: 2.77778vw; }
  @media (max-width: 768px) {
    .block-entry h2 {
      margin-bottom: 40px; } }
  .block-entry h2:last-child {
    margin-bottom: 0px; }

.block-entry h3 {
  margin-bottom: 2.77778vw; }
  @media (max-width: 768px) {
    .block-entry h3 {
      margin-bottom: 30px;
      font-size: 32px; } }
  .block-entry h3:last-child {
    margin-bottom: 0px; }
  .block-entry h3 + h6 {
    padding-top: 1.38889vw; }

.block-entry p,
.block-entry h5 {
  margin-bottom: 2.77778vw;
  font-family: "Avenir LT Pro", sans-serif;
  font-size: 1.94444vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .block-entry p,
    .block-entry h5 {
      margin-bottom: 40px;
      font-size: 28px; } }
  .block-entry p:last-child,
  .block-entry h5:last-child {
    margin-bottom: 0px; }

.block-entry h6 {
  margin-bottom: 2.08333vw; }
  @media (max-width: 768px) {
    .block-entry h6 {
      margin-bottom: 30px; } }

@media (max-width: 768px) {
  .block-entry p {
    font-size: 22px; } }

.block-entry p strong {
  font-family: "Avenir LT Pro Heavy", sans-serif; }

.block-entry p > a {
  color: #00B6F6; }
  .block-entry p > a:hover {
    color: #000000; }

.block-entry ul.wp-block {
  margin-bottom: 2.08333vw;
  margin-left: 1.38889vw; }
  .block-entry ul.wp-block li {
    margin-bottom: 2.08333vw;
    font-family: "Avenir LT Pro", sans-serif;
    font-size: 1.94444vw;
    line-height: 132%;
    list-style-type: disc; }
    @media (max-width: 768px) {
      .block-entry ul.wp-block li {
        margin-bottom: 30px;
        font-size: 28px; } }

.block-entry h5 {
  margin-bottom: 1.38889vw;
  padding-top: 0.69444vw;
  font-family: "Avenir LT Pro Heavy", sans-serif; }
  @media (max-width: 768px) {
    .block-entry h5 {
      margin-bottom: 20px;
      padding-top: 10px; } }

body:not(.wp-admin) .block-entry ul {
  margin-bottom: 2.08333vw;
  margin-left: 1.38889vw; }
  body:not(.wp-admin) .block-entry ul li {
    margin-bottom: 2.08333vw;
    font-family: "Avenir LT Pro", sans-serif;
    font-size: 1.94444vw;
    line-height: 132%;
    list-style-type: disc; }

.smaller-text p {
  margin-bottom: 2.08333vw;
  font-size: 1.52778vw;
  line-height: 132%; }
  @media (max-width: 768px) {
    .smaller-text p {
      margin-bottom: 30px;
      font-size: 18px; } }

.smaller-text ul li,
.smaller-text ol li {
  font-size: 1.52778vw !important;
  line-height: 132%; }
  @media (max-width: 768px) {
    .smaller-text ul li,
    .smaller-text ol li {
      font-size: 18px !important; } }

/*
= GLOBAL STYLES
------------------------------------------------------------------------------------- */
/*
+ Global */
html,
body {
  min-height: 100vh; }
  @media (max-width: 640px) {
    html,
    body {
      height: auto; } }

body {
  background: #ffffff; }

::-moz-selection {
  background: rgba(0, 182, 246, 0.3); }

::selection {
  background: rgba(0, 182, 246, 0.3); }

.holder {
  width: 85vw;
  margin: 0px auto; }
  @media (max-width: 640px) {
    .holder {
      width: 88%; } }

.content-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh; }
  @media (max-width: 640px) {
    .content-outer {
      display: block;
      height: auto; } }

#main {
  flex: 1;
  padding: 100px 0; }

/* apply a natural box layout model to all elements
*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
 } */
/*
|------------------------------------------------------------
| Help Classes
|------------------------------------------------------------
*/
.display-none {
  display: none; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

.display-inline-block {
  display: inline-block; }

.left {
  float: left; }

.right {
  float: right; }

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

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

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

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

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.fixed {
  position: fixed; }

/*
|------------------------------------------------------------
| Clearfix
|------------------------------------------------------------
*/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

/*
= HEADER AND NAVIGATION
------------------------------------------------------------------------------------- */
header {
  background: white; }
  header .holder {
    position: relative;
    padding: 3.68056vw 0 1.52778vw; }
    header .holder:before, header .holder:after {
      content: "";
      display: table; }
    header .holder:after {
      clear: both; }
    @media (max-width: 768px) {
      header .holder {
        width: auto;
        padding: 20px 60px;
        box-sizing: border-box; } }
    @media (max-width: 640px) {
      header .holder {
        padding: 20px 24px; } }
    header .holder .logo {
      float: left;
      position: relative;
      z-index: 4;
      width: 10.833vw;
      height: 3.055vw;
      text-indent: -9999px;
      outline: none; }
      @media (max-width: 768px) {
        header .holder .logo {
          width: 156px;
          height: 44px; } }
      header .holder .logo:before, header .holder .logo:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -moz-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      header .holder .logo:after {
        opacity: 1;
        background-image: url(../img/logo-dark.svg); }
    header .holder .nav-trigger {
      float: right;
      z-index: 4;
      position: relative;
      display: none;
      width: 20px;
      height: 14px;
      margin-top: 15px; }
      @media (max-width: 768px) {
        header .holder .nav-trigger {
          display: block; } }
      header .holder .nav-trigger span {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 2px;
        background: #000000;
        border-radius: 1px;
        -moz-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: 350ms cubic-bezier(0.77, 0, 0.175, 1); }
        header .holder .nav-trigger span:nth-child(1) {
          top: 0px; }
        header .holder .nav-trigger span:nth-child(2) {
          top: 6px; }
        header .holder .nav-trigger span:nth-child(3) {
          top: 12px; }
    header .holder nav {
      float: right; }
      @media (max-width: 768px) {
        header .holder nav {
          position: absolute;
          left: 0;
          top: 0px;
          right: -150px;
          overflow: hidden;
          float: none;
          z-index: 3;
          height: 100vh;
          background: #ffffff;
          -webkit-transform: translateX(100%) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
          -moz-transform: translateX(100%) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
          -ms-transform: translateX(100%) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
          -o-transform: translateX(100%) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
          transform: translateX(100%) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
          -moz-transition: 650ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: 650ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -webkit-transition: 650ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: 650ms cubic-bezier(0.215, 0.61, 0.355, 1); } }
      header .holder nav ul.header-menu {
        float: left; }
        @media (max-width: 768px) {
          header .holder nav ul.header-menu {
            float: none;
            -moz-transition: 650ms cubic-bezier(0.77, 0, 0.175, 1);
            -o-transition: 650ms cubic-bezier(0.77, 0, 0.175, 1);
            -webkit-transition: 650ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: 650ms cubic-bezier(0.77, 0, 0.175, 1); } }
        header .holder nav ul.header-menu li {
          float: left;
          margin-right: 2.0833vw; }
          @media (max-width: 768px) {
            header .holder nav ul.header-menu li {
              float: none;
              margin: 0px 0 20px; }
              header .holder nav ul.header-menu li:last-child {
                margin-bottom: 0px; } }
          @media (max-width: 640px) {
            header .holder nav ul.header-menu li {
              margin-bottom: 10px; } }
          header .holder nav ul.header-menu li a {
            display: block;
            font-family: "Avenir LT Pro Heavy", sans-serif;
            text-transform: uppercase;
            color: #000000;
            line-height: 3.055vw;
            font-size: 1.04166vw;
            -moz-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
            -o-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: 350ms cubic-bezier(0.215, 0.61, 0.355, 1); }
            @media (max-width: 768px) {
              header .holder nav ul.header-menu li a {
                padding: 10px 0;
                font-size: 20px;
                line-height: normal;
                letter-spacing: 1px;
                color: #000000; } }
            @media (max-width: 640px) {
              header .holder nav ul.header-menu li a {
                font-size: 15px;
                line-height: 18px;
                color: #000000; } }
            header .holder nav ul.header-menu li a:hover {
              color: #00B6F6 !important; }
          header .holder nav ul.header-menu li:last-child {
            margin-right: 0px; }
        @media (max-width: 768px) {
          header .holder nav ul.header-menu.desktop-menu {
            display: none; } }
      header .holder nav .mobile-menu-sections {
        display: none; }
        @media (max-width: 768px) {
          header .holder nav .mobile-menu-sections {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            padding-top: 160px;
            box-sizing: border-box; }
            header .holder nav .mobile-menu-sections ul.header-menu {
              padding: 0 60px; }
            header .holder nav .mobile-menu-sections .bottom {
              padding: 0 60px 40px; }
              header .holder nav .mobile-menu-sections .bottom p {
                opacity: 0.6;
                font-size: 16px;
                line-height: 150%;
                color: #000000; }
              header .holder nav .mobile-menu-sections .bottom ul {
                display: flex;
                margin-bottom: 30px; }
                header .holder nav .mobile-menu-sections .bottom ul li {
                  margin-right: 20px; }
                  header .holder nav .mobile-menu-sections .bottom ul li a {
                    display: block;
                    outline: none; }
                    header .holder nav .mobile-menu-sections .bottom ul li a svg {
                      fill: #70828F;
                      -moz-transition: all 200ms ease-in-out;
                      -o-transition: all 200ms ease-in-out;
                      -webkit-transition: all 200ms ease-in-out;
                      transition: all 200ms ease-in-out; }
                  header .holder nav .mobile-menu-sections .bottom ul li:last-child {
                    margin-right: 0px; } }
        @media (max-width: 640px) {
          header .holder nav .mobile-menu-sections {
            padding-top: 120px; }
            header .holder nav .mobile-menu-sections ul.header-menu {
              padding: 0 24px; }
            header .holder nav .mobile-menu-sections .bottom {
              padding: 30px 24px; } }

.nav-opened header .holder .nav-trigger span {
  background: #000000; }
  .nav-opened header .holder .nav-trigger span:nth-child(1) {
    -webkit-transform: translateX(0px) translateY(6px) translateZ(0px) rotate(45deg) scale(1, 1);
    -moz-transform: translateX(0px) translateY(6px) translateZ(0px) rotate(45deg) scale(1, 1);
    -ms-transform: translateX(0px) translateY(6px) translateZ(0px) rotate(45deg) scale(1, 1);
    -o-transform: translateX(0px) translateY(6px) translateZ(0px) rotate(45deg) scale(1, 1);
    transform: translateX(0px) translateY(6px) translateZ(0px) rotate(45deg) scale(1, 1); }
  .nav-opened header .holder .nav-trigger span:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-60px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -moz-transform: translateX(-60px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -ms-transform: translateX(-60px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -o-transform: translateX(-60px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    transform: translateX(-60px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); }
  .nav-opened header .holder .nav-trigger span:nth-child(3) {
    -webkit-transform: translateX(0px) translateY(-6px) translateZ(0px) rotate(-45deg) scale(1, 1);
    -moz-transform: translateX(0px) translateY(-6px) translateZ(0px) rotate(-45deg) scale(1, 1);
    -ms-transform: translateX(0px) translateY(-6px) translateZ(0px) rotate(-45deg) scale(1, 1);
    -o-transform: translateX(0px) translateY(-6px) translateZ(0px) rotate(-45deg) scale(1, 1);
    transform: translateX(0px) translateY(-6px) translateZ(0px) rotate(-45deg) scale(1, 1); }

.nav-opened header .holder nav {
  -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  left: 0; }
  .nav-opened header .holder nav ul {
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -moz-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
    transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); }

/*
= FOOTER
------------------------------------------------------------------------------------- */
footer {
  position: relative;
  z-index: 2;
  padding: 8.33vw 0 2vw; }
  @media (max-width: 640px) {
    footer {
      padding: 55px 0; } }
  footer .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-left: 28.611vw;
    margin-bottom: 10.1388vw; }
    @media (max-width: 640px) {
      footer .top {
        display: block;
        padding-left: 0px;
        margin-bottom: 72px; } }
    footer .top .logo {
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 10.833vw;
      height: 3.055vw;
      text-indent: -9999px;
      background: url(../img/logo-dark.svg) center no-repeat;
      background-size: 100% 100%;
      outline: none; }
      @media (max-width: 768px) {
        footer .top .logo {
          width: 131px;
          height: 37px;
          background-size: 100% auto; } }
      @media (max-width: 640px) {
        footer .top .logo {
          position: relative;
          left: auto;
          top: auto;
          margin: 0 0 70px;
          width: 156px;
          height: 44px; } }
    @media (max-width: 640px) {
      footer .top ul {
        margin-bottom: 60px; }
        footer .top ul:last-child {
          margin-bottom: 0px; } }
    footer .top ul li {
      margin-bottom: 2.0833vw; }
      @media (max-width: 768px) {
        footer .top ul li {
          margin-bottom: 30px; } }
      @media (max-width: 640px) {
        footer .top ul li {
          margin-bottom: 10px; } }
      footer .top ul li a {
        font-family: "Avenir LT Pro Heavy", sans-serif;
        font-size: 1.04166vw;
        color: #231F20;
        text-transform: uppercase;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out; }
        @media (max-width: 768px) {
          footer .top ul li a {
            font-size: 15px;
            line-height: 100%; } }
        @media (max-width: 640px) {
          footer .top ul li a {
            display: block;
            padding: 10px 0;
            font-size: 15px; } }
        footer .top ul li a:hover {
          color: #00B6F6; }
      footer .top ul li:last-child {
        margin-bottom: 0px; }
    footer .top ul.mobile-footer-menu {
      display: none; }
      @media (max-width: 768px) {
        footer .top ul.mobile-footer-menu {
          display: block; } }
    @media (max-width: 768px) {
      footer .top ul.footer-menu-2, footer .top ul.footer-menu-3 {
        display: none; } }
  footer .bottom:before, footer .bottom:after {
    content: "";
    display: table; }
  footer .bottom:after {
    clear: both; }
  @media (max-width: 768px) {
    footer .bottom {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      footer .bottom:before, footer .bottom:after {
        display: none; } }
  @media (max-width: 640px) {
    footer .bottom {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: flex-start; } }
  footer .bottom p {
    float: left;
    width: 28.611vw;
    line-height: 1.66vw;
    font-size: 1.11vw;
    color: rgba(35, 31, 32, 0.6); }
    @media (max-width: 768px) {
      footer .bottom p {
        float: none;
        width: auto;
        font-size: 12px; } }
    @media (max-width: 640px) {
      footer .bottom p {
        order: 2;
        width: 100%;
        font-size: 16px;
        line-height: 150%; } }
  footer .bottom ul {
    float: left; }
    @media (max-width: 768px) {
      footer .bottom ul {
        float: none; } }
    @media (max-width: 640px) {
      footer .bottom ul {
        order: 1;
        margin-bottom: 28px;
        text-align: center; } }
    footer .bottom ul li {
      float: left;
      margin-right: 3.4722vw; }
      @media (max-width: 640px) {
        footer .bottom ul li {
          float: none;
          display: inline-block;
          margin: 0 10px; } }
      footer .bottom ul li a {
        display: block;
        outline: none; }
        footer .bottom ul li a svg {
          fill: #70828F;
          -moz-transition: all 200ms ease-in-out;
          -o-transition: all 200ms ease-in-out;
          -webkit-transition: all 200ms ease-in-out;
          transition: all 200ms ease-in-out; }
        footer .bottom ul li a:hover svg {
          fill: #00B6F6; }
      footer .bottom ul li:last-child {
        margin-right: 0px; }