@charset "UTF-8";
/*
Theme Name: Evoluo
Description: Custom Theme
Author: La Matryoshka
Author website: www.lamatryoshka.ca
Author email: info@lamatryoshka.ca
Version: 1.0.0
*/
/*
* Variables
*/
/* Font */
/* Grid */
/* Spacing */
/* Colors */
/* For ACF

white : Blanc

*/
/* Borders */
/*
* Mixins
*/
/* Breakpoints */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&display=swap");
.bttn {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .bttn {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.bttn:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .bttn, .block-sliderbanner .bttn {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .bttn:hover, .block-sliderbanner .bttn:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .bttn {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .bttn:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

.wp-block-button {
  z-index: 2;
}
.wp-block-button .wp-block-button__link {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .wp-block-button .wp-block-button__link {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.wp-block-button .wp-block-button__link:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .wp-block-button .wp-block-button__link, .block-sliderbanner .wp-block-button .wp-block-button__link {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .wp-block-button .wp-block-button__link:hover, .block-sliderbanner .wp-block-button .wp-block-button__link:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .wp-block-button .wp-block-button__link {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .wp-block-button .wp-block-button__link:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

/*
* General
*/
* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-size: 18px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  color: #53555E;
}

body header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

main {
  overflow: hidden;
}
body:not(.has-sliderbanner) main {
  padding-top: 120px;
}

.visually-hidden {
  opacity: 0;
  visibility: hidden;
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
}

.hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}

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

a {
  transition: 0.25s ease all;
  color: inherit;
  text-decoration: none;
}
p,
span {
  transition: 1.5s ease all;
  margin: 0.8333333333rem 0;
}

span {
  margin: 0;
}

p a {
  text-decoration: underline;
}
h1,
h2,
h3,
h4 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  margin: 0;
}

h1,
.h1 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 35px;
  line-height: 1.2;
}
@media (min-width: 640px) {
  h1,
  .h1 {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 45px;
  }
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 60px;
  }
}

h2,
.h2 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: none;
  font-size: 28px;
  line-height: 1.2;
  color: #00A5E3;
}
.lmbg-blue h2,
.lmbg-blue .h2 {
  color: #53555E;
}
@media (min-width: 640px) {
  h2,
  .h2 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 38px;
  }
}

.h2-large {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: initial;
  margin-bottom: 2.7777777778rem;
  font-size: 30px;
  line-height: 1.25;
}
@media (min-width: 640px) {
  .h2-large {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .h2-large {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .h2-large {
    font-size: 50px;
  }
}
.lmbg-blue .h2-large, .lmbg-grey .h2-large {
  color: #ffffff;
}

h3,
.h3 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
}

/*.has-text-align-right {
    text-align: left;

    @include lg {
        text-align: right;
    }
}

.text-align-center-small {
    @media screen and (max-width: 767px) {
        text-align: center;
    }
}*/
.z-index-top {
  z-index: 99999;
}

.w-full {
  width: 100%;
  max-width: 1100px;
}

.w-half {
  margin-right: 1.6666666667rem;
  margin-left: 1.6666666667rem;
  width: calc(100% - (1.6666666667rem * 2));
  max-width: 920px;
}
@media (min-width: 768px) {
  .w-half {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .w-half {
    margin: 0 auto;
    width: 100%;
  }
}

.h-full {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .h-full {
    min-height: 100vh;
  }
}

.offset-top-half {
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .lmo-0x {
    margin-top: -0;
  }
  .lmo-5x {
    margin-top: -0.2777777778rem;
  }
  .lmo-15x {
    margin-top: -0.8333333333rem;
  }
  .lmo-30x {
    margin-top: -1.6666666667rem;
  }
  .lmo-50x {
    margin-top: -2.7777777778rem;
  }
  .lmo-75x {
    margin-top: -3.6111111111rem;
  }
  .lmo-100x {
    margin-top: -5.5555555556rem;
  }
  .lmo-200x {
    margin-top: -11.1111111111rem;
  }
}

.rotate-onscroll {
  transition: 0.75s ease all;
}
.scrolled .rotate-onscroll {
  transform: rotate(180deg) translateY(50%);
}

.lmp__top-0x {
  padding-top: calc(0 / 2) !important;
}
.lmp__bottom-0x {
  padding-bottom: calc(0 / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-0x {
    padding-top: 0 !important;
  }
  .lmp__bottom-0x {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-0x {
    padding-right: 0 !important;
  }
  .lmp__left-0x {
    padding-left: 0 !important;
  }
}
.lmp__top-5x {
  padding-top: calc(0.2777777778rem / 2) !important;
}
.lmp__bottom-5x {
  padding-bottom: calc(0.2777777778rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-5x {
    padding-top: 0.2777777778rem !important;
  }
  .lmp__bottom-5x {
    padding-bottom: 0.2777777778rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-5x {
    padding-right: 0.2777777778rem !important;
  }
  .lmp__left-5x {
    padding-left: 0.2777777778rem !important;
  }
}
.lmp__top-15x {
  padding-top: calc(0.8333333333rem / 2) !important;
}
.lmp__bottom-15x {
  padding-bottom: calc(0.8333333333rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-15x {
    padding-top: 0.8333333333rem !important;
  }
  .lmp__bottom-15x {
    padding-bottom: 0.8333333333rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-15x {
    padding-right: 0.8333333333rem !important;
  }
  .lmp__left-15x {
    padding-left: 0.8333333333rem !important;
  }
}
.lmp__top-30x {
  padding-top: calc(1.6666666667rem / 2) !important;
}
.lmp__bottom-30x {
  padding-bottom: calc(1.6666666667rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-30x {
    padding-top: 1.6666666667rem !important;
  }
  .lmp__bottom-30x {
    padding-bottom: 1.6666666667rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-30x {
    padding-right: 1.6666666667rem !important;
  }
  .lmp__left-30x {
    padding-left: 1.6666666667rem !important;
  }
}
.lmp__top-50x {
  padding-top: calc(2.7777777778rem / 2) !important;
}
.lmp__bottom-50x {
  padding-bottom: calc(2.7777777778rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-50x {
    padding-top: 2.7777777778rem !important;
  }
  .lmp__bottom-50x {
    padding-bottom: 2.7777777778rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-50x {
    padding-right: 2.7777777778rem !important;
  }
  .lmp__left-50x {
    padding-left: 2.7777777778rem !important;
  }
}
.lmp__top-75x {
  padding-top: calc(3.6111111111rem / 2) !important;
}
.lmp__bottom-75x {
  padding-bottom: calc(3.6111111111rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-75x {
    padding-top: 3.6111111111rem !important;
  }
  .lmp__bottom-75x {
    padding-bottom: 3.6111111111rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-75x {
    padding-right: 3.6111111111rem !important;
  }
  .lmp__left-75x {
    padding-left: 3.6111111111rem !important;
  }
}
.lmp__top-100x {
  padding-top: calc(5.5555555556rem / 2) !important;
}
.lmp__bottom-100x {
  padding-bottom: calc(5.5555555556rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-100x {
    padding-top: 5.5555555556rem !important;
  }
  .lmp__bottom-100x {
    padding-bottom: 5.5555555556rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-100x {
    padding-right: 5.5555555556rem !important;
  }
  .lmp__left-100x {
    padding-left: 5.5555555556rem !important;
  }
}
.lmp__top-200x {
  padding-top: calc(11.1111111111rem / 2) !important;
}
.lmp__bottom-200x {
  padding-bottom: calc(11.1111111111rem / 2) !important;
}
@media (min-width: 640px) {
  .lmp__top-200x {
    padding-top: 11.1111111111rem !important;
  }
  .lmp__bottom-200x {
    padding-bottom: 11.1111111111rem !important;
  }
}
@media (min-width: 768px) {
  .lmp__right-200x {
    padding-right: 11.1111111111rem !important;
  }
  .lmp__left-200x {
    padding-left: 11.1111111111rem !important;
  }
}

@media (min-width: 768px) {
  .lmm__right-0x {
    margin-right: 0;
  }
  .lmm__left-0x {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .lmm__right-5x {
    margin-right: 0.2777777778rem;
  }
  .lmm__left-5x {
    margin-left: 0.2777777778rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-15x {
    margin-right: 0.8333333333rem;
  }
  .lmm__left-15x {
    margin-left: 0.8333333333rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-30x {
    margin-right: 1.6666666667rem;
  }
  .lmm__left-30x {
    margin-left: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-50x {
    margin-right: 2.7777777778rem;
  }
  .lmm__left-50x {
    margin-left: 2.7777777778rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-75x {
    margin-right: 3.6111111111rem;
  }
  .lmm__left-75x {
    margin-left: 3.6111111111rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-100x {
    margin-right: 5.5555555556rem;
  }
  .lmm__left-100x {
    margin-left: 5.5555555556rem;
  }
}
@media (min-width: 768px) {
  .lmm__right-200x {
    margin-right: 11.1111111111rem;
  }
  .lmm__left-200x {
    margin-left: 11.1111111111rem;
  }
}

.lmbg-white {
  background-color: #ffffff;
}
.lmbg-white.lmangle-down {
  position: relative;
}
.lmbg-white.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #ffffff;
}
.lmbg-white.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #ffffff;
}
.lmbg-white.lmangle-up {
  position: relative;
}
.lmbg-white.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #ffffff;
}
.lmbg-white.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #ffffff;
}
.lmbg-grey {
  background-color: #53555E;
}
.lmbg-grey.lmangle-down {
  position: relative;
}
.lmbg-grey.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #53555E;
}
.lmbg-grey.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #53555E;
}
.lmbg-grey.lmangle-up {
  position: relative;
}
.lmbg-grey.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #53555E;
}
.lmbg-grey.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #53555E;
}
.lmbg-blue {
  background-color: #00A5E3;
}
.lmbg-blue.lmangle-down {
  position: relative;
}
.lmbg-blue.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #00A5E3;
}
.lmbg-blue.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #00A5E3;
}
.lmbg-blue.lmangle-up {
  position: relative;
}
.lmbg-blue.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #00A5E3;
}
.lmbg-blue.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #00A5E3;
}
.lmbg-snow {
  background-color: #E9E9EA;
}
.lmbg-snow.lmangle-down {
  position: relative;
}
.lmbg-snow.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #E9E9EA;
}
.lmbg-snow.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #E9E9EA;
}
.lmbg-snow.lmangle-up {
  position: relative;
}
.lmbg-snow.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #E9E9EA;
}
.lmbg-snow.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #E9E9EA;
}
.lmbg-offwhite {
  background-color: #f1f1f1;
}
.lmbg-offwhite.lmangle-down {
  position: relative;
}
.lmbg-offwhite.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #f1f1f1;
}
.lmbg-offwhite.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #f1f1f1;
}
.lmbg-offwhite.lmangle-up {
  position: relative;
}
.lmbg-offwhite.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #f1f1f1;
}
.lmbg-offwhite.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #f1f1f1;
}
.lmbg-halfgrey {
  background-color: #b1b1b0;
}
.lmbg-halfgrey.lmangle-down {
  position: relative;
}
.lmbg-halfgrey.lmangle-down::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #b1b1b0;
}
.lmbg-halfgrey.lmangle-down::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 0% 100%);
  background-color: #b1b1b0;
}
.lmbg-halfgrey.lmangle-up {
  position: relative;
}
.lmbg-halfgrey.lmangle-up::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  background-color: #b1b1b0;
}
.lmbg-halfgrey.lmangle-up::after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  background-color: #b1b1b0;
}

.lmangle-up ~ div:not([class*=lmangle-]),
.lmangle-down ~ div:not([class*=lmangle-]),
.lmangle- ~ div:not([class*=lmangle-]) {
  margin-top: 30px;
  position: relative;
}
@media (min-width: 1024px) {
  .lmangle-up ~ div:not([class*=lmangle-]),
  .lmangle-down ~ div:not([class*=lmangle-]),
  .lmangle- ~ div:not([class*=lmangle-]) {
    margin-top: -30px;
  }
}
.lmangle-up ~ div:not([class*=lmangle-])::before,
.lmangle-down ~ div:not([class*=lmangle-])::before,
.lmangle- ~ div:not([class*=lmangle-])::before {
  content: "";
  height: 30px;
}

.lmbg-blue,
.lmbg-grey {
  color: #ffffff;
}
.lmbg-blue p,
.lmbg-grey p {
  color: #ffffff;
}

.lmt-white {
  color: #ffffff;
  -webkit-text-stroke-color: #ffffff;
}
.lmt-white > svg path,
.lmt-white > svg g {
  fill: #ffffff !important;
}
.lmt-white * {
  -webkit-text-stroke-color: #ffffff;
}
.lmt-grey {
  color: #53555E;
  -webkit-text-stroke-color: #53555E;
}
.lmt-grey > svg path,
.lmt-grey > svg g {
  fill: #53555E !important;
}
.lmt-grey * {
  -webkit-text-stroke-color: #53555E;
}
.lmt-blue {
  color: #00A5E3;
  -webkit-text-stroke-color: #00A5E3;
}
.lmt-blue > svg path,
.lmt-blue > svg g {
  fill: #00A5E3 !important;
}
.lmt-blue * {
  -webkit-text-stroke-color: #00A5E3;
}
.lmt-snow {
  color: #E9E9EA;
  -webkit-text-stroke-color: #E9E9EA;
}
.lmt-snow > svg path,
.lmt-snow > svg g {
  fill: #E9E9EA !important;
}
.lmt-snow * {
  -webkit-text-stroke-color: #E9E9EA;
}
.lmt-offwhite {
  color: #f1f1f1;
  -webkit-text-stroke-color: #f1f1f1;
}
.lmt-offwhite > svg path,
.lmt-offwhite > svg g {
  fill: #f1f1f1 !important;
}
.lmt-offwhite * {
  -webkit-text-stroke-color: #f1f1f1;
}
.lmt-halfgrey {
  color: #b1b1b0;
  -webkit-text-stroke-color: #b1b1b0;
}
.lmt-halfgrey > svg path,
.lmt-halfgrey > svg g {
  fill: #b1b1b0 !important;
}
.lmt-halfgrey * {
  -webkit-text-stroke-color: #b1b1b0;
}

[class*=lmb-] {
  border-width: 2px;
  border-style: solid;
  padding: 2.7777777778rem !important;
}

.lmb-white {
  border-color: #ffffff;
}
.lmb-grey {
  border-color: #53555E;
}
.lmb-blue {
  border-color: #00A5E3;
}
.lmb-snow {
  border-color: #E9E9EA;
}
.lmb-offwhite {
  border-color: #f1f1f1;
}
.lmb-halfgrey {
  border-color: #b1b1b0;
}

#tinymce {
  color: inherit !important;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

.editor-styles-wrapper {
  padding: 0 1.6666666667rem;
}

/*.wp-block-image img {
    height: auto;
} */
.wp-block-group {
  padding: 2.7777777778rem 0;
}
@media (min-width: 1024px) {
  .wp-block-group {
    padding: 5.5555555556rem 0;
  }
}
.wp-block-group > .wp-block-group__inner-container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .wp-block-group > .wp-block-group__inner-container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .wp-block-group > .wp-block-group__inner-container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.wp-block-group.no-padding {
  padding: 0;
}

.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
  display: none !important;
}

.block-editor-block-list__block.lmbg-white {
  background-color: #ffffff;
}
.block-editor-block-list__block.lmbg-grey {
  background-color: #53555E;
}
.block-editor-block-list__block.lmbg-blue {
  background-color: #00A5E3;
}
.block-editor-block-list__block.lmbg-snow {
  background-color: #E9E9EA;
}
.block-editor-block-list__block.lmbg-offwhite {
  background-color: #f1f1f1;
}
.block-editor-block-list__block.lmbg-halfgrey {
  background-color: #b1b1b0;
}

/*
* Header
*/
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.75s ease all;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  flex-direction: row;
  display: none !important;
}
.loaded .loader {
  height: 0;
  opacity: 0;
}
.loaded .loader svg {
  display: none;
}
.loader__spinner {
  animation-name: spinloader;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.loader__img {
  width: 100px;
}
@keyframes spinloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.header {
  transition: 0.75s ease all;
  width: 100%;
  padding: 1.6666666667rem 0;
}
.stickmenu .header {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1.6666666667rem 0 !important;
}
.stickmenu.has-sliderbanner .header {
  background-color: rgba(83, 85, 94, 0.9);
}
@media (min-width: 1200px) {
  .has-sliderbanner .header {
    padding: 2.7777777778rem 0;
  }
}
.has-sliderbanner .header .header__logo.dark {
  display: none;
}
.has-sliderbanner .header .header__logo.pale {
  display: block;
}
.has-sliderbanner .header .header__menu a {
  color: #ffffff;
}
@media (min-width: 1500px) {
  .has-sliderbanner .header {
    padding: 4.1666666667rem 0;
  }
}
.mobile-menu .header {
  background-color: #ffffff;
}
.mobile-menu.has-sliderbanner .header {
  background-color: #53555E;
}
.header__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 640px) {
  .header__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .header__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.header__logo.pale {
  display: none;
}
.header__logo img {
  height: 100px;
}
@media (min-width: 1200px) {
  .header__burger {
    display: none;
  }
}
.header__menu {
  display: none;
}
@media (min-width: 1200px) {
  .header__menu {
    display: block;
  }
}
.header__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header__menu a {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  display: block;
  padding: 0.2777777778rem 0.8333333333rem;
  color: #53555E;
  text-transform: uppercase;
  font-size: 20px;
}
.header__menu a:hover {
  color: #00A5E3 !important;
}

.mobile__menu {
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease all;
  position: fixed;
  padding-bottom: 0.8333333333rem;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  padding-top: 150px;
}
.mobile-menu .mobile__menu {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  background-color: #ffffff;
}
.mobile-menu.has-sliderbanner .mobile__menu {
  background-color: #53555E;
}
.mobile-menu.has-sliderbanner .mobile__menu a {
  color: #ffffff;
}
.mobile-menu.has-sliderbanner .mobile__menu a:hover {
  color: #00A5E3;
}
.mobile__menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobile__menu .menu a {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  display: block;
  padding: 0.2777777778rem 0.8333333333rem;
  color: #53555E;
  text-transform: uppercase;
  font-size: 20px;
}
@media (min-width: 768px) {
  .mobile__menu .menu a {
    font-size: 30px;
  }
}
@media (min-width: 1024px) {
  .mobile__menu .menu a {
    font-size: 40px;
  }
}

/*
* Footer
*/
.footer {
  padding: 2.7777777778rem 0;
}
.footer hr,
.footer [role=contentinfo] {
  display: none;
}
.footer__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .footer__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .footer__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.footer__row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    text-align: initial;
  }
}
@media (min-width: 1024px) {
  .footer__row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .footer__coordo {
    width: 25%;
  }
}
.footer__address {
  display: block;
  font-size: 16px;
  line-height: 19px;
  padding: 0.8333333333rem 0 1.6666666667rem;
}
.footer__social {
  display: flex;
  justify-content: center;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .footer__social {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.footer__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00A5E3;
  border: 1px solid #00A5E3;
  width: 34px;
  height: 34px;
}
.footer__social-link + .footer__social-link {
  margin-left: 10px;
}
.footer__social-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.footer__social-link a:hover {
  background-color: #00A5E3;
}
.footer__social-link a:hover svg path {
  fill: #ffffff;
}
.footer__menu {
  margin-top: 1.6666666667rem;
  text-align: center;
}
@media (min-width: 768px) {
  .footer__menu {
    margin-top: 0;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .footer__menu {
    text-align: left;
  }
}
.footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__menu a {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
}
.footer__menu a:hover {
  color: #00A5E3;
}
.footer__bottom {
  text-align: right;
}
.footer__bottom a {
  text-decoration: underline;
}
.footer__copy {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .footer__copy {
    text-align: right;
  }
}
.footer__copy-block {
  display: block;
}
@media (min-width: 768px) {
  .footer__copy-block {
    display: inline-block;
  }
}

/*
* Burger */
.header__burger {
  transition: 0.25s ease all;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  outline: 0;
  font-size: 1rem;
  cursor: pointer;
  text-transform: lowercase;
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}
.header__burger:hover .hamburger-inner {
  background-color: #00A5E3;
}
.header__burger:hover .hamburger-inner::before, .header__burger:hover .hamburger-inner::after {
  background-color: #00A5E3;
}
.has-sliderbanner .header__burger .hamburger-inner {
  background-color: #ffffff;
}
.has-sliderbanner .header__burger .hamburger-inner::before, .has-sliderbanner .header__burger .hamburger-inner::after {
  background-color: #ffffff;
}
.header__burger .opened {
  display: none;
}
.header__burger .hamburger-box {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 29px;
}
.header__burger .hamburger-inner {
  transition: 0.25s ease all;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 3px;
  background-color: #53555E;
}
.header__burger .hamburger-inner::before, .header__burger .hamburger-inner::after {
  transition: 0.25s ease all;
  content: "";
  display: block;
  position: absolute;
  width: 27px;
  height: 3px;
  border-radius: 3px;
  background-color: #53555E;
}
.header__burger .hamburger-inner::before {
  transition: top 75ms ease 0.12s, opacity 75ms ease;
  top: -10px;
}
.mobile-menu .header__burger .hamburger-inner::before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}
.header__burger .hamburger-inner::after {
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  bottom: -10px;
}
.mobile-menu .header__burger .hamburger-inner::after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
.mobile-menu .header__burger .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}

/*
* Forms
*/
div[role=form] {
  max-width: 850px;
  margin: 0 auto;
}
div[role=form] form {
  padding: 0 0.8333333333rem;
  position: relative;
}
div[role=form] form br {
  display: none;
}
div[role=form] form input,
div[role=form] form textarea,
div[role=form] form select {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  width: 100%;
  border: 1px solid #53555E;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0.8333333333rem;
  padding: 0.8333333333rem;
  font-size: 14px;
}
div[role=form] form input[type=submit],
div[role=form] form textarea[type=submit],
div[role=form] form select[type=submit] {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #ffffff;
  cursor: pointer;
  float: right;
  margin-top: 0;
}
@media (min-width: 768px) {
  div[role=form] form input[type=submit],
  div[role=form] form textarea[type=submit],
  div[role=form] form select[type=submit] {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.lmbg-grey div[role=form] form input[type=submit],
.lmbg-grey div[role=form] form textarea[type=submit],
.lmbg-grey div[role=form] form select[type=submit] {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #00A5E3;
}
.lmbg-grey div[role=form] form input[type=submit]:hover,
.lmbg-grey div[role=form] form textarea[type=submit]:hover,
.lmbg-grey div[role=form] form select[type=submit]:hover {
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #53555E;
}
.lmbg-blue div[role=form] form input[type=submit],
.lmbg-blue div[role=form] form textarea[type=submit],
.lmbg-blue div[role=form] form select[type=submit] {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #53555E;
}
.lmbg-blue div[role=form] form input[type=submit]:hover,
.lmbg-blue div[role=form] form textarea[type=submit]:hover,
.lmbg-blue div[role=form] form select[type=submit]:hover {
  background-color: #53555E;
  border-color: #53555E;
  color: #ffffff;
}
div[role=form] form input[type=submit]:hover,
div[role=form] form textarea[type=submit]:hover,
div[role=form] form select[type=submit]:hover {
  background-color: #53555E;
  border-color: #53555E;
}
div[role=form] form label:first-of-type, div[role=form] form label:nth-of-type(2) {
  width: 49%;
  display: inline-block;
}
div[role=form] form label:nth-of-type(2) {
  float: right;
}
div[role=form] form label#file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 13px;
}
div[role=form] form label#file::after {
  transition: 0.25s ease all;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  content: "Télécharger";
  font-size: 14px;
  text-transform: uppercase;
  color: #00A5E3;
  border: 1px solid #00A5E3;
  min-width: 160px;
  height: 36px;
  margin-left: 0.8333333333rem;
  cursor: pointer;
}
div[role=form] form label#file:hover::after {
  background-color: #00A5E3;
  color: #ffffff;
}
div[role=form] form label#file span {
  display: none;
}
div[role=form] form .file-selected {
  font-size: 12px;
  padding-top: 0.8333333333rem;
  position: absolute;
}
div[role=form] form .wpcf7-response-output {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.page-id-15 input[type=submit],
.single-jobs input[type=submit] {
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0.8333333333rem;
  bottom: -10px;
  width: 160px !important;
  height: 36px !important;
  padding: 0 !important;
}

/*
* BLOCK - Slider Banner
*/
.block-sliderbanner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  height: 100vh;
  width: 100%;
}
.block-sliderbanner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(83, 85, 94, 0.9);
  mix-blend-mode: color;
}
.block-sliderbanner__container {
  overflow: hidden;
  height: 100%;
  position: relative;
}
.block-sliderbanner__slide {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.block-sliderbanner__content {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding-top: 4.1666666667rem;
}
@media (min-width: 640px) {
  .block-sliderbanner__content {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .block-sliderbanner__content {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.block-sliderbanner__content p a {
  text-decoration: underline;
}
.block-sliderbanner__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 35px;
  line-height: 1.2;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .block-sliderbanner__title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .block-sliderbanner__title {
    font-size: 45px;
  }
}
@media (min-width: 1024px) {
  .block-sliderbanner__title {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .block-sliderbanner__title {
    font-size: 60px;
  }
}
@media (min-width: 1024px) {
  .block-sliderbanner__title {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  .block-sliderbanner__title {
    width: 70%;
  }
}
.block-sliderbanner__title a {
  text-decoration: underline;
}
.block-sliderbanner__subtitle {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  color: #00A5E3;
  margin-top: 0.8333333333rem;
  font-size: 25px;
}
@media (min-width: 1200px) {
  .block-sliderbanner__subtitle {
    width: 70%;
  }
}
@media (min-width: 1500px) {
  .block-sliderbanner__subtitle {
    font-size: 28px;
  }
}
.block-sliderbanner__button {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
  margin-top: 1.6666666667rem;
}
@media (min-width: 768px) {
  .block-sliderbanner__button {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.block-sliderbanner__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .block-sliderbanner__button, .block-sliderbanner .block-sliderbanner__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .block-sliderbanner__button:hover, .block-sliderbanner .block-sliderbanner__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .block-sliderbanner__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .block-sliderbanner__button:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}
.block-sliderbanner__pagination {
  bottom: 2.7777777778rem !important;
}
@media (min-width: 1500px) {
  .block-sliderbanner__pagination {
    bottom: 5.5555555556rem !important;
  }
}
.block-sliderbanner__pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  background: #ffffff;
  opacity: 1;
  width: 17px;
  height: 17px;
  position: relative;
}
.block-sliderbanner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00A5E3;
  border: 2px solid #ffffff;
}

/*
* Content Slider
*/
.block-titleslider {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .block-titleslider {
    flex-direction: row;
  }
}
.block-titleslider__container {
  flex: 1;
  overflow: hidden;
  position: relative;
  padding-bottom: 2.7777777778rem;
}
@media (min-width: 1024px) {
  .block-titleslider__container {
    margin-right: 0.8333333333rem;
    padding: 0;
  }
}
.lmbg-grey .block-titleslider .block-titleslider__slide {
  background-color: #53555E;
}
.lmbg-blue .block-titleslider .block-titleslider__slide {
  background-color: #00A5E3;
}
.lmbg-blue .block-titleslider .block-titleslider__title {
  color: #53555E !important;
}
.lmbg-snow .block-titleslider .block-titleslider__slide {
  background-color: #E9E9EA;
}
.lmbg-white .block-titleslider .block-titleslider__slide {
  background-color: #ffffff;
}
.block-titleslider .block-titleslider__slide {
  background-color: #ffffff;
}
.block-titleslider__content {
  flex: 1;
  margin-top: 2.7777777778rem;
}
@media (min-width: 1024px) {
  .block-titleslider__content {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .block-titleslider__content {
    margin-left: 0.8333333333rem;
  }
}
.block-titleslider__content p:first-child {
  margin-top: 0;
}
.block-titleslider__content p a {
  text-decoration: underline;
}
.block-titleslider__title {
  color: #00A5E3 !important;
  text-transform: none;
  font-size: 22px;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .block-titleslider__title {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .block-titleslider__title {
    font-size: 30px;
  }
}
@media (min-width: 1024px) {
  .block-titleslider__title {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .block-titleslider__title {
    font-size: 40px;
  }
}
.block-titleslider__title a {
  text-decoration: underline;
}
.block-titleslider__button {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #ffffff;
}
@media (min-width: 768px) {
  .block-titleslider__button {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.lmbg-grey .block-titleslider__button {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #00A5E3;
}
.lmbg-grey .block-titleslider__button:hover {
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #53555E;
}
.lmbg-blue .block-titleslider__button {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #53555E;
}
.lmbg-blue .block-titleslider__button:hover {
  background-color: #53555E;
  border-color: #53555E;
  color: #ffffff;
}
.block-titleslider__button:hover {
  background-color: #53555E;
  border-color: #53555E;
}
.block-titleslider__pagination {
  position: absolute !important;
  bottom: 0.8333333333rem;
  text-align: left !important;
  margin: -10px -0.8333333333rem 0;
}
@media (min-width: 1024px) {
  .block-titleslider__pagination {
    position: relative !important;
  }
}
.block-titleslider__pagination .swiper-pagination-bullet {
  transition: 0.25s ease all;
  width: 50px;
  height: 5px;
  background: #53555E;
  border-radius: 10px;
  margin: 0 0.2777777778rem !important;
  opacity: 1;
}
@media (min-width: 1024px) {
  .block-titleslider__pagination .swiper-pagination-bullet {
    width: 86px;
    margin: 0 0.8333333333rem !important;
  }
}
.block-titleslider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00A5E3;
}
.lmbg-grey .block-titleslider .block-titleslider__pagination .swiper-pagination-bullet, .lmbg-blue .block-titleslider .block-titleslider__pagination .swiper-pagination-bullet {
  background: #ffffff;
}
.lmbg-grey .block-titleslider .block-titleslider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .lmbg-blue .block-titleslider .block-titleslider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E9E9EA;
}

/*
* Block - Testimonies
*/
.block-testimonies {
  position: relative;
}
.block-testimonies__container {
  overflow: hidden;
}
.block-testimonies__slide {
  height: auto !important;
}
.block-testimonies__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  margin-bottom: 0.8333333333rem;
  text-transform: initial;
  color: initial;
}
@media (min-width: 1024px) {
  .block-testimonies__title {
    font-size: 25px;
    margin-bottom: 1.6666666667rem;
  }
}
.block-testimonies__testimony {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  margin-bottom: 0.8333333333rem;
  font-size: 19px;
  line-height: 1.3;
}
@media (min-width: 640px) {
  .block-testimonies__testimony {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .block-testimonies__testimony {
    font-size: 22px;
  }
}
@media (min-width: 1024px) {
  .block-testimonies__testimony {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .block-testimonies__testimony {
    font-size: 26px;
    margin-bottom: 1.6666666667rem;
  }
}
@media (min-width: 1200px) {
  .block-testimonies__testimony {
    font-size: 30px;
  }
}
.block-testimonies__testimony a {
  text-decoration: underline;
}
.block-testimonies__client {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.15;
}
@media (min-width: 640px) {
  .block-testimonies__client {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .block-testimonies__client {
    font-size: 17px;
  }
}
@media (min-width: 1024px) {
  .block-testimonies__client {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .block-testimonies__client {
    font-size: 20px;
  }
}
.block-testimonies__client a {
  text-decoration: underline;
}
.block-testimonies__pagination {
  position: relative !important;
  margin-top: 2.7777777778rem;
  bottom: initial !important;
  left: initial !important;
}
@media (min-width: 1024px) {
  .block-testimonies__pagination {
    margin-top: 5.5555555556rem;
  }
}
.block-testimonies__pagination .swiper-pagination-bullet {
  transition: 0.25s ease all;
  width: 50px;
  height: 5px;
  background: #53555E;
  border-radius: 10px;
  margin: 0 0.2777777778rem !important;
  opacity: 0.2;
}
@media (min-width: 1024px) {
  .block-testimonies__pagination .swiper-pagination-bullet {
    margin: 0 0.8333333333rem !important;
    width: 86px;
  }
}
.block-testimonies__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 0.5;
}
.lmbg-grey .block-testimonies .block-testimonies__pagination .swiper-pagination-bullet, .lmbg-blue .block-testimonies .block-testimonies__pagination .swiper-pagination-bullet {
  background: #ffffff;
}

/*
* Block - Btn Columns
*/
.block-btncolumns {
  margin-top: 1.6666666667rem;
}
.block-btncolumns__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .block-btncolumns__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .block-btncolumns__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.block-btncolumns__wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .block-btncolumns__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.block-btncolumns__item {
  width: 100%;
  margin: 1.6666666667rem;
  text-align: center;
}
@media (min-width: 768px) {
  .block-btncolumns__item {
    width: calc(50% - 3.3333333333rem);
  }
}
@media (min-width: 1024px) {
  .block-btncolumns__item {
    width: calc(33.33% - 3.3333333333rem);
  }
}
@media (min-width: 1500px) {
  .block-btncolumns__item {
    width: 100%;
    max-width: 315px;
  }
}
.block-btncolumns a.block-btncolumns__item:hover .block-btncolumns__title {
  color: #00A5E3;
}
.block-btncolumns__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  transition: 0.25s ease all;
  text-transform: uppercase;
  color: #53555E;
  font-size: 18px;
  line-height: 23px;
  margin-top: 1.6666666667rem;
}
@media (min-width: 768px) {
  .block-btncolumns__title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1024px) {
  .block-btncolumns__title {
    font-size: 22px;
    line-height: 27px;
  }
}

/*
* BLOCK - Columns 
*/
.block-columns__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .block-columns__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .block-columns__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.block-columns__wrapper {
  flex-direction: column;
}
.block-columns__wrapper[data-order=txtimg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .block-columns__wrapper[data-order=txtimg] {
    flex-direction: row-reverse;
  }
}
.block-columns__wrapper[data-order=imgtxt] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .block-columns__wrapper[data-order=imgtxt] {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .block-columns__wrapper[data-order=imgtxt] .block-columns__col.content {
    padding-left: 5.5555555556rem;
  }
}
.block-columns__col {
  flex: 1;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .block-columns__col {
    width: auto;
  }
}
.block-columns__col.content {
  padding: 2.7777777778rem 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .block-columns__col.content {
    padding-top: 0;
    padding-bottom: 0;
    text-align: initial;
  }
}
.block-columns__img {
  width: 100%;
  max-width: 500px;
}
@media (min-width: 1024px) {
  .block-columns__img {
    max-width: 100%;
  }
}
.block-columns__largetitle {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: none;
  color: #00A5E3;
  font-size: 24px;
}
@media (min-width: 768px) {
  .block-columns__largetitle {
    font-size: 38px;
    line-height: 1.25;
    padding-right: 20%;
  }
}
.block-columns__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: none;
  font-size: 20px;
  line-height: 48px;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .block-columns__title {
    font-size: 30px;
    line-height: 1.25;
    padding-right: 20%;
  }
}
.block-columns .lmbg-blue__largetitle, .block-columns .lmbg-blue__title {
  color: #53555E;
}
.block-columns__text {
  margin-top: 0.8333333333rem;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 640px) {
  .block-columns__text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .block-columns__text {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .block-columns__text {
    font-size: 22px;
  }
}
.block-columns__text img {
  max-width: 100%;
  width: auto;
  height: auto;
  position: relative;
  display: block;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .block-columns__text img {
    margin: 30px 0;
  }
}
@media (min-width: 1024px) {
  .block-columns__text img {
    margin: 40px 0;
  }
}
.block-columns__button {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .block-columns__button {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.block-columns__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .block-columns__button, .block-sliderbanner .block-columns__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .block-columns__button:hover, .block-sliderbanner .block-columns__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .block-columns__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .block-columns__button:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

/*
* BLOCK - Small Banner
*/
@media (min-width: 1024px) {
  .block-smallbanner {
    height: 225px;
  }
}
.block-smallbanner__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
@media (min-width: 640px) {
  .block-smallbanner__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .block-smallbanner__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.block-smallbanner__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 1.15;
}
@media (min-width: 640px) {
  .block-smallbanner__title {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .block-smallbanner__title {
    font-size: 38px;
  }
}
@media (min-width: 1024px) {
  .block-smallbanner__title {
    font-size: 44px;
  }
}

/*
* BLOCK - Timeline
*/
.block-timeline__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: initial;
  margin-bottom: 2.7777777778rem;
  font-size: 30px;
  line-height: 1.25;
  text-align: center;
}
@media (min-width: 640px) {
  .block-timeline__title {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .block-timeline__title {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .block-timeline__title {
    font-size: 50px;
  }
}
.lmbg-blue .block-timeline__title, .lmbg-grey .block-timeline__title {
  color: #ffffff;
}
.block-timeline__title a {
  text-decoration: underline;
}
.block-timeline__wrapper {
  position: relative;
  padding: 5.5555555556rem 0 11.1111111111rem;
}
.block-timeline__wrapper.is-scroll-visible::after {
  max-height: calc(100% + 100px);
}
.block-timeline__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.8333333333rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #53555E;
}
@media (min-width: 1024px) {
  .block-timeline__wrapper::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.block-timeline__wrapper::after {
  transition: 1.5s ease all;
  content: "";
  position: absolute;
  top: 0;
  height: calc(100% + 100px);
  max-height: 0;
  width: 1px;
  background-color: #53555E;
  left: calc(0.8333333333rem + 15px);
}
@media (min-width: 1024px) {
  .block-timeline__wrapper::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.lmbg-grey .block-timeline .block-timeline__wrapper::after, .lmbg-grey .block-timeline .block-timeline__wrapper::before, .lmbg-blue .block-timeline .block-timeline__wrapper::after, .lmbg-blue .block-timeline .block-timeline__wrapper::before {
  background-color: #ffffff;
}
.lmbg-grey .block-timeline .block-timeline__col.dot::before, .lmbg-blue .block-timeline .block-timeline__col.dot::before {
  background-color: #ffffff;
}
.block-timeline__item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1024px) {
  .block-timeline__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
}
.block-timeline__item + .block-timeline__item {
  margin-top: 11.1111111111rem;
}
.block-timeline__item:nth-child(odd) .block-timeline__col:first-child {
  margin-left: 5.5555555556rem;
  transform: translateX(100px);
}
@media (min-width: 1024px) {
  .block-timeline__item:nth-child(odd) .block-timeline__col:first-child {
    text-align: right;
    margin-left: 0;
    margin-right: 5.5555555556rem;
    transform: translateX(-200px);
  }
}
.block-timeline__item:nth-child(odd) .block-timeline__col:last-child {
  transform: translateX(200px);
  margin-left: 5.5555555556rem;
}
@media (min-width: 1024px) {
  .block-timeline__item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.block-timeline__item:nth-child(even) .block-timeline__col:first-child {
  margin-left: 5.5555555556rem;
  transform: translateX(200px);
}
@media (min-width: 1024px) {
  .block-timeline__item:nth-child(even) .block-timeline__col:first-child {
    transform: translateX(200px);
  }
}
.block-timeline__item:nth-child(even) .block-timeline__col:last-child {
  margin-left: 5.5555555556rem;
  transform: translateX(100px);
}
@media (min-width: 1024px) {
  .block-timeline__item:nth-child(even) .block-timeline__col:last-child {
    text-align: right;
    margin-left: 0;
    margin-right: 5.5555555556rem;
    transform: translateX(-200px);
  }
}
.block-timeline__item.is-scroll-visible .block-timeline__col {
  transform: translateX(0) !important;
  opacity: 1;
}
.block-timeline__col {
  transition: 1.5s ease all;
  opacity: 0;
  flex: 1;
}
.block-timeline__col.dot {
  flex: 0;
  position: absolute;
  top: 25px;
  left: calc(0.8333333333rem + 15px);
}
@media (min-width: 1024px) {
  .block-timeline__col.dot {
    position: relative;
    top: initial;
    left: initial;
  }
}
.block-timeline__col.dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #53555E;
}
.block-timeline__col.text {
  font-size: 14px;
  line-height: 34px;
}
.block-timeline__col.text a {
  text-decoration: underline;
}
@media (min-width: 640px) {
  .block-timeline__col.text {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .block-timeline__col.text {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .block-timeline__col.text {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .block-timeline__col.text {
    font-size: 18px;
  }
}
@media (min-width: 1500px) {
  .block-timeline__col.text {
    font-size: 20px;
  }
}
.block-timeline__word {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 26px;
  line-height: 1.4;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #53555E;
  color: #ffffff;
  word-break: normal;
}
@media (min-width: 640px) {
  .block-timeline__word {
    font-size: 30px;
    letter-spacing: 1.2px;
    word-break: break-word;
  }
}
@media (min-width: 768px) {
  .block-timeline__word {
    font-size: 24px;
    letter-spacing: 1.2px;
    word-break: break-word;
  }
}
@media (min-width: 1024px) {
  .block-timeline__word {
    font-size: 38px;
    letter-spacing: 2px;
    word-break: break-word;
  }
}
@media (min-width: 1200px) {
  .block-timeline__word {
    font-size: 50px;
    letter-spacing: 2px;
    word-break: normal;
  }
}
.block-timeline__word .special {
  color: #53555E;
}
.block-timeline__word a {
  text-decoration: underline;
}
.lmbg-grey .block-timeline .block-timeline__word {
  -webkit-text-stroke-color: #ffffff;
  color: #53555E;
}
.lmbg-grey .block-timeline .block-timeline__word .special {
  color: #ffffff;
}
.lmbg-blue .block-timeline .block-timeline__word {
  -webkit-text-stroke-color: #ffffff;
  color: #00A5E3;
}
.lmbg-blue .block-timeline .block-timeline__word .special {
  color: #ffffff;
}
.lmbg-snow .block-timeline .block-timeline__word {
  color: #E9E9EA;
}

/*
* Services
*/
.block-services__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .block-services__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .block-services__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.block-services__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -0.8333333333rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .block-services__wrapper {
    flex-direction: row;
  }
}
.block-services__item {
  padding: 2.7777777778rem 0 5.5555555556rem;
}
@media (min-width: 768px) {
  .block-services__item {
    padding: 5.5555555556rem 0;
  }
}
@media (min-width: 1024px) {
  .block-services__item {
    padding: 11.1111111111rem 0;
  }
}
.block-services__col {
  margin: 0 0.8333333333rem;
}
.block-services__icon {
  width: 50%;
  text-align: center;
  margin-bottom: 1.6666666667rem;
}
@media (min-width: 1024px) {
  .block-services__icon {
    width: 25%;
    margin-bottom: 0;
  }
}
.block-services__icon img {
  width: 100%;
  max-width: 250px;
}
.block-services__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  color: #00A5E3;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.8333333333rem;
  text-transform: none;
}
.block-services__title a {
  text-decoration: underline;
}
@media (min-width: 640px) {
  .block-services__title {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .block-services__title {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  .block-services__title {
    font-size: 30px;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .block-services__title {
    font-size: 32px;
  }
}
@media (min-width: 1500px) {
  .block-services__title {
    font-size: 34px;
    margin-bottom: 0;
    margin-left: 0;
  }
}
.lmbg-blue .block-services__title {
  color: #53555E;
}
.block-services__content p a {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .block-services__content {
    width: 50%;
  }
}
.block-services__subtitle {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1.25;
}
.block-services__subtitle a {
  text-decoration: underline;
}
@media (min-width: 640px) {
  .block-services__subtitle {
    font-size: 21px;
  }
}
@media (min-width: 768px) {
  .block-services__subtitle {
    font-size: 23px;
  }
}
@media (min-width: 1024px) {
  .block-services__subtitle {
    font-size: 26px;
  }
}
@media (min-width: 1500px) {
  .block-services__subtitle {
    font-size: 28px;
  }
}
.block-services__button {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
  width: auto;
}
@media (min-width: 768px) {
  .block-services__button {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.block-services__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .block-services__button, .block-sliderbanner .block-services__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .block-services__button:hover, .block-sliderbanner .block-services__button:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .block-services__button {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .block-services__button:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

/*
* Gutenberg - Quote
*/
.wp-block-pullquote {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  text-align: left;
}
.wp-block-pullquote blockquote {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  font-size: 21px;
  line-height: 1.35;
  margin: 0;
  max-width: 70%;
}
.wp-block-pullquote blockquote p {
  font-size: inherit;
  margin: 0;
}
@media (min-width: 768px) {
  .wp-block-pullquote blockquote {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  .wp-block-pullquote blockquote {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .wp-block-pullquote blockquote {
    font-size: 34px;
  }
}
.wp-block-pullquote::before {
  content: url("assets/animate/large-arrow-grey.svg");
  display: inline-block;
  margin-right: 2.7777777778rem;
  margin-top: 19px;
  width: 100px;
}
.lmbg-grey .wp-block-pullquote::before, .lmbg-blue .wp-block-pullquote::before {
  content: url("assets/animate/large-arrow-white.svg");
}

/*
*
*/
h2:not([class]) {
  font-family: "Roboto", serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  color: #53555E;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  h2:not([class]) {
    font-size: 30px;
  }
}
@media (min-width: 1024px) {
  h2:not([class]) {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  h2:not([class]) {
    font-size: 40px;
  }
}
h2:not([class])::before, h2:not([class])::after {
  content: "";
  width: 75px;
  height: 1px;
  background-color: #53555E;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
h2:not([class])::before {
  top: -0.8333333333rem;
}
h2:not([class])::after {
  bottom: -0.8333333333rem;
}
.lmbg-grey h2:not([class]), .lmbg-blue h2:not([class]) {
  color: #ffffff;
}
.lmbg-grey h2:not([class])::before, .lmbg-grey h2:not([class])::after, .lmbg-blue h2:not([class])::before, .lmbg-blue h2:not([class])::after {
  background-color: #ffffff;
}

/*
* Jobs
*/
.job {
  padding: 5.5555555556rem 0;
}
.job__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .job__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .job__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.job__suptitle, .job__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 50px;
  line-height: 55px;
  text-transform: uppercase;
  margin: 0;
}
.job__description {
  margin-top: 1.6666666667rem;
}
.job__description-title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  color: #00A5E3;
  font-size: 20px;
  line-height: 24px;
  border-bottom: 1px solid #53555E;
  padding-bottom: 10px;
}
.job__description-content {
  margin-top: 0.8333333333rem;
}
.job__doc {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .job__doc {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.job__doc:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .job__doc, .block-sliderbanner .job__doc {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .job__doc:hover, .block-sliderbanner .job__doc:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .job__doc {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .job__doc:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}
.job__form {
  margin-bottom: 5.5555555556rem;
}
.job__form h2 {
  margin-bottom: 2.7777777778rem;
}

/*
* Blogpost
*/
.blogpost__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
}
@media (min-width: 640px) {
  .blogpost__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .blogpost__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.blogpost__header {
  margin-top: 2.7777777778rem;
}
.blogpost__date {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  color: #00A5E3;
  font-size: 16px;
  text-transform: uppercase;
}
.blogpost__cats {
  margin-top: 0.8333333333rem;
}
.blogpost__cat {
  padding: 0.2777777778rem 1.6666666667rem;
  font-size: 14px;
  background-color: #f1f1f1;
  color: #b1b1b0;
}
.blogpost__cat + .blogpost__cat {
  margin-left: 0.8333333333rem;
}
.blogpost__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 40px;
  line-height: 45px;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .blogpost__title {
    width: 50%;
  }
}
.blogpost__content {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  margin: 2.7777777778rem 0;
}
.blogpost__content a {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  display: inline;
  text-transform: none;
  text-decoration: underline;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: #00A5E3;
  margin: 2.7777777778rem 0;
}
.blogpost__content p a {
  display: inline-block;
  margin: 0;
}
.blogpost__content h2 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  margin: 2.7777777778rem 0 0.8333333333rem;
  font-size: 17px;
  line-height: 1.3;
  text-align: left;
}
@media (min-width: 640px) {
  .blogpost__content h2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .blogpost__content h2 {
    font-size: 19px;
  }
}
@media (min-width: 1024px) {
  .blogpost__content h2 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .blogpost__content h2 {
    font-size: 22px;
  }
}
@media (min-width: 1500px) {
  .blogpost__content h2 {
    font-size: 24px;
  }
}
.blogpost__content h2::before, .blogpost__content h2::after {
  display: none;
}
.blogpost__content blockquote {
  margin-right: 1.6666666667rem;
  margin-left: 1.6666666667rem;
  width: calc(100% - (1.6666666667rem * 2));
  max-width: 920px;
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .blogpost__content blockquote {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .blogpost__content blockquote {
    margin: 0 auto;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .blogpost__content blockquote {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .blogpost__content blockquote {
    font-size: 19px;
  }
}
@media (min-width: 1024px) {
  .blogpost__content blockquote {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .blogpost__content blockquote {
    font-size: 22px;
  }
}
@media (min-width: 1500px) {
  .blogpost__content blockquote {
    font-size: 24px;
  }
}
.blogpost__content li::marker {
  color: #00A5E3;
}
.blogpost__main p, .blogpost__main li {
  font-size: 13px;
  line-height: 1.65;
}
@media (min-width: 640px) {
  .blogpost__main p, .blogpost__main li {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .blogpost__main p, .blogpost__main li {
    font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .blogpost__main p, .blogpost__main li {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .blogpost__main p, .blogpost__main li {
    font-size: 17px;
  }
}
@media (min-width: 1500px) {
  .blogpost__main p, .blogpost__main li {
    font-size: 18px;
  }
}
.blogpost__main > p:first-of-type {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.65;
}
@media (min-width: 640px) {
  .blogpost__main > p:first-of-type {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .blogpost__main > p:first-of-type {
    font-size: 17px;
  }
}
@media (min-width: 1024px) {
  .blogpost__main > p:first-of-type {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .blogpost__main > p:first-of-type {
    font-size: 19px;
  }
}
@media (min-width: 1500px) {
  .blogpost__main > p:first-of-type {
    font-size: 20px;
  }
}
.blogpost__featured {
  width: 100%;
}
@media (min-width: 1024px) {
  .blogpost__featured {
    float: right;
    max-width: 60%;
    padding: 0 0 1.6666666667rem 1.6666666667rem;
  }
}
.blogpost .wp-block-media-text img {
  height: auto;
}
.blogpost .wp-block-media-text__content {
  padding: 0;
  margin-top: 0.8333333333rem;
}
@media (min-width: 768px) {
  .blogpost .wp-block-media-text__content {
    padding-left: 8%;
    margin-top: 0;
  }
}
.blogpost .wp-block-media-text__content > h2:first-of-type {
  margin-top: 0;
}
.blogpost__back {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
  width: auto;
  margin-bottom: 5.5555555556rem;
}
@media (min-width: 768px) {
  .blogpost__back {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.blogpost__back:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .blogpost__back, .block-sliderbanner .blogpost__back {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .blogpost__back:hover, .block-sliderbanner .blogpost__back:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .blogpost__back {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .blogpost__back:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

/*
* Blog
*/
.blogpage__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 65px;
  line-height: 80px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .blogpage__title {
    width: 50%;
  }
}
.blogpage__container {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5.5555555556rem 0;
  flex-direction: column;
}
@media (min-width: 640px) {
  .blogpage__container {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .blogpage__container {
    max-width: 1460px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .blogpage__container {
    flex-direction: row;
  }
}
.blogpage #caf-post-layout-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5.5555555556rem 0;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .blogpage #caf-post-layout-container {
    flex-direction: row;
  }
}
.blogpage__sidebar {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 2.7777777778rem;
}
@media (min-width: 1024px) {
  .blogpage__sidebar {
    width: 300px;
    padding-right: 1.6666666667rem;
  }
}
.blogpage__sidebar-title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  color: #00A5E3;
  font-size: 24px;
}
.blogpage__sidebar-selected {
  margin: 1.6666666667rem -0.2777777778rem;
}
.blogpage__sidebar-selected-item {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  transition: 0.25s ease all;
  background-color: #f1f1f1;
  font-size: 13px;
  margin: 0.2777777778rem;
  padding: 0.2777777778rem 0.2777777778rem;
  cursor: pointer;
}
.blogpage__sidebar-selected-item::after {
  content: "×";
  margin-left: 0.2777777778rem;
}
.blogpage__sidebar-selected-item:hover {
  background-color: #b1b1b0;
}
.blogpage .caf-filter-layout {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 2.7777777778rem;
  float: none;
}
@media (min-width: 1024px) {
  .blogpage .caf-filter-layout {
    width: 300px !important;
    padding-right: 1.6666666667rem !important;
  }
}
.blogpage .caf-filter-layout h2 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px !important;
  background: transparent !important;
  color: #00A5E3 !important;
  text-align: left;
  padding: 0 !important;
  margin-bottom: 0.8333333333rem;
}
.blogpage .caf-filter-layout h2::before, .blogpage .caf-filter-layout h2::after {
  display: none;
}
.blogpage .caf-filter-layout .blogpage__filters-title {
  border-top: 1px solid #53555E;
  padding-top: 0.8333333333rem;
}
.blogpage .caf-filter-layout.show-filters .caf-filter-container {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  max-height: 100%;
}
.blogpage .caf-filter-layout.show-filters .blogpage__filters-title::after {
  content: "-";
}
.blogpage .caf-filter-container {
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  max-height: 0;
}
.blogpage .caf-filter-container a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
  padding: 0;
  border-bottom: 0;
}
.blogpage .caf-filter-container a:hover {
  color: #00A5E3;
}
.blogpage .caf-filter-container a .post_count,
.blogpage .caf-filter-container a i {
  display: none;
}
.blogpage__filters {
  border-top: 1px solid #53555E;
  padding-top: 0.8333333333rem;
}
.blogpage__filters.show-filters .blogpage__filters-filter {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  max-height: 100%;
}
.blogpage__filters.show-filters .blogpage__filters-title::after {
  content: "-";
}
.blogpage__filters-title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-size: 16px;
  margin-bottom: 0.8333333333rem;
  cursor: pointer;
}
.blogpage__filters-title::after {
  content: "+";
}
.blogpage__filters-title:hover {
  color: #00A5E3;
}
.blogpage__filters-filter {
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  max-height: 0;
}
.blogpage__filters-filter a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
}
.blogpage__filters-filter a:hover {
  color: #00A5E3;
}
.blogpage__list,
.blogpage .caf-row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -0.8333333333rem;
}
.blogpage .caf-row {
  padding: 0 !important;
}
.blogpage__item,
.blogpage article {
  transition: 0.25s ease all;
  margin: 0.8333333333rem;
  border: 5px solid #53555E;
  padding: 1.6666666667rem;
  display: inline-block;
  width: calc(100% + 1.6666666667rem) !important;
}
.blogpage__item:hover,
.blogpage article:hover {
  background-color: #53555E;
  color: #ffffff;
}
.blogpage__item:hover .blogpage__item-title,
.blogpage__item:hover .latest-articles__item-title,
.blogpage article:hover .blogpage__item-title,
.blogpage article:hover .latest-articles__item-title {
  color: #ffffff;
}
.blogpage__item-date,
.blogpage article-date {
  color: #00A5E3;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 0.8333333333rem;
  display: inline-block;
  margin-bottom: 0.8333333333rem;
}
.blogpage__item-cat,
.blogpage article-cat {
  padding: 0.2777777778rem 1.6666666667rem;
  font-size: 14px;
  background-color: #f1f1f1;
  color: #b1b1b0;
}
.blogpage__item-cat + .blogpage__item-cat,
.blogpage article-cat + .blogpage__item-cat {
  margin-left: 0.8333333333rem;
}
.blogpage__item-title,
.blogpage article-title {
  color: #53555E;
  font-size: 28px;
  line-height: 34px;
  text-transform: initial;
  padding: 0.8333333333rem 0;
}
@media (min-width: 768px) {
  .blogpage__item,
  .blogpage article {
    width: calc(50% - 1.6666666667rem) !important;
  }
}
.blogpage__item.hide,
.blogpage article.hide {
  display: none;
}
.blogpage #manage-ajax-response {
  width: calc(100% + 1.6666666667rem) !important;
}
.blogpage article#caf-post-layout1 {
  flex: initial;
  max-width: 100% !important;
}
.blogpage article#caf-post-layout1:hover {
  color: #ffffff;
}
.blogpage article#caf-post-layout1:hover h2,
.blogpage article#caf-post-layout1:hover .caf-content {
  color: #ffffff !important;
}
.blogpage article#caf-post-layout1 .manage-layout1 {
  box-shadow: none !important;
}
.blogpage article#caf-post-layout1 .manage-layout1 #manage-post-area {
  background: transparent !important;
}
.blogpage article#caf-post-layout1 .caf-featured-img-box {
  display: none !important;
}
.blogpage article#caf-post-layout1 .caf-post-title {
  padding: 0;
}
.blogpage article#caf-post-layout1 .caf-post-title h2 {
  color: #53555E;
  font-size: 28px;
  line-height: 34px;
  text-transform: initial;
  padding: 0.8333333333rem 0;
  text-align: left;
}
.blogpage article#caf-post-layout1 .caf-post-title h2::before, .blogpage article#caf-post-layout1 .caf-post-title h2::after {
  display: none;
}
.blogpage article#caf-post-layout1 .caf-meta-content {
  background: transparent;
  border-bottom: 0;
}
.blogpage article#caf-post-layout1 .caf-meta-content .author,
.blogpage article#caf-post-layout1 .caf-meta-content .comment,
.blogpage article#caf-post-layout1 .caf-meta-content .date i {
  display: none !important;
}
.blogpage article#caf-post-layout1 .caf-meta-content .date {
  color: #00A5E3;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 0.8333333333rem;
  display: inline-block;
  margin-bottom: 0.8333333333rem;
}
.blogpage article#caf-post-layout1 .caf-content {
  background: transparent;
  font-size: inherit;
  padding: 0 !important;
}
.blogpage article#caf-post-layout1 .caf-content-read-more {
  display: none;
}
.blogpage .caf-pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right !important;
}
.blogpage .caf-pagination li {
  display: inline-block;
}
.blogpage .caf-pagination li span {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  font-weight: bold;
  color: #53555E !important;
  font-size: 26px !important;
}
.blogpage .caf-pagination li span::after {
  content: "";
  width: 16px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background-color: #53555E;
  position: absolute;
}
.blogpage .caf-pagination li a {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  display: block;
  padding: 0.2777777778rem 0.8333333333rem !important;
  font-size: 26px !important;
  position: relative;
  min-width: 60px;
  text-align: center;
  background-color: transparent !important;
  color: #53555E !important;
}
.blogpage__navigation {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}
.blogpage__navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blogpage__navigation li {
  display: inline-block;
}
.blogpage__navigation li.active a::after {
  content: "";
  width: 16px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background-color: #53555E;
  position: absolute;
}
.blogpage__navigation a {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 900;
  display: block;
  padding: 0.2777777778rem 0.8333333333rem;
  font-size: 26px;
  position: relative;
  min-width: 60px;
  text-align: center;
}

/*
* Newsletter
*/
.newsletter__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  position: relative;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: white;
  text-transform: initial;
}
.newsletter__title::before, .newsletter__title::after {
  content: "";
  width: 75px;
  height: 1px;
  background-color: #53555E;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.newsletter__title::before {
  top: -0.8333333333rem;
}
.newsletter__title::after {
  bottom: -0.8333333333rem;
}
.lmbg-blue .newsletter__title::before, .lmbg-blue .newsletter__title::after, .lmbg-grey .newsletter__title::before, .lmbg-grey .newsletter__title::after {
  background: #ffffff;
}
.newsletter form {
  display: inline-block;
  margin-top: 2.7777777778rem;
  text-align: center;
  width: 100%;
}
.newsletter form input[type=email] {
  border: 1px solid #ffffff;
  background: transparent;
  width: 100%;
  max-width: 360px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 2px;
  padding: 8px 10px;
  text-transform: uppercase;
  display: inline-block;
}
@media (min-width: 768px) {
  .newsletter form input[type=email] {
    width: 360px;
  }
}
.newsletter form input[type=email]::-webkit-input-placeholder {
  color: #ffffff;
}
.newsletter form input[type=submit] {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #ffffff;
  background-color: #00A5E3 !important;
  color: #53555E !important;
  font-size: 14px;
  padding: 6px 20px !important;
  border-color: #00A5E3 !important;
  height: 35px !important;
  width: 160px;
  margin: 0.2777777778rem 0 0 0.2777777778rem;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .newsletter form input[type=submit] {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.lmbg-grey .newsletter form input[type=submit] {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #00A5E3;
}
.lmbg-grey .newsletter form input[type=submit]:hover {
  background-color: #00A5E3;
  border-color: #00A5E3;
  color: #53555E;
}
.lmbg-blue .newsletter form input[type=submit] {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #53555E;
}
.lmbg-blue .newsletter form input[type=submit]:hover {
  background-color: #53555E;
  border-color: #53555E;
  color: #ffffff;
}
.newsletter form input[type=submit]:hover {
  background-color: #53555E;
  border-color: #53555E;
}
@media (min-width: 768px) {
  .newsletter form input[type=submit] {
    margin: 0 0 0 0.2777777778rem;
  }
}
.newsletter form input[type=submit]:hover {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #00A5E3 !important;
}

/*
* Custom Shortcode - Team
*/
.team {
  transition: 0.25s ease all;
  margin: 0 0.8333333333rem;
  padding-top: 5.5555555556rem;
}
@media (min-width: 640px) {
  .team {
    margin: 0 2.7777777778rem;
  }
}
@media (min-width: 1500px) {
  .team {
    max-width: 1460px;
    margin: 0 auto;
  }
}
.team__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -10px;
}
.team__member {
  width: 100%;
  margin: 0 0 50px;
}
@media (min-width: 1024px) {
  .team__member {
    width: calc((100% - 40px) / 2);
    margin: 0 10px 70px;
  }
}
@media (min-width: 1200px) {
  .team__member {
    width: calc((100% - 60px) / 3);
  }
}
.team__img {
  position: relative;
}
.team__img:hover .team__resume {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
}
.team__img img {
  width: 100%;
}
.team__resume {
  transition: 0.25s ease all;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: auto;
  bottom: 0;
  height: auto;
  min-height: 40%;
  padding: 1.6666666667rem;
  background-color: rgba(83, 85, 94, 0.9);
  color: #ffffff;
  font-size: 15px;
}
@media (min-width: 1200px) {
  .team__resume {
    opacity: 0;
    visibility: hidden;
    top: 0;
    height: 100%;
  }
}
.team__content {
  position: relative;
  padding: 0.8333333333rem 1.6666666667rem 4.1666666667rem;
  text-align: center;
}
.team__name {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
}
.team__role {
  font-size: 16px;
  line-height: 19px;
  color: #00A5E3;
  margin-top: 10px;
}
.team__links {
  display: flex;
  justify-content: center;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.team__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #53555E;
  border: 1px solid #53555E;
  width: 34px;
  height: 34px;
}
.team__link + .team__link {
  margin-left: 10px;
}
.team__link svg path {
  fill: #53555E;
}

/*
* Shortcode - Coordonnees
*/
.coordo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .coordo {
    flex-direction: row;
  }
}
.coordo .map {
  width: 100%;
}
@media (min-width: 768px) {
  .coordo .map {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .coordo .map {
    width: 60%;
  }
}
.coordo .map iframe {
  width: 100%;
}
.coordo__wrapper {
  display: flex(center, center);
  width: 100%;
  margin-top: 2.7777777778rem;
  text-align: center;
}
@media (min-width: 768px) {
  .coordo__wrapper {
    text-align: left;
    width: auto;
    margin-top: 0;
  }
}
.coordo__address {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .coordo__address {
    font-size: 25px;
    line-height: 30px;
  }
}
.coordo__email {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
  margin: 2.7777777778rem 0;
}
@media (min-width: 768px) {
  .coordo__email {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.coordo__email:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .coordo__email, .block-sliderbanner .coordo__email {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .coordo__email:hover, .block-sliderbanner .coordo__email:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .coordo__email {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .coordo__email:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}
.coordo__social {
  display: flex;
  justify-content: center;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .coordo__social {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.coordo__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00A5E3;
  border: 1px solid #00A5E3;
  width: 34px;
  height: 34px;
}
.coordo__social-link + .coordo__social-link {
  margin-left: 10px;
}
.coordo__social-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.coordo__social-link a:hover {
  background-color: #00A5E3;
}
.coordo__social-link a:hover svg path {
  fill: #ffffff;
}

/*
* Job offers
*/
.jobs__offer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px dashed #53555E;
  padding: 0.2777777778rem;
}
.jobs__offer:last-of-type {
  border-bottom: 1px dashed #53555E;
}
.lmbg-grey .jobs .jobs__offer, .lmbg-blue .jobs .jobs__offer {
  border-top: 1px dashed #ffffff;
}
.lmbg-grey .jobs .jobs__offer:last-of-type, .lmbg-blue .jobs .jobs__offer:last-of-type {
  border-bottom: 1px dashed #ffffff;
}
.jobs__title {
  font-family: "Roboto", serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
}
.jobs__link {
  transition: 0.25s ease all;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-weight: 500;
  background-color: transparent;
  width: auto;
  min-width: 30p;
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0.8333333333rem;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 2em;
  overflow-wrap: unset;
  white-space: nowrap;
  margin: 0.8333333333rem 0;
  padding: 15px 15px;
  text-transform: uppercase;
  border-color: #00A5E3;
  color: #00A5E3;
}
@media (min-width: 768px) {
  .jobs__link {
    padding: 0.8333333333rem 2.7777777778rem;
    min-width: 225px;
  }
}
.jobs__link:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
  color: #ffffff;
}
.lmbg-grey .jobs__link, .block-sliderbanner .jobs__link {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-grey .jobs__link:hover, .block-sliderbanner .jobs__link:hover {
  border-color: #00A5E3;
  background-color: #00A5E3;
}
.lmbg-blue .jobs__link {
  border-color: #ffffff;
  color: #ffffff;
}
.lmbg-blue .jobs__link:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #53555E;
}

/*
* Latest Article
*/
.latest-articles {
  margin-top: 2.7777777778rem;
}
.latest-articles__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .latest-articles__wrapper {
    flex-direction: row;
  }
}
.latest-articles__item {
  transition: 0.25s ease all;
  margin: 0.8333333333rem;
  border: 5px solid #53555E;
  padding: 1.6666666667rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.8333333333rem;
}
.latest-articles__item:hover {
  background-color: #53555E;
  color: #ffffff;
}
.latest-articles__item:hover .blogpage__item-title,
.latest-articles__item:hover .latest-articles__item-title {
  color: #ffffff;
}
.latest-articles__item-date {
  color: #00A5E3;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 0.8333333333rem;
  display: inline-block;
  margin-bottom: 0.8333333333rem;
}
.latest-articles__item-cat {
  padding: 0.2777777778rem 1.6666666667rem;
  font-size: 14px;
  background-color: #f1f1f1;
  color: #b1b1b0;
}
.latest-articles__item-cat + .blogpage__item-cat {
  margin-left: 0.8333333333rem;
}
.latest-articles__item-title {
  color: #53555E;
  font-size: 28px;
  line-height: 34px;
  text-transform: initial;
  padding: 0.8333333333rem 0;
}
@media (min-width: 768px) {
  .latest-articles__item {
    width: calc((100% - 160px) / 3);
    margin-bottom: 0;
  }
}
.latest-articles__item-title {
  font-size: 24px;
  line-height: 28px;
}

/*# sourceMappingURL=style.css.map */