@charset "UTF-8";
/*
.form-panel{
  @include form-field;
  .form-label{
    line-height: 40px !important;
    padding-right: 40px;
  }
  .form-input{
    .form-input-wrapper{
      position: relative;

      i{
        position: absolute;
        bottom: 100%;
        right: 10px;
        color: #555;
        font-size: 12px;
        line-height: 40px;
        border: 0;
      }

    }
  }

  .filter-panel{
    $header-height: 60px;

    position: fixed;
    top: 100%;
    left: 50%;
    //bottom: 0;
    max-height: 600px;
    height: 80vh;
    width: 80vw;
    max-width: 600px;
    background: rgba(255,255,255,1);
    z-index: 20000;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    flex-direction: column;
    justify-content: stretch;
    transform: translateX(-50%) translateY(50%);
    display: flex;
    overflow: hidden;
    @include rem(font-size, 16px);

    .form-panel.active &{
      //display: block;
    }

    > *{
      padding: $gutter;
      position: relative;
    }

    header{
      padding: 0;
      border-bottom: 1px solid #eee;
      h6{
        text-transform: uppercase;
        @include rem(font-size, 14px);
        line-height: $header-height;
        padding-left: $gutter;
        @include animate;
      }

      .bt-close{
        @include animate;
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        border: 0;
        @include rem(font-size, 20px);
        line-height: $header-height;
        width: $header-height;
      }

      .bt-back{
        @include animate;
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        border: 0;
        @include rem(font-size, 20px);
        line-height: $header-height;
        width: $header-height;
      }
    }

    footer{
      button{
        @extend %button;
      }
    }

    label{
      padding: $gutter / 4;
      display: block;
      &:hover{
        background: #eee;
      }
    }

    &[data-index="0"]{
      [data-index="0"]{
        left: 0%;
      }
      [data-index="1"]{
        left: 100%;
      }
      .bt-back{
        transform: translateX(-100%);
      }
      h6{
        transform: translateX(0px);
      }
    }

    &[data-index="1"]{
      [data-index="0"]{
        left: -100%;
      }
      [data-index="1"]{
        left: 0%;
      }
      .bt-back{
        transform: translateX(0%);
      }
      h6{
        transform: translateX($header-height/2);
      }
    }

    .wrapper-main{
      height: 100%;
      max-height: 100%;
      min-width: 100%;
      position: relative;
    }

    .wrapper{
      @include animate;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      overflow: auto;

      &[data-index="0"]{
        > div{
          > ul{
            display: none;
          }
        }
      }

      &[data-index="1"]{
        > div{
          > label{
            display: none;
          }
          > ul{
            display: block;
          }
        }
      }

      > div{
        label{
          font-weight: 300;
          padding: 0 $gutter*2;
          border-bottom: 1px solid #eee;
          position: relative;
          display: flex;
          align-items: center;
          min-height: 60px;
          i.color{
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            margin-right: 0.5em;
            transform: translateY(4px);
            border: 2px solid #fff;
            box-shadow: 0px 0px 2px #aaa;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            overflow: hidden;
          }
          figure{
            width: 80px;
            display: block;
            margin-right: 1em;
            img{
              width: 100%;
            }
          }
          span{
            display: block;
          }
          i.tick{
            opacity: 0.1;
            float: left;
            margin-right: 1em;
          }
          input{
            position: absolute;
            visibility: hidden;
            opacity: 0;

            &:checked ~ i{
              opacity: 1;
            }
            &:checked ~ span{
              font-weight: bold;
            }
          }
        }
        > label{
          font-weight: 600;
          .count{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 1em;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            background: rgba(0,0,0,0.05);
            font-size: 13px;
            font-style: normal;
            opacity: 1;

            &[rel="0"]{
              opacity: 0;
            }
          }
        }
        ul{
          @include clearlist;
          li{
            &.all{
              background: #f7f7f7;
              label{
                border-color: #aaa;
                i.tick{
                  position: relative;
                  &:after{
                    content:"";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateY(-50%) translateX(-50%);
                    width: 24px;
                    height: 24px;
                    border: 1px solid #000;
                  }
                }
              }
            }
          }
          &.has-all{
            li{
              input ~ .tick{
                opacity: 1;
              }
            }
          }
        }
        &.active ul{
          display: block;
        }
      }
    }
  }
}
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,400;1,900&display=swap");
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%;
  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;
}

* {
  box-sizing: border-box;
}

button, input {
  outline: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

a {
  color: inherit;
  text-decoration: inherit;
}

/* BREAKPOINTS */
/* MEDIA QUERIES */
/*
$lt-smartphone: only screen and (max-device-width: 576px);
*/
.is-xs, .is-s, .is-m, .is-l, .is-xl {
  display: none;
}

@media only screen and (min-width: 576px) {
  .is-xs {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .is-s {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .is-m {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .is-l {
    display: block;
  }
}

@media only screen and (min-width: 1600px) {
  .is-xl {
    display: block;
  }
}

.only-xs, .only-s, .only-m, .only-l, .only-xl {
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
  .only-xs {
    display: block;
  }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .only-s {
    display: block;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .only-m {
    display: block;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .only-l {
    display: block;
  }
}

@media only screen and (min-width: 1201px) {
  .only-xl {
    display: block;
  }
}

:root {
  --app-height: 100%;
  --app-navigation-height: 50px;
  --app-navigation-min-height: 40px;
  --fw-ultra-light: 100;
  --fw-thin: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-semibold: 500;
  --fw-bold: 700;
  --fw-black: 900;
}
@media only screen and (max-width: 768px) {
  :root {
    --app-navigation-height: 60px;
  }
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.eot");
  src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff2") format("woff2"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg");
}
.icon:before, .navigation .navigation-container .navigation-lang.dropdown:before, .selectdiv label:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}

.icon-arrow-down:before, .navigation .navigation-container .navigation-lang.dropdown:before, .selectdiv label:before {
  content: "\e001";
}

.icon-arrow-left:before {
  content: "\e002";
}

.icon-arrow-right:before {
  content: "\e003";
}

.icon-arrow-swiper:before {
  content: "\e004";
}

.icon-arrow-top:before {
  content: "\e005";
}

.icon-check:before {
  content: "\e006";
}

.icon-close:before {
  content: "\e007";
}

.icon-facebook:before {
  content: "\e008";
}

.icon-instagram:before {
  content: "\e009";
}

.icon-linkedin:before {
  content: "\e00a";
}

.icon-play-circle:before {
  content: "\e00b";
}

.icon-play-line:before {
  content: "\e00c";
}

.icon-play:before {
  content: "\e00d";
}

.icon-round:before {
  content: "\e00e";
}

.icon-time:before {
  content: "\e00f";
}

.icon-twitter:before {
  content: "\e010";
}

.icon-youtube:before {
  content: "\e011";
}

@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial-Black.woff") format("woff"), url("../fonts/Arial-Black.ttf") format("truetype");
  font-weight: var(--fw-black);
  font-style: normal;
}
.page-notice {
  display: none;
  background: black;
  color: white;
  position: relative;
  z-index: -1;
  margin-top: -1px;
}
.page-notice > .wrapper {
  position: relative;
  padding: 12px;
  padding-right: 60px;
}
@media only screen and (max-width: 768px) {
  .page-notice > .wrapper {
    padding-right: 40px;
    padding-left: 0;
  }
}
.page-notice > .wrapper p {
  margin-bottom: 0;
  text-align: center;
}
.page-notice > .wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page-notice > .wrapper a {
    justify-content: flex-start;
    margin-top: 0.25em;
  }
}
.page-notice > .wrapper a > em {
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 1.5em;
  display: inline-block;
  font-size: 0.85em;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .page-notice > .wrapper a > em {
    margin-left: 0;
  }
}
.page-notice > .wrapper a > em:hover {
  opacity: 0.6;
}
.page-notice > .wrapper button {
  z-index: 999;
  background: none;
  border: none;
  position: absolute;
  right: 0;
  color: white;
  top: 0;
  padding: 12px;
}

.weebox-shares {
  position: fixed;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  z-index: 500;
}
@media only screen and (max-width: 576px) {
  .weebox-shares {
    top: 80px;
    transform: none;
    left: 0;
  }
}
.weebox-shares .open {
  padding-left: 10px;
  transform: translateX(0);
  display: none;
  margin-bottom: 4px;
}
.weebox-shares .open i {
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  font-size: 25px;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
}
.weebox-shares .open:hover i {
  background: rgba(0, 0, 0, 0.9);
}
.weebox-shares .open:hover ~ ul {
  display: block !important;
}
@media only screen and (max-width: 576px) {
  .weebox-shares .open {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .weebox-shares ul {
    display: none;
  }
}
.weebox-shares ul li {
  position: relative;
  line-height: 50px;
  text-align: center;
  color: #fff;
  padding-left: 10px;
  transition: all 180ms ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}
.weebox-shares ul li.share-facebook {
  background: #39569c;
}
.weebox-shares ul li.share-instagram {
  background: #DD2A7B;
}
.weebox-shares ul li.share-twitter {
  background: #00acee;
}
.weebox-shares ul li.share-linkedin {
  background: #0e76a8;
}
.weebox-shares ul li.share-youtube {
  background: darkred;
}
.weebox-shares ul li.share-facebook a {
  background: #39569c;
}
.weebox-shares ul li.share-instagram a {
  background: #DD2A7B;
}
.weebox-shares ul li.share-twitter a {
  background: #00acee;
}
.weebox-shares ul li.share-linkedin a {
  background: #0e76a8;
}
.weebox-shares ul li.share-youtube {
  background: darkred;
}
@media only screen and (max-width: 576px) {
  .weebox-shares ul li {
    background: none !important;
    margin-bottom: 2px;
  }
}
.weebox-shares ul li:hover {
  transform: translateX(10px);
}
.weebox-shares ul li a {
  overflow: hidden;
  width: 50px;
  height: 50px;
  font-size: 16.6666666667px;
  color: inherit;
  display: block;
}
@media only screen and (max-width: 576px) {
  .weebox-shares ul li a {
    border-radius: 50%;
  }
}

.maven {
  font-size: 9px;
  font-size: 0.5625rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .maven {
    float: none;
    width: auto;
    text-align: center;
    margin-top: 1.5vh;
  }
}
.maven span {
  line-height: 1em;
  display: inline-block;
}
.maven svg {
  height: 20px;
  margin-left: 4px;
  transform: translateY(1px);
}
.maven path {
  fill: #ffffff;
}
.maven a {
  display: inline-block;
  text-decoration: none;
}
.maven a:hover path {
  fill: #d60057;
}

.keywords-line-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: hidden;
}

.keywords-line {
  position: relative;
  white-space: nowrap;
  padding: 0;
  will-change: transform;
}

.keywords-line-wrapper:not(:first-child) {
  margin-top: -3em;
}
@media only screen and (max-width: 768px) {
  .keywords-line-wrapper:not(:first-child) {
    margin-top: -1em;
  }
}

.keyword {
  font-size: 90px;
  font-size: 5.625rem;
  font-family: "Arial";
  text-transform: uppercase;
  display: inline-block;
  padding: 0 0.08em;
  margin: 0 0.08em;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .keyword {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.keyword:hover {
  color: #3983C1;
}
.keywords-line-wrapper:first-child .keyword:first-child, .keywords-line-wrapper:first-child .keyword:nth-child(7n) {
  color: #3983C1;
}
.keywords-line-wrapper:first-child .keyword:first-child:hover, .keywords-line-wrapper:first-child .keyword:nth-child(7n):hover {
  color: #0f5a98;
}
.keywords-line-wrapper:first-child .keyword:nth-child(4n) {
  color: #56AD96;
}
.keywords-line-wrapper:first-child .keyword:nth-child(4n):hover {
  color: #1e866a;
}
.keywords-line-wrapper:nth-child(3) .keyword:nth-child(3), .keywords-line-wrapper:nth-child(3) .keyword:nth-child(9n) {
  color: #56AD96;
}
.keywords-line-wrapper:nth-child(3) .keyword:nth-child(3):hover, .keywords-line-wrapper:nth-child(3) .keyword:nth-child(9n):hover {
  color: #1e866a;
}
.keywords-line-wrapper:nth-child(3) .keyword:nth-child(5) {
  color: #3983C1;
}
.keywords-line-wrapper:nth-child(3) .keyword:nth-child(5):hover {
  color: #0f5a98;
}
.keywords-line-wrapper:nth-child(5) .keyword:nth-child(3), .keywords-line-wrapper:nth-child(5) .keyword:nth-child(6n) {
  color: #3983C1;
}
.keywords-line-wrapper:nth-child(5) .keyword:nth-child(3):hover, .keywords-line-wrapper:nth-child(5) .keyword:nth-child(6n):hover {
  color: #0f5a98;
}
.keywords-line-wrapper:nth-child(5) .keyword:nth-child(6n) {
  color: #56AD96;
}
.keywords-line-wrapper:nth-child(5) .keyword:nth-child(6n):hover {
  color: #1e866a;
}
.keywords-line-wrapper:nth-child(even) .keyword {
  color: #000000;
  -webkit-text-stroke: 1px #000000 !important;
  -webkit-text-fill-color: #ffffff !important;
}
.keywords-line-wrapper:nth-child(even) .keyword:hover {
  color: #3983C1;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 1px #3983C1 !important;
}
.keywords-line-wrapper:nth-child(even) .keyword:nth-child(2n):hover {
  color: #56AD96;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 1px #56AD96 !important;
}

:root {
  --button-margin:.35em .35em;
  --button-padding:.75em 1.5em;
  --button-border-width: 2px;
  --button-font-size: $font-size-base;
}
@media only screen and (max-width: 768px) {
  :root {
    --button-margin: .35em .35em;
    --button-font-size: 14px;
    --button-padding: .5em 2em;
    --button-border-width: 1px;
  }
}

.submit, .bt, .bt-third, .bt-secondary, .submit, .bt-primary {
  font-size: var(--button-font-size);
  font-size: var(--button-font-size);
  font-size: var(--button-font-size) !important;
  font-weight: var(--fw-regular);
  border-radius: 2em;
  font-family: "Arial";
  background: #000000;
  color: #ffffff;
  background: #000000;
  border: var(--button-border-width) solid #000000;
  padding: var(--button-padding);
  margin: var(--button-margin);
  text-transform: inherit;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  line-height: 1em;
  transition: all 0.3s ease-in;
}
.submit span, .bt span, .bt-third span, .bt-secondary span, .bt-primary span {
  position: relative;
  z-index: 5;
}
.submit:hover, .bt:hover, .bt-third:hover, .bt-secondary:hover, .bt-primary:hover {
  background: #0f5a98;
  color: #ffffff;
  border-color: #0f5a98;
}
@media only screen and (max-width: 768px) {
  .submit, .bt, .bt-third, .bt-secondary, .submit, .bt-primary {
    margin-top: 0.75vh;
  }
}

.submit, .bt-primary {
  color: #ffffff;
  background: #000000;
  border: var(--button-border-width) solid #000000;
  padding: var(--button-padding);
}
.submit:hover, .bt-primary:hover {
  background: #0f5a98;
  color: #ffffff;
  border-color: #0f5a98;
}

.bt-secondary {
  color: #000000;
  background: none;
  border: #000000 solid var(--button-border-width);
  padding: var(--button-padding);
}
.bt-secondary:hover {
  background: #0f5a98;
  color: #ffffff;
  border-color: #0f5a98;
}

.bt-third {
  color: #000000;
  background: none;
  border: var(--button-border-width) solid rgba(255, 255, 255, 0);
  padding: var(--button-padding);
}
.bt-third:hover {
  background: none;
  color: #0f5a98;
  border-color: rgba(255, 255, 255, 0);
}

input::placeholder,
textarea::placeholder,
select::placeholder, input,
textarea,
select, .form {
  font-family: "Lato", sans-serif;
  font-weight: var(--fw-extra-bold);
  color: #000000;
}

.form-required .form-input-wrapper {
  position: relative;
}
.form-required .form-input-wrapper:after {
  font-size: 20px;
  font-size: 1.25rem;
  content: "*";
  color: #ff0000;
  position: absolute;
  left: -2px;
  top: -7px;
}

.form {
  outline: none;
  background: rgba(var(--color-black), 0.075);
  background: rgba(var(--color-black), 0.075);
  border-radius: 10px;
  padding: 0;
  margin-bottom: 35px;
}

.form-notices {
  text-align: center;
  background: #ffffff;
  color: #000000;
  border: 2px solid #14a72a;
  position: relative;
  display: none;
  padding: 2em 1em;
  margin-bottom: 3vh;
  font-weight: var(--fw-regular);
}
.form-notices p {
  margin-bottom: 0;
}
.form-notices p > strong {
  display: block;
  font-size: 2em;
  margin-bottom: 0.25em;
  line-height: 1.2em;
  font-weight: var(--fw-extra-bold);
}
.form-notices.error {
  border-color: #ff0000;
}
.form-notices.error strong {
  color: #ff0000;
}

.form-fields {
  display: flex;
  gap: calc(40px/2) 0;
  margin-bottom: calc(40px/2);
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-field {
  width: calc(50% - 40px/2);
  margin-bottom: calc(40px/2);
}
@media only screen and (max-width: 768px) {
  .form-field {
    width: 100%;
  }
}
.form-field[rel=email] {
  width: 100% !important;
}
.form-fields .form-field {
  margin-bottom: 0 !important;
}

.form-label {
  display: none;
}
.form-error .form-label label {
  color: #ff0000 !important;
}

input,
textarea,
select {
  background: #3983C1;
  outline: none;
  width: 100%;
  border-radius: 5px;
  border: none;
  border-bottom: 2px solid #3983C1;
  transition: all 0.3s ease-in;
  padding: 1em;
}
.form-error input,
.form-error textarea,
.form-error select {
  border-bottom-color: #ff0000 !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #3983C1 inset !important;
  border: none;
  border-bottom: 2px solid #000000;
}
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #3983C1 inset !important;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 0.6;
  font-weight: var(--fw-regular) !important;
  color: rgba(var(--color-black), 0.6);
}
.form-error input::placeholder,
.form-error textarea::placeholder,
.form-error select::placeholder {
  color: #ff0000 !important;
}
input:focus,
textarea:focus,
select:focus {
  border-bottom-color: #000000;
  background: #ffffff;
}

.form-textarea {
  width: 100%;
}
.form-textarea textarea {
  min-height: 180px;
  resize: vertical;
}

select,
select:focus {
  -webkit-appearance: none;
  appearance: none;
}

.form-field .selectdiv {
  width: 100% !important;
}
.selectdiv label {
  position: relative;
}
.selectdiv label select {
  padding-right: calc(2em + 14px);
}
.selectdiv label:before {
  font-size: 14px;
  font-size: 0.875rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% + 2px);
  right: 0.75rem;
  transform: translateY(-50%);
}

.radiodiv {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
}
.radiodiv label {
  margin: 0.5em;
  display: inline-block;
}
.radiodiv input ~ span {
  font-weight: var(--fw-regular);
}
.radiodiv [type=radio]:checked ~ span {
  font-weight: var(--fw-extra-bold) !important;
}

.form-recaptcha {
  padding: 0;
  width: auto !important;
  margin: 1em auto;
}
.form-recaptcha .g-recaptcha {
  margin: 0 auto;
}

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

#page::-webkit-scrollbar {
  width: 11px;
}

#page {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

#page::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

#page::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

.services > .wrapper > header, #page-footer .footer-copyright > .wrapper, #page-footer .footer-info > .wrapper, #page-footer .footer-logo > .wrapper, section > .wrapper {
  width: calc(100% - 12vw);
  margin: auto;
}

.footer-contact .col-2 > .wrapper, .footer-contact .col-1 > .wrapper, .services > .wrapper > header, #page-footer .footer-copyright > .wrapper, #page-footer .footer-info > .wrapper, #page-footer .footer-logo > .wrapper, section > .wrapper {
  padding: 6vh 3vw;
}
@media only screen and (max-width: 768px) {
  .footer-contact .col-2 > .wrapper, .footer-contact .col-1 > .wrapper, .services > .wrapper > header, #page-footer .footer-copyright > .wrapper, #page-footer .footer-info > .wrapper, #page-footer .footer-logo > .wrapper, section > .wrapper {
    padding: 6vh 1.5vw;
  }
}

.navigation > .wrapper {
  padding-left: 3vw;
  padding-right: 3vw;
}
@media only screen and (max-width: 768px) {
  .navigation > .wrapper {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }
}

.references .title, .footer-contact header h1,
.footer-contact header h2,
.footer-contact header h3, .footer-contact > .wrapper .title, .services .title, .header-pages h1 {
  color: #191919;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Arial";
  font-size: 1.8em;
  line-height: 1.05em;
  position: relative;
  letter-spacing: -0.0125em;
}
.references .title, .footer-contact header, .footer-contact > .wrapper header, .services .title {
  position: relative;
  padding-bottom: 1em;
}
.references .title:after, .footer-contact header:after, .footer-contact > .wrapper header:after, .services .title:after {
  content: "";
  height: 6px;
  width: 270px;
  background: linear-gradient(90deg, #3983c1, #56ad96);
  position: absolute;
  left: 0;
  bottom: 0;
}
.references .title + p, .footer-contact header + p, .footer-contact > .wrapper header + p, .services .title + p {
  margin-top: 6vh;
}
.references .title ~ p, .footer-contact header ~ p, .footer-contact > .wrapper header ~ p, .services .title ~ p {
  max-width: 550px;
}

.footer-contact > .wrapper header em, .header-pages h3, .subtitle, .page-template-default .content h1 .subtitle,
.page-template-default .content h2 .subtitle,
.page-template-default .content h3 .subtitle,
.page-template-default .content h4 .subtitle,
.page-template-default .content h5 .subtitle,
.page-template-default .content h6 .subtitle, .references .title .subtitle, .footer-contact header h1 .subtitle,
.footer-contact header h2 .subtitle,
.footer-contact header h3 .subtitle, .footer-contact > .wrapper .title .subtitle, .services .title .subtitle, .header-pages h1 .subtitle {
  font-size: 1.8em;
  line-height: 1em;
  font-style: inherit;
  margin-bottom: 20px;
  display: inline-block;
  font-weight: var(--fw-light);
}

#page-footer .footer-shares a .icon, .navigation .navigation-container .navigation-socials a .icon, #page-footer .footer-shares a .navigation .navigation-container .navigation-lang.dropdown, .navigation .navigation-container #page-footer .footer-shares a .navigation-lang.dropdown, #page-footer .footer-shares .navigation .navigation-container a .navigation-lang.dropdown, .navigation .navigation-container .navigation-socials a .navigation-lang.dropdown, #page-footer .footer-shares a .selectdiv label, .navigation .navigation-container .navigation-socials a .selectdiv label, .selectdiv #page-footer .footer-shares a label, #page-footer .footer-shares .selectdiv a label, .selectdiv .navigation .navigation-container .navigation-socials a label, .navigation .navigation-container .navigation-socials .selectdiv a label {
  font-size: 16px !important;
  background: #ffffff;
  border: 0px solid #ffffff;
  border-radius: 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;
  transition: all 0.3s ease-in;
  color: #000000;
}
#page-footer .footer-shares a:hover .icon, .navigation .navigation-container .navigation-socials a:hover .icon, #page-footer .footer-shares a:hover .navigation .navigation-container .navigation-lang.dropdown, .navigation .navigation-container #page-footer .footer-shares a:hover .navigation-lang.dropdown, #page-footer .footer-shares .navigation .navigation-container a:hover .navigation-lang.dropdown, .navigation .navigation-container .navigation-socials a:hover .navigation-lang.dropdown, #page-footer .footer-shares a:hover .selectdiv label, .navigation .navigation-container .navigation-socials a:hover .selectdiv label, .selectdiv #page-footer .footer-shares a:hover label, #page-footer .footer-shares .selectdiv a:hover label, .selectdiv .navigation .navigation-container .navigation-socials a:hover label, .navigation .navigation-container .navigation-socials .selectdiv a:hover label {
  background: #3983C1;
}

.page-template-default .content {
  font-weight: 400;
  /* Default Table Style */
  /* Zebra Table Style */
}
.page-template-default .content h1,
.page-template-default .content h2,
.page-template-default .content h3,
.page-template-default .content h4,
.page-template-default .content h5,
.page-template-default .content h6 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Arial";
  margin-bottom: 0.5em;
  margin-top: 1.75em;
  color: #191919;
  line-height: 1.05em;
  position: relative;
  letter-spacing: -0.0125em;
}
.page-template-default .content h1 em,
.page-template-default .content h2 em,
.page-template-default .content h3 em,
.page-template-default .content h4 em,
.page-template-default .content h5 em,
.page-template-default .content h6 em {
  font-style: inherit;
  color: #3983C1;
}
.page-template-default .content h1 {
  font-size: 2.25em;
  color: #191919;
}
.page-template-default .content h2 {
  font-size: 1.5em;
}
.page-template-default .content h3 {
  font-size: 1.25em;
}
.page-template-default .content h4 {
  font-size: 1.1em;
}
.page-template-default .content h5, .page-template-default .content h6 {
  font-size: 1em;
}
.page-template-default .content a {
  text-decoration: underline;
  position: relative;
  z-index: 0;
  transition: all 0.3s ease-in-out;
}
.page-template-default .content a:hover {
  color: #3983C1;
}
.page-template-default .content em {
  font-style: italic;
}
.page-template-default .content strong {
  font-weight: 900;
}
.page-template-default .content ul,
.page-template-default .content ol {
  list-style: initial;
  padding-left: 1.75em;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.page-template-default .content ol {
  list-style: decimal;
}
.page-template-default .content ol > li::marker {
  font-family: "Arial";
  font-size: 1.15em;
  color: transparent;
}
.page-template-default .content li {
  margin: 0.25em 0;
}
.page-template-default .content blockquote {
  font-size: 1.75em;
  font-family: "Arial";
  margin: 1.75em auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-default .content blockquote p {
  margin-bottom: 0;
}
.page-template-default .content blockquote:before, .page-template-default .content blockquote:after {
  content: "«";
  display: block;
  margin: 0 0.5em;
}
.page-template-default .content blockquote:after {
  content: "»";
}
.page-template-default .content thead {
  border-bottom: 1px solid grey;
}
.page-template-default .content thead th {
  padding: 1em 0.5em;
}
.page-template-default .content tbody td {
  padding: 0.25em 0.5em;
}
.page-template-default .content table {
  color: #333;
  background: white;
  border: 1px solid grey;
  font-size: 12pt;
  border-collapse: collapse;
  margin: 2em 0;
}
.page-template-default .content table thead th,
.page-template-default .content table tfoot th {
  color: #777;
  background: rgba(0, 0, 0, 0.1);
}
.page-template-default .content table caption {
  padding: 0.5em;
}
.page-template-default .content table th,
.page-template-default .content table td {
  padding: 0.5em;
  border: 1px solid lightgrey;
}
.page-template-default .content [data-table-theme*=zebra] tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.page-template-default .content [data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.05);
}

html {
  --scrollbarBG: #e3e3e3;
  --thumbBG: #989898;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-weight: var(--fw-regular);
  font-size: 1em;
}

section > .wrapper > header + .content {
  margin-top: 6vh;
}

::selection {
  color: #ffffff;
  background: #0f5a98;
}

#navigation-open {
  display: none;
}

.navigation {
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.navigation > .wrapper {
  display: flex;
  position: relative;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .navigation > .wrapper {
    align-items: center;
  }
}
.navigation [for=navigation-open] {
  width: var(--app-navigation-height);
  height: var(--app-navigation-height);
  cursor: pointer;
  order: 2;
  margin-left: auto;
  display: none;
  justify-content: center;
  align-items: center;
}
.navigation-open .navigation [for=navigation-open], #navigation-open:checked ~ #page .navigation [for=navigation-open] {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .navigation [for=navigation-open] {
    display: flex;
  }
}
.navigation [for=navigation-open] span {
  display: block;
  position: relative;
  width: calc(var(--app-navigation-height) / 2);
  height: 16px;
}
.navigation [for=navigation-open] i {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 3px;
  transition: all 100ms ease-in-out;
  background: #3983C1;
}
.navigation [for=navigation-open] i:nth-child(1) {
  top: 0;
}
.navigation [for=navigation-open] i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.navigation [for=navigation-open] i:nth-child(3) {
  bottom: 0;
}
.navigation-open .navigation [for=navigation-open] i:nth-child(1), #navigation-open:checked ~ #page .navigation [for=navigation-open] i:nth-child(1) {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.navigation-open .navigation [for=navigation-open] i:nth-child(2), #navigation-open:checked ~ #page .navigation [for=navigation-open] i:nth-child(2) {
  opacity: 0;
}
.navigation-open .navigation [for=navigation-open] i:nth-child(3), #navigation-open:checked ~ #page .navigation [for=navigation-open] i:nth-child(3) {
  bottom: calc(50% - 1px);
  transform: rotate(-45deg);
}
.navigation .navigation-container {
  font-size: 16px;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  order: 3;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container {
    display: none;
  }
}
.navigation-open .navigation .navigation-container, #navigation-open:checked ~ #page .navigation .navigation-container {
  display: flex;
  flex: inherit;
  width: 100%;
  background: #ffffff;
  min-height: calc(var(--app-height) - var(--app-navigation-height));
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  top: var(--app-navigation-height);
  left: 0;
  padding-top: 6vh;
}
.navigation .navigation-container > nav > ul {
  display: flex;
  align-items: center;
}
.navigation .navigation-container > nav > ul > li {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Arial";
  letter-spacing: -0.0125em;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container > nav > ul > li {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.navigation-open .navigation .navigation-container > nav > ul > li, #navigation-open:checked ~ #page .navigation .navigation-container > nav > ul > li {
  margin-bottom: 1em;
}
.navigation .navigation-container > nav > ul > li:hover {
  color: #3983C1;
}
.navigation .navigation-container > nav > ul > li:hover:nth-child(even) {
  color: #56AD96;
}
.navigation .navigation-container > nav > ul > li > a {
  line-height: var(--app-navigation-min-height);
  line-height: var(--app-navigation-min-height);
  font-weight: var(--fw-bold);
  display: block;
  padding: 0 0.75em;
}
.navigation .navigation-container .navigation-lang {
  order: 3;
  margin-left: 40px;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-lang {
    order: 1;
    margin-left: 0;
    margin-bottom: 40px;
  }
}
.navigation .navigation-container .navigation-lang .current-lang {
  display: none;
}
.navigation .navigation-container .navigation-lang ul > li.active {
  font-weight: var(--fw-bold);
  text-decoration: underline;
}
.navigation .navigation-container .navigation-lang ul > li:hover {
  text-decoration: underline;
}
.navigation .navigation-container .navigation-lang.dropdown {
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
.navigation .navigation-container .navigation-lang.dropdown .current-lang {
  display: block;
  line-height: var(--app-navigation-min-height);
  min-width: 50px;
  padding: 0 20px 0 10px;
}
.navigation .navigation-container .navigation-lang.dropdown:before {
  font-size: 10px;
  font-size: 0.625rem;
  display: block;
  position: absolute;
  top: 0;
  line-height: var(--app-navigation-min-height);
  height: var(--app-navigation-min-height);
  right: 0;
  width: 20px;
  text-align: center;
}
.navigation .navigation-container .navigation-lang.dropdown ul {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 100%;
  visibility: hidden;
  display: block;
  opacity: 0;
  z-index: 100;
  background: #ffffff;
  transition: all 200ms ease-in-out;
}
.navigation .navigation-container .navigation-lang.dropdown ul > li {
  display: block;
}
.navigation .navigation-container .navigation-lang.dropdown ul > li span {
  line-height: 3em;
}
.navigation .navigation-container .navigation-lang.dropdown ul > li.active {
  display: none;
}
.navigation .navigation-container .navigation-lang.dropdown ul > li:hover {
  background: rgba(0, 0, 0, 0.05);
}
.navigation .navigation-container .navigation-lang.dropdown ul > li:hover:after {
  display: none;
}
.navigation .navigation-container .navigation-lang.dropdown:hover {
  background: rgba(0, 0, 0, 0.05);
}
.navigation .navigation-container .navigation-lang.dropdown:hover ul {
  visibility: visible;
  opacity: 1;
}
.navigation .navigation-container .navigation-socials {
  font-size: 16px;
  font-size: 1rem;
  order: 7;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-socials {
    order: 5;
    margin-left: 0;
    justify-self: end;
    margin-bottom: 40px;
  }
}
.navigation .navigation-container .navigation-socials a .icon, .navigation .navigation-container .navigation-socials a .selectdiv label, .selectdiv .navigation .navigation-container .navigation-socials a label, .navigation .navigation-container .navigation-socials a .navigation-lang.dropdown {
  background: #000000;
  color: #ffffff;
  transform: scale(0.8);
}
.navigation-open .navigation .navigation-container .navigation-socials a .icon, .navigation-open .navigation .navigation-container .navigation-socials a .selectdiv label, .selectdiv .navigation-open .navigation .navigation-container .navigation-socials a label, .navigation-open .navigation .navigation-container .navigation-socials a .navigation-lang.dropdown, #navigation-open:checked ~ #page .navigation .navigation-container .navigation-socials a .icon, #navigation-open:checked ~ #page .navigation .navigation-container .navigation-socials a .selectdiv label, .selectdiv #navigation-open:checked ~ #page .navigation .navigation-container .navigation-socials a label, #navigation-open:checked ~ #page .navigation .navigation-container .navigation-socials a .navigation-lang.dropdown {
  transform: none;
}
.navigation .navigation-container .navigation-socials em {
  display: none;
}
.navigation .navigation-container .navigation-main {
  font-size: 18px;
  font-size: 1.125rem;
  order: 6;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-main {
    order: 2;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-main ul {
    flex-direction: column;
  }
}
.navigation .navigation-container .navigation-secondary {
  order: 1;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-secondary {
    order: 4;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-secondary ul {
    flex-direction: column;
  }
}
.navigation .navigation-container .navigation-spacer {
  order: 4;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-spacer {
    display: none;
  }
}
.navigation .navigation-container .navigation-height {
  order: 5;
  width: 1px;
  height: var(--app-navigation-height);
}
@media only screen and (max-width: 768px) {
  .navigation .navigation-container .navigation-height {
    display: none;
  }
}
.navigation .navigation-logo {
  order: 1;
  height: var(--app-navigation-height);
  margin: 6.6666666667px 0;
}
.navigation .navigation-logo h1,
.navigation .navigation-logo strong {
  display: none;
}
.navigation .navigation-logo img {
  height: 100%;
  width: auto;
  display: block;
}

#page-footer {
  background: #000000;
  color: #ffffff;
  max-width: 100vw;
  overflow-x: hidden;
}
#page-footer h1,
#page-footer h2,
#page-footer h3,
#page-footer h4,
#page-footer h5,
#page-footer h6 {
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-logo > .wrapper {
    text-align: center;
  }
}
#page-footer .footer-logo > .wrapper img {
  max-height: 40px;
}
#page-footer .footer-info > .wrapper {
  display: flex;
  margin: auto;
  flex-grow: inherit !important;
  flex: inherit !important;
  flex-wrap: wrap;
}
#page-footer .footer-info > .wrapper > * {
  list-style: none !important;
  flex-grow: 1;
  width: auto;
}
#page-footer .footer-info > .wrapper > * {
  flex: inherit !important;
  flex-grow: inherit !important;
  width: calc((100% / 3) - 2vw);
  width: calc((100% / 3) - 2vw);
}
#page-footer .footer-info > .wrapper > *:nth-child(1n) {
  margin-right: 3vw;
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-info > .wrapper > *:nth-child(1n) {
    margin-right: auto;
  }
}
#page-footer .footer-info > .wrapper > *:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-info > .wrapper {
    display: flex;
    margin: auto;
    flex-grow: inherit !important;
    flex: inherit !important;
    flex-wrap: wrap;
    margin-right: 0;
  }
  #page-footer .footer-info > .wrapper > * {
    list-style: none !important;
    flex-grow: 1;
    width: auto;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  #page-footer .footer-info > .wrapper {
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-info > .wrapper > * {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-info > .wrapper > div {
    text-align: center;
    margin-bottom: 3vh;
  }
}
#page-footer .footer-shares {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1vh;
}
#page-footer .footer-shares em {
  display: none;
}
#page-footer .footer-copyright {
  background: #000000;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9em;
}
#page-footer .footer-copyright > .wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
#page-footer .footer-copyright > .wrapper > div {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #page-footer .footer-copyright > .wrapper > div {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
}
#page-footer .footer-copyright > .wrapper > div > div:last-child {
  margin-left: auto;
}
#page-footer .footer-contact address > * {
  display: block;
}
#page-footer .footer-contact .address {
  color: #ffffff;
  margin-bottom: 0.5em;
}
#page-footer .footer-contact .address .name {
  font-weight: var(--fw-bold);
  display: block;
}
#page-footer .footer-navigation ul {
  display: flex;
}
#page-footer .footer-navigation ul li:before {
  content: "|";
  padding: 0 1em;
}
#page-footer .footer-navigation a {
  transition: all 0.3s ease-in-out;
}
#page-footer .footer-navigation a:hover {
  color: #3983C1;
}

#content-body {
  margin-top: var(--app-navigation-height);
  margin-top: var(--app-navigation-height);
}

body {
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
}
.navigation-open body, #navigation-open:checked ~ #page body {
  overflow: hidden;
  height: 100vh;
  background: red;
}

img {
  width: 100%;
}

p {
  line-height: 1.6em;
}

.grecaptcha-container {
  position: absolute;
  right: 0;
  bottom: 60px;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .grecaptcha-container {
    bottom: 87px;
  }
}

.icon-letter {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Arial";
  color: #3983C1;
  font-style: inherit;
  display: inline-block;
  text-transform: uppercase;
  padding-right: 1em;
}

.header-pages {
  position: relative;
  height: calc(var(--app-height) - var(--app-navigation-height));
  min-height: 400px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .header-pages {
    height: inherit;
  }
}
@media only screen and (max-width: 992px) {
  .header-pages > .wrapper {
    margin-top: 3vh;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .header-pages > .wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.header-pages h1 {
  font-size: 2.43em;
  font-size: 2.43em;
  margin-bottom: 0.25em;
}
.header-pages em {
  font-style: inherit;
  color: #3983C1;
}
.header-pages p {
  max-width: 550px;
}
.header-pages .content {
  position: relative;
  z-index: 150;
}
@media only screen and (min-width: 1200px) {
  .header-pages .content {
    max-width: 40vw;
  }
}
.header-pages .bg-illustration {
  position: absolute;
  left: 48vw;
  bottom: -24vh;
  width: 70%;
  max-width: 850px;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .header-pages .bg-illustration {
    margin-left: auto;
    position: relative;
    left: 0;
    bottom: 0;
    width: 80%;
    margin-top: -6vh;
  }
}
@media only screen and (max-width: 768px) {
  .header-pages .bg-illustration {
    width: 100%;
    bottom: 3vh;
    margin-top: 0;
  }
}

.services > .wrapper {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.services > .wrapper > header + .content {
  margin-top: 0;
}
.footer-contact {
  position: relative;
  z-index: 1;
}
.footer-contact > .wrapper {
  display: flex;
  padding: 0;
}
.footer-contact > .wrapper header em {
  font-size: 1.5em;
}
@media only screen and (max-width: 768px) {
  .footer-contact > .wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    width: 100%;
  }
}
.footer-contact header {
  color: #ffffff;
  margin-bottom: 20px;
}
.footer-contact header .subtitle {
  color: #ffffff;
}
.footer-contact header:after {
  width: 100% !important;
}
.footer-contact header h1,
.footer-contact header h2,
.footer-contact header h3 {
  color: #ffffff;
  text-transform: inherit !important;
}
.footer-contact .mail .icon-letter {
  color: #56AD96;
}
.footer-contact .mail:hover {
  color: #56AD96;
}
.footer-contact .col-1 {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .footer-contact .col-1 {
    width: 100%;
    flex: inherit;
  }
}
.footer-contact .col-1 > .wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .footer-contact .col-1 > .wrapper {
    width: calc(100% - 12vw);
    margin: 0 auto;
  }
}
.footer-contact .col-2 {
  width: 70%;
  background-color: #3983C1;
  background-image: url("../images/bg-contact-form.png");
  background-position: center;
  background-size: cover;
  min-height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .footer-contact .col-2 {
    width: 100%;
    flex: inherit;
  }
}
.footer-contact .col-2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #3983C1;
  left: 50%;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .footer-contact .col-2 > .wrapper {
    width: calc(100% - 12vw);
    margin: 0 auto;
  }
}
.footer-contact .footer-socials {
  margin-top: 6vh;
  margin-bottom: 0;
}

.references ul {
  display: flex;
  margin: auto;
  flex-grow: inherit !important;
  flex: inherit !important;
  flex-wrap: wrap;
  display: flex;
}
.references ul > * {
  list-style: none !important;
  flex-grow: 1;
  width: auto;
}
.references ul > * {
  flex: inherit;
  flex-grow: inherit;
  width: calc((100% / 6) - 2.5vw);
  width: calc((100% / 6) - 2.5vw);
}
.references ul > *:nth-child(1n) {
  margin-right: 3vw;
}
@media only screen and (max-width: 768px) {
  .references ul > *:nth-child(1n) {
    margin-right: auto;
  }
}
.references ul > *:nth-child(6n) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .references ul {
    display: flex;
    margin: auto;
    flex-grow: inherit !important;
    flex: inherit !important;
    flex-wrap: wrap;
  }
  .references ul > * {
    list-style: none !important;
    flex-grow: 1;
    width: auto;
  }
  .references ul > * {
    flex: inherit !important;
    flex-grow: inherit !important;
    width: calc((100% / 4) - 2.25vw);
    width: calc((100% / 4) - 2.25vw);
  }
  .references ul > *:nth-child(1n) {
    margin-right: 3vw;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 768px) {
  .references ul > *:nth-child(1n) {
    margin-right: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .references ul > *:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .references ul {
    display: flex;
    margin: auto;
    flex-grow: inherit !important;
    flex: inherit !important;
    flex-wrap: wrap;
  }
  .references ul > * {
    list-style: none !important;
    flex-grow: 1;
    width: auto;
  }
  .references ul > * {
    flex: inherit !important;
    flex-grow: inherit !important;
    width: calc((100% / 3) - 2vw);
    width: calc((100% / 3) - 2vw);
  }
  .references ul > *:nth-child(1n) {
    margin-right: 3vw;
  }
}
@media only screen and (max-width: 992px) and (max-width: 768px) {
  .references ul > *:nth-child(1n) {
    margin-right: auto;
  }
}
@media only screen and (max-width: 992px) {
  .references ul > *:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .references ul {
    display: flex;
    margin: auto;
    flex-grow: inherit !important;
    flex: inherit !important;
    flex-wrap: wrap;
  }
  .references ul > * {
    list-style: none !important;
    flex-grow: 1;
    width: auto;
  }
  .references ul > * {
    flex-grow: inherit !important;
    flex: inherit !important;
    width: calc((100% / 2) - 1.5vw);
    width: calc((100% / 2) - 1.5vw);
    /*
    &:nth-child(2n) {
      //margin: auto;
    }

    @include lt-xs{
      @include rem(width, calc(100%) );
    }
    */
  }
  .references ul > *:nth-child(1n) {
    margin-right: 3vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .references ul > *:nth-child(1n) {
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .references ul > *:nth-child(2n) {
    margin-right: 0;
  }
}
.references ul figure {
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}
.references ul figure:hover {
  opacity: 1;
}
.references figcaption {
  display: none;
}

.grecaptcha-badge {
  display: none;
}

.page-template-default .content {
  padding-bottom: 6vh;
}
.page-template-default .content h1 {
  font-size: 2.43em;
  font-size: 2.43em;
  margin-bottom: 1.75em;
}
.page-template-default #content-body > .wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}