/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, .blog-slider__full-header, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  border-top: 55px solid #132f55;
  min-height: 100vh;
  color: #3c3c3b;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "azo-sans-web", sans-serif;
  box-sizing: border-box;
  line-height: 1.25;
}
@media screen and (min-width: 992px) {
  body {
    line-height: 1.375;
  }
}
@media screen and (min-width: 1200px) {
  body {
    border-top-width: 110px;
  }
}
@media screen and (min-width: 1500px) {
  body {
    border-top-width: 178px;
  }
}

h1 {
  font-size: 2.6rem;
  color: #132f55;
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1500px) {
  h1 {
    font-size: 5rem;
  }
}

h2 {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: 2.2rem;
  color: #132f55;
}
h2:only-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  h2 {
    margin-bottom: auto;
    font-size: 3rem;
  }
}
@media screen and (min-width: 1500px) {
  h2 {
    font-size: 4rem;
  }
}

h3, .blog-slider__full-header {
  font-size: 1.8rem;
  font-weight: 700;
  color: #132f55;
}
@media screen and (min-width: 1200px) {
  h3, .blog-slider__full-header {
    font-size: 2rem;
  }
}

h4 {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: 20px;
  }
}

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

sup {
  vertical-align: super;
  font-size: smaller;
}

p {
  margin: 1em 0;
  line-height: 1.5em;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

input,
textarea {
  margin-top: 20px;
  padding: 20px;
  display: block;
  width: 100%;
  border: 0;
  font-family: "azo-sans-web", sans-serif;
  border: 1px solid #dadada;
  box-sizing: border-box;
}
input:focus,
textarea:focus {
  outline: 0;
}

select {
  border: 0;
  display: block;
  width: 100%;
}
select:focus {
  outline: 0;
}

textarea {
  height: 140px;
  resize: none;
  font-family: "azo-sans-web", sans-serif;
}

label {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #3c3c3b;
}

button {
  border: 0;
  cursor: pointer;
  background: transparent;
}
button:focus {
  outline: 0;
}

address {
  line-height: 1.5em;
}

ul {
  padding-left: 15px;
  box-sizing: border-box;
}

li {
  position: relative;
  padding-left: 15px;
  line-height: 1.7em;
  box-sizing: border-box;
}
li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #f7a823;
  border-radius: 50%;
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(60, 60, 59, 0.3);
  opacity: 1;
  /* Firefox */
  text-transform: uppercase;
  font-weight: 700;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(60, 60, 59, 0.3);
  opacity: 1;
  /* Firefox */
  text-transform: uppercase;
  font-weight: 700;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(60, 60, 59, 0.3);
  text-transform: uppercase;
  font-weight: 700;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(60, 60, 59, 0.3);
  text-transform: uppercase;
  font-weight: 700;
}

.container {
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
  box-sizing: border-box;
}
@media screen and (min-width: 1500px) {
  .container {
    max-width: 1460px;
  }
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-md-2-4,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-lg-6 {
  box-sizing: border-box;
}

@media screen and (min-width: 600px) {
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8 {
    float: left;
  }

  .col-xs-2 {
    width: 16.66667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.3333%;
  }

  .col-xs-5 {
    width: 41.66667%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.33333%;
  }

  .col-xs-8 {
    width: 66.66667%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.6666%;
  }

  .col-sm-9 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .col-md-2-4,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10 {
    float: left;
  }

  .col-md-2-4 {
    width: 20%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.6666%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }
}
@media screen and (min-width: 1200px) {
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.6666%;
  }

  .col-lg-9 {
    width: 75%;
  }
}
.flexbox, .stretchbox, .wpm-language-switcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.flexbox--col {
  -ms-flex-direction: column;
      flex-direction: column;
}
.flexbox--sbet {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.flexbox--saro {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flexbox--fstart {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.flexbox--fend {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.flexbox--baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}
.flexbox--astart {
  -ms-flex-align: start;
      align-items: flex-start;
}
.flexbox--aend {
  -ms-flex-align: end;
      align-items: flex-end;
}
.flexbox--aselfstart {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.flexbox--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexbox--sm {
  display: block;
}
@media screen and (min-width: 768px) {
  .flexbox--sm {
    display: -ms-flexbox;
    display: flex;
  }
}
.flexbox--md {
  display: block;
}
@media screen and (min-width: 992px) {
  .flexbox--md {
    display: -ms-flexbox;
    display: flex;
  }
}
.flexbox--lg {
  display: block;
}
@media screen and (min-width: 1200px) {
  .flexbox--lg {
    display: -ms-flexbox;
    display: flex;
  }
}
.flexbox--xxl {
  display: block;
}
@media screen and (min-width: 2000px) {
  .flexbox--xxl {
    display: -ms-flexbox;
    display: flex;
  }
}

.stretchbox {
  -ms-flex-align: stretch;
      align-items: stretch;
}

@supports (display: grid) {
  .grid {
    display: -ms-grid;
    display: grid;
  }
  .grid:after {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .grid--col-2 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 600px) {
  .grid--col-3 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .grid--col-3 {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid--col-4 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .grid--col-4 {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid--col-5 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .grid--col-5 {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1500px) {
  .grid--col-5 {
    -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid--col-6 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .grid--col-6 {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1500px) {
  .grid--col-6 {
    -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
  }
}
.grid--gap-15 {
  grid-gap: 15px;
}
.grid--gap-30 {
  grid-gap: 30px;
}
.grid--gap-50-30 {
  grid-gap: 50px 30px;
}
.grid--gap-50 {
  grid-gap: 50px;
}
.grid--center {
  place-items: center;
}
@supports (display: grid) {
  .grid__item {
    float: none;
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .grid__item--span-2 {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
  }
}

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

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

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

.uppercase {
  text-transform: uppercase;
}

.text-xs-left {
  text-align: center;
}
@media screen and (min-width: 600px) {
  .text-xs-left {
    text-align: left;
  }
}

.text-sm-left {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
}

.text-md-left {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
}

.text-md-right {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
}

.text-lg-left {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
}

.text-14 {
  font-size: 1.4rem;
}

.text-white {
  color: #fff;
}

.text-bold,
strong {
  font-weight: 700;
}

.text-orange {
  color: #f7a823;
}

.text-blue {
  color: #132f55;
}

.pointer {
  cursor: pointer;
}

.img {
  max-width: 100%;
}

.img-cover {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.relative {
  position: relative;
}

.no-margin > *:first-child {
  margin-top: 0;
}

.no-dots {
  padding-left: 0;
}
.no-dots li {
  line-height: normal;
  padding-left: 0;
}
.no-dots li:before {
  display: none;
}

.h-100 {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .column {
    column-count: 2;
    column-gap: 30px;
  }
}

.mgtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mgtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mgtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mgtb-40 {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .mgtb-40 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .mgtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.mgtb-50 {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .mgtb-50 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .mgtb-50 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .mgtb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.mgtb-60 {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .mgtb-60 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .mgtb-60 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .mgtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.mgtb-80 {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .mgtb-80 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .mgtb-80 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .mgtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.mgtb-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mgt-10 {
  margin-top: 10px;
}
.mgt-20 {
  margin-top: 20px;
}
.mgt-40 {
  margin-top: 40px;
}
.mgt-70 {
  margin-top: 30px;
}
@media screen and (min-width: 992px) {
  .mgt-70 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .mgt-70 {
    margin-top: 70px;
  }
}

.mgb-10 {
  margin-bottom: 10px;
}
.mgb-30 {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .mgb-30 {
    margin-bottom: 30px;
  }
}
.mgb-20 {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .mgb-20 {
    margin-bottom: 20px;
  }
}
.mgb-40 {
  margin-bottom: 40px;
}
.mgb-60 {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .mgb-60 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .mgb-60 {
    margin-bottom: 60px;
  }
}
.mgb-80 {
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .mgb-80 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .mgb-80 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .mgb-80 {
    margin-bottom: 80px;
  }
}
.mgb-160 {
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .mgb-160 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .mgb-160 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .mgb-160 {
    margin-bottom: 160px;
  }
}

.mgr-5 {
  margin-right: 5px;
}
.mgr-10 {
  margin-right: 10px;
}
.mgr-20 {
  margin-right: 20px;
}

.mgl-60 {
  margin-left: 10px;
}
@media screen and (min-width: 992px) {
  .mgl-60 {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .mgl-60 {
    margin-left: 60px;
  }
}

.mglr-70 {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 992px) {
  .mglr-70 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .mglr-70 {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .mglr-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
}
.mglr-30 {
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 1200px) {
  .mglr-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.mglr-15 {
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 600px) {
  .mglr-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.pdtb-70 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .pdtb-70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .pdtb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.pdtb-140 {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .pdtb-140 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .pdtb-140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .pdtb-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.pdtb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .col-2 {
    columns: 2;
    column-gap: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .col-2 {
    column-gap: 200px;
  }
}

.btn {
  position: relative;
  padding: 10px 25px;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  overflow: hidden;
  transition: 300ms;
}
.btn--hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f7a823;
  transition: 300ms;
  z-index: -1;
}
.btn--hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translateY(100%);
  transition: 300ms;
  z-index: -1;
}
.btn--hover:hover {
  color: #f7a823;
}
.btn--hover:hover:after {
  transform: translateY(0);
}
@media screen and (min-width: 1500px) {
  .btn {
    font-size: 1.6rem;
    padding: 10px 40px;
  }
}
.btn--border {
  background-color: transparent;
  border: 1px solid #f7a823;
  transition: 300ms;
}
.btn--border:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f7a823;
  transform: translateY(100%);
  transition: 300ms;
  z-index: -1;
}
.btn--border:hover {
  color: #fff;
}
.btn--border:hover:before {
  transform: translateY(0);
}
.btn--simple {
  padding: 0;
  background: transparent;
  border: 0;
}
.btn--arrow {
  padding-right: 20px;
  position: relative;
}
.btn--arrow:before, .btn--arrow:after {
  content: "";
  position: absolute;
  display: block;
}
.btn--arrow:before {
  top: 50%;
  right: 2px;
  width: 14px;
  height: 2px;
  background-color: #fff;
  transform: translateY(-50%);
}
.btn--arrow:after {
  top: 50%;
  right: 2px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
.btn--orange {
  color: #f7a823;
}
.btn--orange:before {
  background-color: #f7a823;
}
.btn--orange:after {
  border-color: #f7a823;
}
@media screen and (min-width: 1500px) {
  .btn--small {
    font-size: 1.4rem;
  }
}

.swipe-arrow {
  position: relative;
  display: block;
  width: 30px;
  height: 2px;
  background-color: #132f55;
  opacity: 0.4;
  animation: swipe 10000ms infinite ease-in-out;
}
.swipe-arrow:before, .swipe-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #132f55;
  border-bottom: 2px solid #132f55;
}
.swipe-arrow:before {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(135deg);
}
.swipe-arrow:after {
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 992px) {
  .swipe-arrow {
    display: none;
  }
}

@keyframes swipe {
  0% {
    transform: translateX(0);
  }
  5% {
    transform: translateX(20px);
  }
  15% {
    transform: translateX(-20px);
  }
  20% {
    transform: translateX(5px);
  }
  22% {
    transform: translateX(0);
  }
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 15px;
  background-color: #132f55;
  z-index: 999;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .header {
    padding: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .header {
    padding: 50px;
  }
}
@media screen and (min-width: 2000px) {
  .header {
    padding: 80px;
  }
}
.header__item {
  -ms-flex: 1;
      flex: 1;
}
.header__item--wide {
  -ms-flex: 3;
      flex: 3;
}
.header__login {
  margin-bottom: 15px;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .header__login {
    position: absolute;
    top: -30px;
    right: 0;
    margin-bottom: 0;
    width: 127px;
  }
}
@media screen and (min-width: 1500px) {
  .header__login {
    top: -40px;
    width: 165px;
  }
}
.header--active .header__login {
  top: -25px;
}
@media screen and (min-width: 1200px) {
  .header--active .header__login {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .header--active {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .header--active {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.logo__img {
  width: 100px;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .logo__img {
    width: 200px;
  }
}
@media screen and (min-width: 1500px) {
  .logo__img {
    width: 300px;
  }
}

@media screen and (min-width: 1200px) {
  .header--active .logo__img {
    width: 150px;
  }
}
@media screen and (min-width: 1500px) {
  .header--active .logo__img {
    width: 150px;
  }
}

.burger {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .burger {
    display: none;
  }
}
.burger__bar {
  position: relative;
  width: 25px;
  height: 2px;
  background-color: #fff;
  transition: 200ms;
}
.burger__bar:before, .burger__bar:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.burger__bar:before {
  top: -6px;
  transition: transform 200ms 0ms, top 200ms 200ms;
}
.burger__bar:after {
  bottom: -6px;
  transition: transform 200ms 0ms, bottom 200ms 200ms;
}
@media screen and (min-width: 992px) {
  .burger__bar {
    width: 40px;
  }
  .burger__bar:before {
    top: -9px;
  }
  .burger__bar:after {
    bottom: -9px;
  }
}
.burger--active .burger__bar {
  background-color: rgba(255, 255, 255, 0);
  transition: 200ms;
}
.burger--active .burger__bar:before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 200ms 0ms, transform 200ms 200ms;
}
.burger--active .burger__bar:after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 200ms 0ms, transform 200ms 200ms;
}

.navbar {
  position: fixed;
  top: 50px;
  left: 0;
  padding: 15px;
  bottom: 0;
  background-color: #132f55;
  transform: translateX(-100%);
  transition: 400ms;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  -ms-flex-align: start;
      align-items: flex-start;
  box-sizing: border-box;
}
.navbar--active {
  transform: translateX(0);
}
@media screen and (min-width: 1200px) {
  .navbar {
    position: static;
    padding: 0;
    height: auto;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    transform: translate(0);
  }
}
.navbar__contact {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
  .navbar__contact {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
  }
}

.nav {
  padding-left: 0;
  -ms-flex: 2;
      flex: 2;
}
.nav__item {
  padding: 0;
  margin: 0 30px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1500px) {
  .nav__item {
    letter-spacing: 2.4px;
    font-size: 1.6rem;
  }
}
.nav__item:before {
  content: "";
  position: absolute;
  top: 14px;
  left: -28px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: rgba(218, 218, 218, 0.66);
}
@media screen and (min-width: 1200px) {
  .nav__item:first-child:before {
    display: none;
  }
}
.nav a {
  position: relative;
  display: inline-block;
  padding: 5px 0;
}
.nav a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 1px;
  background-color: #f7a823;
  transition: 300ms;
  transform: scaleX(0);
  transform-origin: left;
}
.nav a:hover:after {
  transform: scaleX(1);
}

.wpm-language-switcher {
  padding-left: 0;
  -ms-flex-order: 1;
      order: 1;
  margin-right: 50px;
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .wpm-language-switcher {
    -ms-flex-order: 0;
        order: 0;
  }
}
.wpm-language-switcher li {
  padding: 0 10px;
  color: #fff;
}
.wpm-language-switcher li:first-child {
  padding-left: 0;
}
.wpm-language-switcher li:before {
  content: "/";
  top: 0;
  display: inline;
  background-color: transparent;
  transform: translateX(-50%);
}
.wpm-language-switcher li:first-child:before {
  display: none;
}

.switcher-list li a,
.switcher-list li a:hover,
.switcher-list li > span:hover {
  color: #fff;
}

.switcher-list li.active > span,
.switcher-list li.active a:hover,
.switcher-list li.active > span:hover {
  color: #f7a823;
}

.footer {
  background-color: #3c3c3b;
  color: #fff;
}
.footer__top {
  padding: 60px 0;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .footer__top {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }
}
.footer__logo {
  width: 150px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .footer__logo {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer__logo {
    width: 200px;
  }
}
@media screen and (min-width: 1500px) {
  .footer__logo {
    width: 250px;
  }
}
.footer__informations {
  padding: 50px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.footer__col {
  margin: 15px 0;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
@media screen and (min-width: 600px) {
  .footer__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media screen and (min-width: 992px) {
  .footer__col {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
  }
}
@media screen and (min-width: 1500px) {
  .footer__col {
    margin: 0;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .footer__col--double {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}
.footer__header {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
.footer__nav--inline .footer__nav-item {
  margin-top: 0;
}
.footer__nav-item {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.3);
}
.footer__credentials {
  padding: 20px 0;
  font-size: 1.2rem;
  opacity: 0.3;
}

.social--header {
  margin-top: 15px;
  -ms-flex-order: 2;
      order: 2;
  color: #fff;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .social--header {
    position: absolute;
    bottom: -30px;
    right: 0;
    margin-top: 0;
    width: 127px;
  }
}
@media screen and (min-width: 1500px) {
  .social--header {
    bottom: -40px;
    width: 165px;
  }
}
.social__icon {
  margin-top: 15px;
  margin-right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: center / contain no-repeat;
}
.social--no-mgt .social__icon {
  margin-top: 0;
}
.social--header .social__icon {
  margin: 0 10px;
}

.header--active .social--header {
  bottom: -25px;
}
@media screen and (min-width: 1200px) {
  .header--active .social--header {
    opacity: 0;
    visibility: hidden;
  }
}

.slick-slider,
.slick-list,
.slick-track {
  height: 100%;
}

.slick-slide:focus {
  outline: 0;
}

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

.arrow {
  position: relative;
  width: 30px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
  transition: 200ms;
}
.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width: 1500px) {
  .arrow:before {
    width: 15px;
    height: 15px;
  }
}
.arrow--left:before {
  border-left: 2px solid #132f55;
  border-bottom: 2px solid #132f55;
}
.arrow--right:before {
  border-top: 2px solid #132f55;
  border-right: 2px solid #132f55;
}

.slider {
  position: relative;
  height: calc(100vh - 150px);
}
@media screen and (min-width: 1200px) {
  .slider {
    height: calc(100vh - 180px);
  }
}
@media screen and (min-width: 1500px) {
  .slider {
    height: calc(100vh - 230px);
  }
}
.slider__item {
  position: relative;
  height: 100%;
  color: #fff;
  background: center / cover no-repeat;
}
.slider__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.slider__header {
  position: absolute;
  top: 50%;
  left: 15px;
  color: #fff;
  transform: translateY(-50%);
  font-size: 3rem;
}
@media screen and (min-width: 992px) {
  .slider__header {
    top: auto;
    bottom: 60px;
    left: 90px;
    transform: translate(0);
  }
}
@media screen and (min-width: 1200px) {
  .slider__header {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1500px) {
  .slider__header {
    font-size: 5rem;
  }
}
@media screen and (min-width: 2000px) {
  .slider__header {
    font-size: 7rem;
  }
}
.slider__video-btn {
  position: absolute;
  bottom: 10px;
  right: 15px;
  border: 1px solid #f7a823;
  background-color: rgba(0, 0, 0, 0.5);
  color: #f7a823;
}
@media screen and (min-width: 992px) {
  .slider__video-btn {
    bottom: 60px;
    right: 90px;
    left: auto;
  }
}
.slider__video-btn-arrow {
  margin-right: 5px;
  display: inline-block;
  border-left: 18px solid #f7a823;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 2px;
  vertical-align: sub;
}
.slider__number {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  transform: translateY(50%);
}
@media screen and (min-width: 992px) {
  .slider__number {
    bottom: 60px;
    right: 90px;
  }
}
.slider__go-bot {
  cursor: pointer;
  display: none;
}
@media screen and (min-width: 1200px) {
  .slider__go-bot {
    display: inline;
  }
}
.slider__mouse-icon {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url("../img/mouse.svg") center/contain no-repeat;
  transform: translateY(10px);
}

.section {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .section {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .section {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .section {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}
@media screen and (min-width: 2000px) {
  .section {
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
.section--no-mgr {
  margin-top: 0;
  margin-bottom: 0;
}
.section__img-box {
  position: relative;
  -ms-flex: 0 0 280px;
      flex: 0 0 280px;
  height: 250px;
  background: center / cover no-repeat;
}
.section__img-box:before, .section__img-box:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.section__img-box:before {
  top: -1px;
  left: -1px;
  border-left: 60px solid #fff;
  border-top: 60px solid transparent;
  transform: rotate(90deg);
}
@media screen and (min-width: 1200px) {
  .section__img-box:before {
    border-left-width: 90px;
    border-top-width: 90px;
  }
}
.section__img-box:after {
  bottom: -1px;
  right: -1px;
  border-right: 60px solid #fff;
  border-bottom: 60px solid transparent;
  transform: rotate(90deg);
}
@media screen and (min-width: 1200px) {
  .section__img-box:after {
    border-right-width: 90px;
    border-bottom-width: 90px;
  }
}
.section__img-box--border {
  border-bottom: 6px solid #f7a823;
  border-top: 6px solid #132f55;
  border-right: 6px solid #132f55;
}
.section__img-box--border:before {
  top: -7px;
  left: -1px;
}
.section__img-box--border:after {
  bottom: -7px;
  right: -7px;
}
.section__img-box--bot-border {
  border-bottom: 6px solid #f7a823;
}
.section__img-box--bot-border:after {
  bottom: -7px;
}
@media screen and (min-width: 768px) {
  .section__img-box--big {
    height: 350px;
  }
}
.section__img-box--auto {
  height: 250px;
}
@media screen and (min-width: 768px) {
  .section__img-box--auto {
    height: auto;
  }
}
@media screen and (min-width: 1500px) {
  .section__img-box--auto {
    max-height: 500px;
  }
}
.section__img-box--no-mob:before, .section__img-box--no-mob:after {
  display: none;
}
@media screen and (min-width: 1200px) {
  .section__img-box--no-mob:before, .section__img-box--no-mob:after {
    display: block;
  }
}
.section__img-border {
  width: 100%;
  height: 100%;
  border-width: 10px 10px 10px 0;
  border-color: #fff;
  border-style: solid;
  box-sizing: border-box;
}
.section__img-box--bot-border .section__img-border {
  border-right: 0;
}
.section__content-box {
  -ms-flex: 1;
      flex: 1;
}
@media screen and (min-width: 768px) {
  .section__content-box:first-child {
    margin-right: 50px;
  }
  .section__content-box:last-child {
    margin-left: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .section__content-box:first-child {
    margin-right: 80px;
  }
  .section__content-box:last-child {
    margin-left: 80px;
  }
}
.section__col {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
@media screen and (min-width: 768px) {
  .section__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .section__col:first-child {
    margin-right: 20px;
  }
  .section__col:last-child {
    margin-left: 20px;
  }
  .section__col--4 {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
  }
  .section__col--8 {
    -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
  }
}
@media screen and (min-width: 1200px) {
  .section__col:first-child {
    margin-right: 40px;
  }
  .section__col:last-child {
    margin-left: 40px;
  }
}
.section__header {
  margin-bottom: 10px;
  color: #f7a823;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
@media screen and (min-width: 1200px) {
  .section__header {
    font-size: 1.6rem;
  }
}
.section__excerpt {
  font-size: 2rem;
}
@media screen and (min-width: 1200px) {
  .section__excerpt {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1500px) {
  .section__excerpt {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1500px) {
  .section__excerpt--big > * {
    line-height: 1.2;
    font-size: 5rem;
  }
}

.offer__header {
  color: #132f55;
  font-size: 1.8rem;
  font-weight: 700;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .offer__header {
    margin-top: 30px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1500px) {
  .offer__header {
    margin-top: 50px;
    font-size: 3rem;
  }
}
.offer__icon {
  width: 50px;
  height: 60px;
  object-fit: contain;
  object-position: center;
}
@media screen and (min-width: 1200px) {
  .offer__icon {
    width: 100px;
    height: 85px;
  }
}
.offer__categories-box {
  height: 143px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .offer__categories-box {
    height: auto;
    overflow: unset;
  }
}
.offer__categories {
  position: relative;
  height: 150px;
  width: 100%;
  overflow-x: auto;
}
@media screen and (min-width: 992px) {
  .offer__categories {
    height: auto;
    overflow-x: unset;
  }
}
.offer__item {
  position: relative;
  width: 20%;
  min-width: 170px;
}
.offer__item:before, .offer__item::after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transition: 200ms;
}
.offer__item:before {
  top: 105%;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: #132f55;
  transform: translateX(-50%);
}
@media screen and (min-width: 992px) {
  .offer__item:before {
    top: 100%;
    height: 30px;
  }
}
.offer__item:after {
  top: calc(105% + 20px);
  left: 50%;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #132f55;
  border-right: 2px solid #132f55;
  transform: translate(-50%, -90%) rotate(45deg);
}
@media screen and (min-width: 992px) {
  .offer__item:after {
    top: calc(100% + 30px);
  }
}
.offer__item--active:before, .offer__item--active:after {
  opacity: 1;
}
.offer__item--active:before {
  transform: translate(-50%, 100%);
}
.offer__item--active:after {
  transform: translate(-50%, 100%) rotate(45deg);
}
@media screen and (min-width: 992px) {
  .offer__item--active:after {
    transform: translate(-50%, 190%) rotate(45deg);
  }
}
.offer__item--active .offer__header {
  transform: translate(0, 20px);
}
.offer__target {
  display: none;
}
@media all and (max-width: 992px) {
  .offer__target {
    margin-top: 0;
  }
}
.offer__target-content {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .offer__target-content {
    margin-top: 0;
  }
}

.realisations-cta {
  padding: 30px 0 30px;
  background: #053d73 center / cover no-repeat;
  box-sizing: border-box;
}
@media all and (max-width: 992px) {
  .realisations-cta {
    background-image: none !important;
  }
}
@media screen and (min-width: 992px) {
  .realisations-cta {
    padding: 80px 0;
    height: calc(100vh + 200px);
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media screen and (min-width: 1500px) {
  .realisations-cta {
    padding: 100px 0;
    height: 1400px;
  }
}
@media screen and (min-width: 2000px) {
  .realisations-cta {
    padding: 140px 0;
    height: 1650px;
  }
}
.realisations-cta__content {
  font-size: 1.8rem;
}
@media screen and (min-width: 1500px) {
  .realisations-cta__content {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 2000px) {
  .realisations-cta__content {
    font-size: 3rem;
  }
}

.offer-slider {
  position: relative;
  padding: 50px 0;
}
@media screen and (min-width: 1500px) {
  .offer-slider {
    padding: 100px 0;
  }
}
@media screen and (min-width: 2000px) {
  .offer-slider {
    padding: 120px 0;
  }
}
.offer-slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #132f55;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .offer-slider:before {
    right: 25%;
  }
}
.offer-slider__left {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  width: 40%;
}
@media screen and (min-width: 992px) {
  .offer-slider__left {
    width: 40%;
  }
}
.offer-slider__right {
  display: none;
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  width: 60%;
}
@media screen and (min-width: 992px) {
  .offer-slider__right {
    display: block;
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .offer-slider__right {
    margin-top: -210px;
  }
}
@media screen and (min-width: 1500px) {
  .offer-slider__right {
    margin-top: -189px;
  }
}
@media screen and (min-width: 2000px) {
  .offer-slider__right {
    margin-top: -209px;
    margin-right: -20%;
  }
}
.offer-slider__dot {
  padding: 7px 0;
  color: #fff;
  opacity: 0.3;
  cursor: pointer;
  transition: 300ms;
}
@media screen and (min-width: 992px) {
  .offer-slider__dot {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1500px) {
  .offer-slider__dot {
    font-size: 4rem;
  }
}
.offer-slider__pikto {
  margin-right: 24px;
  display: block;
  width: 54px;
  height: 54px;
  background: center / contain no-repeat;
  -ms-flex: 0 0 54px;
      flex: 0 0 54px;
  filter: grayscale(1);
}
.offer-slider__dots .slick-active .offer-slider__dot {
  opacity: 1;
}
.offer-slider__dots .slick-active .offer-slider__pikto, .offer-slider__pikto--active {
  filter: grayscale(0);
}
@media screen and (min-width: 992px) {
  .offer-slider__item {
    height: 429px;
  }
}
@media screen and (min-width: 1200px) {
  .offer-slider__item {
    height: 510px;
  }
}
@media screen and (min-width: 1500px) {
  .offer-slider__item {
    height: 637px;
  }
}
@media screen and (min-width: 2000px) {
  .offer-slider__item {
    height: 660px;
  }
}
.offer-slider__img {
  height: 101%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.offer-slider__number {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  transform: translateY(50%);
}
@media screen and (min-width: 1200px) {
  .offer-slider__number {
    bottom: 25px;
    left: 40%;
    right: 25%;
  }
}
@media screen and (min-width: 1500px) {
  .offer-slider__number {
    bottom: 50px;
    left: 42.5%;
  }
}
.offer-slider__number:after {
  content: "";
  margin-left: 15px;
  -ms-flex: 1;
      flex: 1;
  height: 2px;
  display: block;
  background-color: #f7a823;
}
.offer-slider__pager {
  display: none;
}
@media screen and (min-width: 1200px) {
  .offer-slider__pager {
    position: absolute;
    left: 75%;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    transform: translateX(50px);
  }
}
@media screen and (min-width: 1500px) {
  .offer-slider__pager {
    height: 100px;
  }
}

.realisations__map-box {
  max-height: 890px;
  height: 70vh;
  background-color: rgba(218, 218, 218, 0.4);
}
.realisations__map {
  height: 100%;
  transform: translateY(-30px);
  background-color: black;
}
@media screen and (min-width: 1200px) {
  .realisations__map {
    transform: translateY(-15vh);
  }
}
.realisations__legend {
  height: 35px;
  transform: translateY(-24px);
}
@media screen and (min-width: 1200px) {
  .realisations__legend {
    height: 45px;
    transform: translateY(-12vh);
  }
}

.aside-box {
  -ms-flex: 0 1 33%;
      flex: 0 1 33%;
}
@media screen and (min-width: 1200px) {
  .aside-box {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .aside {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
}
.aside__list-item {
  padding: 7px 0;
  color: #132f55;
  opacity: 0.3;
  font-size: 2rem;
}
@media screen and (min-width: 1500px) {
  .aside__list-item {
    font-size: 3rem;
  }
}
.aside__list-item--active {
  opacity: 1;
}
.aside__btn:before {
  display: none;
}
.aside__btn:hover {
  color: #f7a823;
}
@media screen and (min-width: 1200px) {
  .aside__btn {
    display: none;
  }
}

.blog {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
@media screen and (min-width: 1200px) {
  .blog {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
}
.blog__grid-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 992px) {
  .blog__grid-img {
    height: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__grid-img {
    height: 300px;
  }
}
.blog__grid-item {
  height: 100%;
}
.blog__category {
  color: rgba(60, 60, 59, 0.3);
  font-weight: 700;
  letter-spacing: 2.4px;
}
.blog__grid-header {
  font-size: 2rem;
}
.blog__date {
  padding: 30px 0;
  font-weight: 700;
  border-bottom: 1px solid #dadada;
}
.blog__navs {
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .blog__navs {
    margin: 0 0 10px;
    display: block;
  }
}
.blog__navs a {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .blog__navs a {
    margin-left: 40px;
  }
}
.blog__navs a:before, .blog__navs a:after {
  content: "";
  position: absolute;
  display: block;
}
.blog__navs a:before {
  top: 45%;
  width: 12px;
  height: 1px;
}
.blog__navs a:after {
  top: 31%;
  width: 6px;
  height: 6px;
}
.blog__navs-prev a {
  padding-left: 20px;
  color: #dadada;
}
.blog__navs-prev a:before {
  left: 4px;
  background-color: #dadada;
}
.blog__navs-prev a:after {
  left: 2px;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  transform: rotate(135deg);
}
.blog__navs-next a {
  padding-right: 20px;
  color: #f7a823;
}
.blog__navs-next a:before {
  right: 4px;
  background-color: #f7a823;
}
.blog__navs-next a:after {
  right: 2px;
  border-right: 1px solid #f7a823;
  border-bottom: 1px solid #f7a823;
  transform: rotate(-45deg);
}
.blog__content {
  color: #132f55;
}
.blog__cover {
  margin: 20px 0;
}
@media screen and (min-width: 992px) {
  .blog__cover {
    margin: 40px 0;
  }
}
@media screen and (min-width: 1200px) {
  .blog__cover {
    margin: 60px 0;
  }
}
.blog__cover-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
	background: center /cover no-repeat;
  height: 200px;
}
@media screen and (min-width: 600px) {
  .blog__cover-img {
    height: 300px;
  }
}
@media screen and (min-width: 992px) {
  .blog__cover-img {
	  min-height: 270px;
    height: 100%;
  }
}
.blog__area {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 20px 6px 20px 30px;
  background: url("../img/categories_bg.svg") right top/cover no-repeat;
}
.blog__intro {
  position: relative;
  border-top: 6px solid #132f55;
  border-bottom: 6px solid #f7a823;
  color: #132f55;
}
.blog__intro:before, .blog__intro:after {
  content: "";
  position: absolute;
  display: block;
}
.blog__intro::before {
  top: -6px;
  left: 0;
  border-top: 6px solid #fff;
  border-right: 6px solid #132f55;
}
.blog__intro::after {
  bottom: -6px;
  right: 0;
  border-bottom: 6px solid #fff;
  border-left: 6px solid #f7a823;
}
@media screen and (min-width: 992px) {
  .blog__intro {
    margin-left: 30px;
  }
}
.blog__intro-item {
  width: 100%;
  margin-top: 1.5em;
  -ms-flex: 1;
      flex: 1;
  border-bottom: 1px solid rgba(19, 47, 85, 0.3);
}
.blog__intro-item:last-child {
  border-bottom: none;
}

@media screen and (min-width: 1315px) {
  .blog-slider .slick-track {
    margin-left: calc(50% - 655px);
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1500px) {
  .blog-slider .slick-track {
    margin-left: calc(50% - 731.5px);
  }
}
.blog-slider__slide {
  opacity: 0.3;
  transition: 200ms;
}
.blog-slider__slide.slick-current, .blog-slider__slide.slick-current + .blog-slider__slide, .blog-slider__slide.slick-current + .blog-slider__slide + .blog-slider__slide {
  opacity: 1;
}
.blog-slider__item {
  padding: 0 20px;
  box-sizing: border-box;
}
.blog-slider__full-header {
  position: relative;
}
.blog-slider__full-header:after {
  content: attr(data-title);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  border-radius: 10px;
  border: 4px solid #fff;
  background-color: #fff;
  opacity: 0;
  transition: 200ms;
  box-shadow: 0 9px 6px 0 rgba(19, 47, 85, 0.1);
}
.blog-slider__full-header:hover:after {
  opacity: 1;
}
.blog-slider__header {
  height: 2.75em;
  overflow: hidden;
}
.blog-slider__img {
  margin: 20px 0;
  height: 220px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 1200px) {
  .blog-slider__img {
    margin: 30px 0;
    height: 290px;
  }
}
.blog-slider__desc {
  position: relative;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-size: 1.4rem;
  -ms-flex: 1;
      flex: 1;
}
.blog-slider__desc:after {
  content: "";
  margin-left: 15px;
  -ms-flex: 1;
      flex: 1;
  height: 1px;
  display: block;
  background-color: rgba(60, 60, 59, 0.5);
}
.blog-slider__pager {
  display: none;
}
@media screen and (min-width: 1200px) {
  .blog-slider__pager {
    position: absolute;
    top: -10px;
    left: 100%;
    padding-left: 30px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    transform: translateX(-100%);
  }
  .blog-slider__pager--static {
    position: static;
    padding-left: 20px;
  }
}

.gallery__item {
  padding: 0 20px;
  opacity: 0.3;
  transition: 300ms;
}
.gallery__item.slick-center {
  opacity: 1;
}
.gallery__img {
  height: 300px;
  max-height: 80vh;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 1200px) {
  .gallery__img {
    height: 500px;
  }
}
@media screen and (min-width: 1500px) {
  .gallery__img {
    height: 800px;
  }
}

.table table {
  margin-top: 15px;
  border-collapse: collapse;
}
.table table th,
.table table td {
  padding: 10px;
  border: 1px solid #dadada;
}

.testimonial {
  padding: 50px 0;
  background-color: #132f55;
}
@media screen and (min-width: 992px) {
  .testimonial {
    padding: 50px 0 400px;
    background: #132f55 url("../img/wireframe.png") center bottom/cover no-repeat;
  }
}
@media screen and (min-width: 1500px) {
  .testimonial {
    padding: 130px 0 500px;
  }
}
.testimonial--gray {
  background-color: #dadada;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 1200px) {
  .testimonial--gray {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .testimonial--gray {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 2000px) {
  .testimonial--gray {
    padding-top: 220px;
    padding-bottom: 220px;
  }
}
.testimonial__content {
  position: relative;
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  color: #fff;
  z-index: 2;
}
.testimonial__numbers {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  margin-top: 50px;
}
@media screen and (min-width: 992px) {
  .testimonial__numbers {
    margin-top: 0;
    margin-left: 80px;
  }
}
.testimonial__numbers-item {
  padding: 25px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}
.testimonial__numbers-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.testimonial__number {
  display: inline-block;
  -ms-flex: 0 0 180px;
      flex: 0 0 180px;
  font-size: 5rem;
  color: #f7a823;
  text-align: right;
}
@media screen and (min-width: 992px) {
  .testimonial__number {
    line-height: 0.8;
  }
}
@media screen and (min-width: 1200px) {
  .testimonial__number {
    font-size: 8rem;
  }
}
.testimonial__number-text {
  -ms-flex: 1;
      flex: 1;
}
@media screen and (min-width: 992px) {
  .testimonial__number-text {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .testimonial__number-text {
    font-size: 2rem;
  }
}
.testimonial__item {
  position: relative;
  padding: 30px 15px;
  background-color: #fff;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .testimonial__item {
    padding: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .testimonial__item {
    padding: 60px;
  }
}
@media screen and (min-width: 992px) {
  .testimonial__logo {
    padding-top: 30px;
    padding-right: 30px;
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    border-right: 1px solid #dadada;
  }
}
.testimonial__text {
  margin-top: 40px;
}
@media screen and (min-width: 992px) {
  .testimonial__text {
    margin-top: 0;
    margin-left: 30px;
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
  }
}

.banner {
  padding: 25px 0;
  background: center /cover no-repeat;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .banner {
    min-height: 560px;
  }
}
@media screen and (min-width: 1200px) {
  .banner__content {
    width: 50%;
  }
}

.history {
  padding: 60px 0;
  background: #3c3c3b right -700px bottom / auto no-repeat;
}
@media screen and (min-width: 1200px) {
  .history {
    padding: 90px 0;
  }
}
@media screen and (min-width: 1500px) {
  .history {
    padding: 160px 0;
  }
}
.history__col {
  color: #fff;
}
@media screen and (min-width: 992px) {
  .history__col {
    width: 60%;
  }
}

.timeline {
  position: relative;
  color: #fff;
  font-size: 3.6rem;
}
@media screen and (min-width: 1200px) {
  .timeline {
    width: 80%;
  }
}
.timeline-fade-in {
  opacity: 0;
  transform: translateY(40px);
  transition: 500ms ease-in-out;
}
.timeline-fade-in--active {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1200px) {
  .timeline__line {
    position: absolute;
    top: 0.6875em;
    left: 110px;
    bottom: 0;
    display: block;
    width: 1px;
    background-color: #fff;
  }
}
.timeline__line--active {
  background-color: #f7a823;
  transform-origin: 50% 0;
  transform: scaleY(0.2);
}
.timeline__item {
  margin: 65px 0;
  display: block;
}
@media screen and (min-width: 1200px) {
  .timeline__item {
    display: -ms-flexbox;
    display: flex;
  }
}
.timeline__date {
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-size: 3.6rem;
  font-weight: 700;
}
.timeline__date:before {
  content: "";
  position: absolute;
  left: 110px;
  top: 0.625em;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #f7a823;
  border-radius: 50%;
  transform: translate(-45%, -50%);
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .timeline__date:before {
    top: 0.6875em;
  }
}
@media screen and (min-width: 1200px) {
  .timeline__date:after {
    content: "";
    position: absolute;
    top: 0.6875em;
    left: 110px;
    bottom: calc(-65px - 0.69em);
    display: block;
    width: 1px;
    background-color: #f7a823;
    transform-origin: 50% 0;
    transform: scaleY(0);
    transition: 500ms ease-in-out;
  }
}
.timeline__date--active:after {
  transform: scaleY(1);
}
.timeline__content {
  margin-left: 50px;
}
.timeline__img {
  -ms-flex: 0 0 350px;
      flex: 0 0 350px;
  width: 100%;
  max-width: 350px;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 992px) {
  .timeline__img {
    margin-right: 35px;
  }
}
.timeline__text {
  font-size: 1.6rem;
}
.timeline__text > h1,
.timeline__text > h2,
.timeline__text > h3,
.timeline__text > .blog-slider__full-header,
.timeline__text > h4,
.timeline__text > h5 {
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .timeline__item:last-child .timeline__date:after {
    content: "";
    position: absolute;
    left: 111px;
    top: 0.6875em;
    bottom: 0;
    display: block;
    width: 3px;
    background-color: #3c3c3b;
    transform: translateX(-50%);
  }
}

.specialisations__item {
  padding: 15px;
  border-bottom: 1px solid #dadada;
}
.specialisations__item:first-child {
  border-top: 1px solid #dadada;
}
@media screen and (min-width: 1200px) {
  .specialisations__item {
    padding: 30px 50px;
  }
}
.specialisations__header {
  position: relative;
  cursor: pointer;
  color: #132f55;
  font-weight: 400;
  transition: 200ms;
}
@media screen and (min-width: 1200px) {
  .specialisations__header {
    font-size: 2.4rem;
  }
  .specialisations__header:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 12px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #3c3c3b;
    border-right: 2px solid #3c3c3b;
    opacity: 0;
    transform: translateX(-10px) rotate(45deg);
    transition: 200ms 400ms;
  }
}
.specialisations__header--active {
  color: #f7a823;
}
.specialisations__header--active:before {
  opacity: 0.5;
  transform: translateX(0) rotate(45deg);
}
.specialisations__content {
  display: none;
}
.specialisations__img {
  margin: 0 auto;
  margin-top: 20px;
  height: 250px;
}
@media screen and (min-width: 992px) {
  .specialisations__img {
    margin-top: 0;
    height: 400px;
  }
}
@media screen and (min-width: 1200px) {
  .specialisations__img {
    height: 500px;
    max-width: 380px;
  }
}

.management__bg {
  margin-top: 130px;
  background-color: #f0f0f0;
}
@media screen and (min-width: 1200px) {
  .management__bg {
    margin-top: 170px;
    margin-top: 170px;
  }
}
.management__list {
  transform: translateY(-108px);
}
@media screen and (min-width: 992px) {
  .management__list {
    transform: translateY(-88px);
  }
}
@media screen and (min-width: 992px) {
  .management__list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .management__list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
.management__img-box {
  margin: 0 auto;
  line-height: 0;
  max-width: 300px;
  height: 350px;
}
@media screen and (min-width: 600px) {
  .management__img-box {
    height: 400px;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .management__img-box {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .management__img-box {
    max-width: none;
    margin: auto;
  }
}
.management__img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.management__item {
  position: relative;
  padding: 20px;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .management__item {
    padding: 0;
  }
}
.management__item:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-right: 60px solid #f0f0f0;
  border-bottom: 60px solid transparent;
  transform: rotate(90deg);
}
@media screen and (min-width: 1500px) {
  .management__item:after {
    border-right-width: 90px;
    border-bottom-width: 90px;
  }
}
.management__content-box {
  grid-gap: 0;
}
@media screen and (min-width: 600px) {
  .management__content-box {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .management__content-box {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .management__content-box {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 600px) {
  .management__description {
    margin: 0 1em;
  }
}
@media screen and (min-width: 1200px) {
  .management__description {
    margin: 0 2em;
  }
}
.management__text {
  margin: 1em 0;
  color: #132f55;
  box-sizing: border-box;
}
@media screen and (min-width: 992px) {
  .management__text {
    margin: 1em;
  }
}

.partners {
  border: 1px solid #dadada;
}
.partners__item {
  border-right: 1px solid #dadada;
}
.partners__img-box {
  height: 150px;
}
.partners__img-box:first-child {
  border-bottom: 1px solid #dadada;
}
.partners__img {
  max-height: 100%;
  filter: grayscale(1);
}

.map {
  height: 250px;
  background-color: #ccc;
}
@media screen and (min-width: 992px) {
  .map {
    position: absolute;
    right: 0;
    left: 50%;
    height: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .map {
    height: 420px;
  }
}

.map-big {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #ccc;
}
@media screen and (min-width: 992px) {
  .map-big {
    top: -20px;
    bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .map-big {
    top: -50px;
    bottom: 150px;
  }
}
@media screen and (min-width: 1500px) {
  .map-big {
    top: -80px;
    left: 12.5%;
    bottom: 300px;
  }
}

.map-box {
  position: relative;
  height: 300px;
  background-color: #dadada;
}
@media screen and (min-width: 992px) {
  .map-box {
    height: 500px;
  }
}
@media screen and (min-width: 1500px) {
  .map-box {
    height: 900px;
  }
}

.contact-placeholder {
  padding-top: 100px;
  padding-bottom: calc(100px - 1em);
  background-color: rgba(218, 218, 218, 0.4);
  color: #132f55;
  font-size: 2.6rem;
}
@media screen and (min-width: 1500px) {
  .contact-placeholder {
    font-size: 3rem;
  }
}

.form-box {
  padding: 50px 0;
  background: center / cover no-repeat;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .form-box {
    padding: 200px 0;
  }
}

.form {
  position: relative;
  z-index: 2;
  padding: 30px 15px;
  background-color: #fff;
  color: #3c3c3b;
}
@media screen and (min-width: 992px) {
  .form {
    padding: 50px 25px;
  }
}
@media screen and (min-width: 1200px) {
  .form {
    margin-top: -150px;
  }
}
@media screen and (min-width: 1500px) {
  .form {
    padding: 100px;
    margin-top: -300px;
  }
}
.form__item {
  position: relative;
}
.form__rodo {
  font-size: 1rem;
  color: #132f55;
}
.form__rodo label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}
.form__rodo input {
  margin-top: 3px;
  margin-right: 10px;
  width: auto;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  position: absolute;
  padding: 0;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: 1.5em;
  text-transform: lowercase;
}
@media screen and (min-width: 992px) {
  .wpcf7-not-valid-tip {
    right: 10px;
    left: auto;
    top: 50%;
    transform: translateY(50%);
  }
}

@media screen and (min-width: 992px) {
  textarea + .wpcf7-not-valid-tip {
    top: 35%;
    transform: none;
  }
}

.wpcf7-form-control-wrap {
  position: static;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + span {
  padding-left: 15px;
  text-transform: none;
  color: #132f55;
  font-size: 1.2rem;
  cursor: pointer;
}
input[type="checkbox"] + span::first-line {
  font-weight: 600;
}

.wpcf-checkbox {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #132f55;
  cursor: pointer;
}

.form__rodo input[type="checkbox"]:checked + span > .wpcf-checkbox {
  background-color: #132f55;
}
.form__rodo input[type="checkbox"]:checked + span > .wpcf-checkbox:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  display: block;
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.booklet {
  padding: 20px;
  background: bottom right / cover no-repeat;
}
@media screen and (min-width: 992px) {
  .booklet {
    padding: 30px;
  }
}
.booklet__img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  max-width: 300px;
}
@media screen and (min-width: 992px) {
  .booklet__img {
    height: 350px;
    max-width: none;
  }
}
@media screen and (min-width: 1200px) {
  .booklet__img {
    height: 400px;
  }
}
@media screen and (min-width: 1500px) {
  .booklet__img {
    height: 480px;
  }
}
@media screen and (min-width: 768px) {
  .booklet__content-box {
    margin-left: 30px;
  }
}
.booklet__content {
  font-size: 2rem;
  max-width: 600px;
}
@media screen and (min-width: 992px) {
  .booklet__content {
    font-size: 3rem;
  }
}

.info-window h4 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #132f55;
}
.info-window__text {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.captcha {
  -ms-flex: 0 1 40%;
      flex: 0 1 40%;
  font-size: 1rem;
  color: #c1c1c1;
}
.captcha a {
  color: #132f55;
}

div#__bs_notify__ {
  display: none !important;
}