@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

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

html:not(.isMobile) {
  overflow: hidden; }

html.isMobile {
  overflow-x: hidden; }

body {
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ol, ul {
  list-style: none; }

strong, b {
  font-weight: bold; }

input:focus {
  outline: none; }

blockquote, q {
  quotes: none; }

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

a[ng-click], div[ng-click], p[ng-click], span[ng-click], img[ng-click], a[ui-sref], div[ui-sref], p[ui-sref], span[ui-sref], img[ui-sref] {
  cursor: pointer; }

textarea, input[type='text'], input[type='button'], input[type='submit'] {
  -webkit-appearance: none !important;
  border-radius: 0px !important;
  outline: none !important; }

sup {
  vertical-align: super; }

textarea, input:hover, input:active, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active {
  outline: none !important;
  -webkit-appearance: none; }

.slick-slide, .slick-slide a, .slick-slide:focus {
  outline: none !important; }

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

a {
  -webkit-tap-highlight-color: transparent; }

.grid {
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 2% + 2%);
  margin-left: -2%;
  margin-right: -2%; }
  .grid .column {
    padding-right: 2%;
    padding-left: 2%; }
  .grid.increasedGaps {
    width: calc(100% + 4% + 4%);
    margin-left: -4%;
    margin-right: -4%; }
    .grid.increasedGaps .column {
      padding-right: 4%;
      padding-left: 4%; }

.col1 {
  width: 8.33333%; }

.col2 {
  width: 16.66667%; }

.col3 {
  width: 25%; }

.col4 {
  width: 33.33333%; }

.col5 {
  width: 41.66667%; }

.col6 {
  width: 50%; }

.col7 {
  width: 58.33333%; }

.col8 {
  width: 66.66667%; }

.col9 {
  width: 75%; }

.col10 {
  width: 83.33333%; }

.col11 {
  width: 91.66667%; }

.col12 {
  width: 100%; }

@media screen and (max-width: 1800px) {
  .col1_1800 {
    width: 8.33333%; }
  .col2_1800 {
    width: 16.66667%; }
  .col3_1800 {
    width: 25%; }
  .col4_1800 {
    width: 33.33333%; }
  .col5_1800 {
    width: 41.66667%; }
  .col6_1800 {
    width: 50%; }
  .col7_1800 {
    width: 58.33333%; }
  .col8_1800 {
    width: 66.66667%; }
  .col9_1800 {
    width: 75%; }
  .col10_1800 {
    width: 83.33333%; }
  .col11_1800 {
    width: 91.66667%; }
  .col12_1800 {
    width: 100%; } }

@media screen and (max-width: 1700px) {
  .col1_1700 {
    width: 8.33333%; }
  .col2_1700 {
    width: 16.66667%; }
  .col3_1700 {
    width: 25%; }
  .col4_1700 {
    width: 33.33333%; }
  .col5_1700 {
    width: 41.66667%; }
  .col6_1700 {
    width: 50%; }
  .col7_1700 {
    width: 58.33333%; }
  .col8_1700 {
    width: 66.66667%; }
  .col9_1700 {
    width: 75%; }
  .col10_1700 {
    width: 83.33333%; }
  .col11_1700 {
    width: 91.66667%; }
  .col12_1700 {
    width: 100%; } }

@media screen and (max-width: 1600px) {
  .col1_1600 {
    width: 8.33333%; }
  .col2_1600 {
    width: 16.66667%; }
  .col3_1600 {
    width: 25%; }
  .col4_1600 {
    width: 33.33333%; }
  .col5_1600 {
    width: 41.66667%; }
  .col6_1600 {
    width: 50%; }
  .col7_1600 {
    width: 58.33333%; }
  .col8_1600 {
    width: 66.66667%; }
  .col9_1600 {
    width: 75%; }
  .col10_1600 {
    width: 83.33333%; }
  .col11_1600 {
    width: 91.66667%; }
  .col12_1600 {
    width: 100%; } }

@media screen and (max-width: 1500px) {
  .col1_1500 {
    width: 8.33333%; }
  .col2_1500 {
    width: 16.66667%; }
  .col3_1500 {
    width: 25%; }
  .col4_1500 {
    width: 33.33333%; }
  .col5_1500 {
    width: 41.66667%; }
  .col6_1500 {
    width: 50%; }
  .col7_1500 {
    width: 58.33333%; }
  .col8_1500 {
    width: 66.66667%; }
  .col9_1500 {
    width: 75%; }
  .col10_1500 {
    width: 83.33333%; }
  .col11_1500 {
    width: 91.66667%; }
  .col12_1500 {
    width: 100%; } }

@media screen and (max-width: 1400px) {
  .col1_1400 {
    width: 8.33333%; }
  .col2_1400 {
    width: 16.66667%; }
  .col3_1400 {
    width: 25%; }
  .col4_1400 {
    width: 33.33333%; }
  .col5_1400 {
    width: 41.66667%; }
  .col6_1400 {
    width: 50%; }
  .col7_1400 {
    width: 58.33333%; }
  .col8_1400 {
    width: 66.66667%; }
  .col9_1400 {
    width: 75%; }
  .col10_1400 {
    width: 83.33333%; }
  .col11_1400 {
    width: 91.66667%; }
  .col12_1400 {
    width: 100%; } }

@media screen and (max-width: 1300px) {
  .col1_1300 {
    width: 8.33333%; }
  .col2_1300 {
    width: 16.66667%; }
  .col3_1300 {
    width: 25%; }
  .col4_1300 {
    width: 33.33333%; }
  .col5_1300 {
    width: 41.66667%; }
  .col6_1300 {
    width: 50%; }
  .col7_1300 {
    width: 58.33333%; }
  .col8_1300 {
    width: 66.66667%; }
  .col9_1300 {
    width: 75%; }
  .col10_1300 {
    width: 83.33333%; }
  .col11_1300 {
    width: 91.66667%; }
  .col12_1300 {
    width: 100%; } }

@media screen and (max-width: 1200px) {
  .col1_1200 {
    width: 8.33333%; }
  .col2_1200 {
    width: 16.66667%; }
  .col3_1200 {
    width: 25%; }
  .col4_1200 {
    width: 33.33333%; }
  .col5_1200 {
    width: 41.66667%; }
  .col6_1200 {
    width: 50%; }
  .col7_1200 {
    width: 58.33333%; }
  .col8_1200 {
    width: 66.66667%; }
  .col9_1200 {
    width: 75%; }
  .col10_1200 {
    width: 83.33333%; }
  .col11_1200 {
    width: 91.66667%; }
  .col12_1200 {
    width: 100%; } }

@media screen and (max-width: 1100px) {
  .col1_1100 {
    width: 8.33333%; }
  .col2_1100 {
    width: 16.66667%; }
  .col3_1100 {
    width: 25%; }
  .col4_1100 {
    width: 33.33333%; }
  .col5_1100 {
    width: 41.66667%; }
  .col6_1100 {
    width: 50%; }
  .col7_1100 {
    width: 58.33333%; }
  .col8_1100 {
    width: 66.66667%; }
  .col9_1100 {
    width: 75%; }
  .col10_1100 {
    width: 83.33333%; }
  .col11_1100 {
    width: 91.66667%; }
  .col12_1100 {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .col1_1024 {
    width: 8.33333%; }
  .col2_1024 {
    width: 16.66667%; }
  .col3_1024 {
    width: 25%; }
  .col4_1024 {
    width: 33.33333%; }
  .col5_1024 {
    width: 41.66667%; }
  .col6_1024 {
    width: 50%; }
  .col7_1024 {
    width: 58.33333%; }
  .col8_1024 {
    width: 66.66667%; }
  .col9_1024 {
    width: 75%; }
  .col10_1024 {
    width: 83.33333%; }
  .col11_1024 {
    width: 91.66667%; }
  .col12_1024 {
    width: 100%; } }

@media screen and (max-width: 1000px) {
  .col1_1000 {
    width: 8.33333%; }
  .col2_1000 {
    width: 16.66667%; }
  .col3_1000 {
    width: 25%; }
  .col4_1000 {
    width: 33.33333%; }
  .col5_1000 {
    width: 41.66667%; }
  .col6_1000 {
    width: 50%; }
  .col7_1000 {
    width: 58.33333%; }
  .col8_1000 {
    width: 66.66667%; }
  .col9_1000 {
    width: 75%; }
  .col10_1000 {
    width: 83.33333%; }
  .col11_1000 {
    width: 91.66667%; }
  .col12_1000 {
    width: 100%; } }

@media screen and (max-width: 900px) {
  .col1_900 {
    width: 8.33333%; }
  .col2_900 {
    width: 16.66667%; }
  .col3_900 {
    width: 25%; }
  .col4_900 {
    width: 33.33333%; }
  .col5_900 {
    width: 41.66667%; }
  .col6_900 {
    width: 50%; }
  .col7_900 {
    width: 58.33333%; }
  .col8_900 {
    width: 66.66667%; }
  .col9_900 {
    width: 75%; }
  .col10_900 {
    width: 83.33333%; }
  .col11_900 {
    width: 91.66667%; }
  .col12_900 {
    width: 100%; } }

@media screen and (max-width: 800px) {
  .col1_800 {
    width: 8.33333%; }
  .col2_800 {
    width: 16.66667%; }
  .col3_800 {
    width: 25%; }
  .col4_800 {
    width: 33.33333%; }
  .col5_800 {
    width: 41.66667%; }
  .col6_800 {
    width: 50%; }
  .col7_800 {
    width: 58.33333%; }
  .col8_800 {
    width: 66.66667%; }
  .col9_800 {
    width: 75%; }
  .col10_800 {
    width: 83.33333%; }
  .col11_800 {
    width: 91.66667%; }
  .col12_800 {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .col1_768 {
    width: 8.33333%; }
  .col2_768 {
    width: 16.66667%; }
  .col3_768 {
    width: 25%; }
  .col4_768 {
    width: 33.33333%; }
  .col5_768 {
    width: 41.66667%; }
  .col6_768 {
    width: 50%; }
  .col7_768 {
    width: 58.33333%; }
  .col8_768 {
    width: 66.66667%; }
  .col9_768 {
    width: 75%; }
  .col10_768 {
    width: 83.33333%; }
  .col11_768 {
    width: 91.66667%; }
  .col12_768 {
    width: 100%; } }

@media screen and (max-width: 700px) {
  .col1_700 {
    width: 8.33333%; }
  .col2_700 {
    width: 16.66667%; }
  .col3_700 {
    width: 25%; }
  .col4_700 {
    width: 33.33333%; }
  .col5_700 {
    width: 41.66667%; }
  .col6_700 {
    width: 50%; }
  .col7_700 {
    width: 58.33333%; }
  .col8_700 {
    width: 66.66667%; }
  .col9_700 {
    width: 75%; }
  .col10_700 {
    width: 83.33333%; }
  .col11_700 {
    width: 91.66667%; }
  .col12_700 {
    width: 100%; } }

@media screen and (max-width: 600px) {
  .col1_600 {
    width: 8.33333%; }
  .col2_600 {
    width: 16.66667%; }
  .col3_600 {
    width: 25%; }
  .col4_600 {
    width: 33.33333%; }
  .col5_600 {
    width: 41.66667%; }
  .col6_600 {
    width: 50%; }
  .col7_600 {
    width: 58.33333%; }
  .col8_600 {
    width: 66.66667%; }
  .col9_600 {
    width: 75%; }
  .col10_600 {
    width: 83.33333%; }
  .col11_600 {
    width: 91.66667%; }
  .col12_600 {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .col1_500 {
    width: 8.33333%; }
  .col2_500 {
    width: 16.66667%; }
  .col3_500 {
    width: 25%; }
  .col4_500 {
    width: 33.33333%; }
  .col5_500 {
    width: 41.66667%; }
  .col6_500 {
    width: 50%; }
  .col7_500 {
    width: 58.33333%; }
  .col8_500 {
    width: 66.66667%; }
  .col9_500 {
    width: 75%; }
  .col10_500 {
    width: 83.33333%; }
  .col11_500 {
    width: 91.66667%; }
  .col12_500 {
    width: 100%; } }

@media screen and (max-width: 400px) {
  .col1_400 {
    width: 8.33333%; }
  .col2_400 {
    width: 16.66667%; }
  .col3_400 {
    width: 25%; }
  .col4_400 {
    width: 33.33333%; }
  .col5_400 {
    width: 41.66667%; }
  .col6_400 {
    width: 50%; }
  .col7_400 {
    width: 58.33333%; }
  .col8_400 {
    width: 66.66667%; }
  .col9_400 {
    width: 75%; }
  .col10_400 {
    width: 83.33333%; }
  .col11_400 {
    width: 91.66667%; }
  .col12_400 {
    width: 100%; } }

@font-face {
  font-family: 'Averta';
  src: url("../fonts/averta/averta-bold.eot");
  src: url("../fonts/averta/averta-bold.woff") format("woff"), url("../fonts/averta/averta-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

/*@font-face {
	font-family: 'Averta';
	src: url('../fonts/averta/averta-semibold.eot');
	src: url('../fonts/averta/averta-semibold.woff') format('woff'),
		 url('../fonts/averta/averta-semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}*/
@font-face {
  font-family: 'Averta';
  src: url("../fonts/averta/averta-regular.eot");
  src: url("../fonts/averta/averta-regular.woff") format("woff"), url("../fonts/averta/averta-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

#overlay, .dropDownOverlay, .searchOverlay, .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  z-index: 9;
  transition: background 500ms ease, visibility 0ms ease 300ms, z-index 0ms ease 700ms; }

.iconPlay {
  position: absolute;
  width: 50px;
  height: 50px;
  border: solid 2px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  z-index: 1;
  transition: border-color 300ms; }
  .iconPlay:after {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    transition: border-color 300ms; }

.rotating {
  -webkit-animation: rotating 10s linear infinite;
          animation: rotating 10s linear infinite; }

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.info {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .info span {
    font: 12px/1 "Averta", serif;
    color: #444a55;
    text-transform: uppercase; }
    .info span:first-child {
      font-weight: 700; }
    .info span:last-child {
      position: relative;
      padding-left: 40px; }
      .info span:last-child:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 1px;
        top: 5px;
        left: 14px;
        background: #444a55; }
  .info.white {
    border-bottom-color: #fff; }
    .info.white span {
      color: #fff; }
      .info.white span:last-child:before {
        background: #fff; }

.btnShare {
  position: relative;
  padding-left: 50px;
  font: 15px/1 "Averta", serif;
  font-weight: 700;
  color: rgba(68, 74, 85, 0.5);
  transition: color 300ms; }
  .btnShare:hover {
    color: #444a55; }
  .btnShare div {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 0;
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%); }
    .btnShare div svg {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 50%;
      left: 50%;
      fill: #444a55;
      stroke: #444a55;
      transform: translate(-50%, -50%); }

.flex {
  display: flex; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.sticky {
  position: sticky;
  top: 50px; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.textLeft {
  text-align: left; }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

.alignTop {
  vertical-align: top; }

.alignMiddle {
  vertical-align: middle; }

.alignBottom {
  vertical-align: bottom; }

.caps {
  text-transform: capitalize; }

.allCaps {
  text-transform: uppercase; }

.bgLeft {
  background-position: left center; }

.bgCenter {
  background-position: center; }

.bgRight {
  background-position: right center; }

.w1200 {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .w1200 {
      margin: 0; } }

.w1400 {
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 1400px) {
    .w1400 {
      margin: 0; } }

.yP180 {
  padding-top: 180px;
  padding-bottom: 180px; }
  @media screen and (max-width: 1400px) {
    .yP180 {
      padding-top: 150px;
      padding-bottom: 150px; } }
  @media screen and (max-width: 1200px) {
    .yP180 {
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media screen and (max-width: 1024px) {
    .yP180 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yP180 {
      padding-top: 70px;
      padding-bottom: 70px; } }

.tP180 {
  padding-top: 180px; }
  @media screen and (max-width: 1400px) {
    .tP180 {
      padding-top: 150px; } }
  @media screen and (max-width: 1200px) {
    .tP180 {
      padding-top: 120px; } }
  @media screen and (max-width: 1024px) {
    .tP180 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tP180 {
      padding-top: 70px; } }

.bP180 {
  padding-bottom: 180px; }
  @media screen and (max-width: 1400px) {
    .bP180 {
      padding-bottom: 150px; } }
  @media screen and (max-width: 1200px) {
    .bP180 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 1024px) {
    .bP180 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bP180 {
      padding-bottom: 70px; } }

.yP150 {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media screen and (max-width: 1400px) {
    .yP150 {
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media screen and (max-width: 1024px) {
    .yP150 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yP150 {
      padding-top: 70px;
      padding-bottom: 70px; } }

.tP150 {
  padding-top: 150px; }
  @media screen and (max-width: 1400px) {
    .tP150 {
      padding-top: 120px; } }
  @media screen and (max-width: 1024px) {
    .tP150 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tP150 {
      padding-top: 70px; } }

.bP150 {
  padding-bottom: 150px; }
  @media screen and (max-width: 1400px) {
    .bP150 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 1024px) {
    .bP150 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bP150 {
      padding-bottom: 70px; } }

.yP115 {
  padding-top: 115px;
  padding-bottom: 115px; }
  @media screen and (max-width: 1400px) {
    .yP115 {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .yP115 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yP115 {
      padding-top: 70px;
      padding-bottom: 70px; } }

.tP115 {
  padding-top: 115px; }
  @media screen and (max-width: 1400px) {
    .tP115 {
      padding-top: 90px; } }
  @media screen and (max-width: 1024px) {
    .tP115 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tP115 {
      padding-top: 70px; } }

.bP115 {
  padding-bottom: 115px; }
  @media screen and (max-width: 1400px) {
    .bP115 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .bP115 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bP115 {
      padding-bottom: 70px; } }

.yP100 {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 1400px) {
    .yP100 {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .yP100 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yP100 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 600px) {
    .yP100 {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 500px) {
    .yP100 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tP100 {
  padding-top: 100px; }
  @media screen and (max-width: 1400px) {
    .tP100 {
      padding-top: 90px; } }
  @media screen and (max-width: 1024px) {
    .tP100 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tP100 {
      padding-top: 70px; } }
  @media screen and (max-width: 600px) {
    .tP100 {
      padding-top: 60px; } }
  @media screen and (max-width: 500px) {
    .tP100 {
      padding-top: 50px; } }

.bP100 {
  padding-bottom: 100px; }
  @media screen and (max-width: 1400px) {
    .bP100 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .bP100 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bP100 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 600px) {
    .bP100 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 500px) {
    .bP100 {
      padding-bottom: 50px; } }

.yP80 {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .yP80 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 600px) {
    .yP80 {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 500px) {
    .yP80 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tP80 {
  padding-top: 80px; }
  @media screen and (max-width: 768px) {
    .tP80 {
      padding-top: 70px; } }
  @media screen and (max-width: 600px) {
    .tP80 {
      padding-top: 60px; } }
  @media screen and (max-width: 500px) {
    .tP80 {
      padding-top: 50px; } }

.bP80 {
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .bP80 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 600px) {
    .bP80 {
      padding-bottom: 60px; } }
  @media screen and (max-width: 500px) {
    .bP80 {
      padding-bottom: 50px; } }

.yP50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.tP50 {
  padding-top: 50px; }

.bP50 {
  padding-bottom: 50px; }

.xP150 {
  padding-right: 150px;
  padding-left: 150px; }
  @media screen and (max-width: 1400px) {
    .xP150 {
      padding-right: 120px;
      padding-left: 120px; } }
  @media screen and (max-width: 1200px) {
    .xP150 {
      padding-right: 90px;
      padding-left: 90px; } }
  @media screen and (max-width: 1024px) {
    .xP150 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xP150 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 500px) {
    .xP150 {
      padding-right: 20px;
      padding-left: 20px; } }

.rP150 {
  padding-right: 150px; }
  @media screen and (max-width: 1400px) {
    .rP150 {
      padding-right: 120px; } }
  @media screen and (max-width: 1200px) {
    .rP150 {
      padding-right: 90px; } }
  @media screen and (max-width: 1024px) {
    .rP150 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rP150 {
      padding-right: 30px; } }
  @media screen and (max-width: 500px) {
    .rP150 {
      padding-right: 20px; } }

.lP150 {
  padding-left: 150px; }
  @media screen and (max-width: 1400px) {
    .lP150 {
      padding-left: 120px; } }
  @media screen and (max-width: 1200px) {
    .lP150 {
      padding-left: 90px; } }
  @media screen and (max-width: 1024px) {
    .lP150 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lP150 {
      padding-left: 30px; } }
  @media screen and (max-width: 500px) {
    .lP150 {
      padding-left: 20px; } }

.xP115 {
  padding-right: 115px;
  padding-left: 115px; }
  @media screen and (max-width: 1200px) {
    .xP115 {
      padding-right: 90px;
      padding-left: 90px; } }
  @media screen and (max-width: 1024px) {
    .xP115 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xP115 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 500px) {
    .xP115 {
      padding-right: 20px;
      padding-left: 20px; } }

.rP115 {
  padding-right: 115px; }
  @media screen and (max-width: 1200px) {
    .rP115 {
      padding-right: 90px; } }
  @media screen and (max-width: 1024px) {
    .rP115 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rP115 {
      padding-right: 30px; } }
  @media screen and (max-width: 500px) {
    .rP115 {
      padding-right: 20px; } }

.lP115 {
  padding-left: 115px; }
  @media screen and (max-width: 1200px) {
    .lP115 {
      padding-left: 90px; } }
  @media screen and (max-width: 1024px) {
    .lP115 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lP115 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lP115 {
      padding-left: 20px; } }

.xP80 {
  padding-right: 80px;
  padding-left: 80px; }
  @media screen and (max-width: 1024px) {
    .xP80 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xP80 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 500px) {
    .xP80 {
      padding-right: 20px;
      padding-left: 20px; } }

.rP80 {
  padding-right: 80px; }
  @media screen and (max-width: 1024px) {
    .rP80 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rP80 {
      padding-right: 30px; } }
  @media screen and (max-width: 500px) {
    .rP80 {
      padding-right: 20px; } }

.lP80 {
  padding-left: 80px; }
  @media screen and (max-width: 1024px) {
    .lP80 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lP80 {
      padding-left: 30px; } }
  @media screen and (max-width: 500px) {
    .lP80 {
      padding-left: 20px; } }

.noTP {
  padding-top: 0; }

.noRP {
  padding-right: 0; }

.noBP {
  padding-bottom: 0; }

.noLP {
  padding-left: 0; }

.noXP {
  padding-right: 0;
  padding-left: 0; }

.noYP {
  padding-top: 0;
  padding-bottom: 0; }

.noP {
  padding: 0; }

.noTM {
  margin-top: 0; }

.noRM {
  margin-right: 0; }

.noBM {
  margin-bottom: 0; }

.noLM {
  margin-left: 0; }

.noXM {
  margin-right: 0;
  margin-left: 0; }

.noYM {
  margin-top: 0;
  margin-bottom: 0; }

.noM {
  margin: 0; }

.t0 {
  top: 0; }

.r0 {
  right: 0; }

.b0 {
  bottom: 0; }

.l0 {
  left: 0; }

.trbl0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.nowrap {
  white-space: nowrap; }

.clearfix {
  display: block;
  clear: both; }

.noscroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }

.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.hide {
  display: none; }

@media screen and (max-width: 1800px) {
  .hide_1800 {
    display: none; } }

@media screen and (max-width: 1700px) {
  .hide_1700 {
    display: none; } }

@media screen and (max-width: 1600px) {
  .hide_1600 {
    display: none; } }

@media screen and (max-width: 1500px) {
  .hide_1500 {
    display: none; } }

@media screen and (max-width: 1400px) {
  .hide_1400 {
    display: none; } }

@media screen and (max-width: 1300px) {
  .hide_1300 {
    display: none; } }

@media screen and (max-width: 1200px) {
  .hide_1200 {
    display: none; } }

@media screen and (max-width: 1100px) {
  .hide_1100 {
    display: none; } }

@media screen and (max-width: 1024px) {
  .hide_1024 {
    display: none; } }

@media screen and (max-width: 1000px) {
  .hide_1000 {
    display: none; } }

@media screen and (max-width: 900px) {
  .hide_900 {
    display: none; } }

@media screen and (max-width: 800px) {
  .hide_800 {
    display: none; } }

@media screen and (max-width: 768px) {
  .hide_768 {
    display: none; } }

@media screen and (max-width: 700px) {
  .hide_700 {
    display: none; } }

@media screen and (max-width: 600px) {
  .hide_600 {
    display: none; } }

@media screen and (max-width: 500px) {
  .hide_500 {
    display: none; } }

@media screen and (max-width: 400px) {
  .hide_400 {
    display: none; } }

.show {
  display: block; }

.show_1800 {
  display: none; }
  @media screen and (max-width: 1800px) {
    .show_1800 {
      display: block; } }

.show_1700 {
  display: none; }
  @media screen and (max-width: 1700px) {
    .show_1700 {
      display: block; } }

.show_1600 {
  display: none; }
  @media screen and (max-width: 1600px) {
    .show_1600 {
      display: block; } }

.show_1500 {
  display: none; }
  @media screen and (max-width: 1500px) {
    .show_1500 {
      display: block; } }

.show_1400 {
  display: none; }
  @media screen and (max-width: 1400px) {
    .show_1400 {
      display: block; } }

.show_1300 {
  display: none; }
  @media screen and (max-width: 1300px) {
    .show_1300 {
      display: block; } }

.show_1200 {
  display: none; }
  @media screen and (max-width: 1200px) {
    .show_1200 {
      display: block; } }

.show_1100 {
  display: none; }
  @media screen and (max-width: 1100px) {
    .show_1100 {
      display: block; } }

.show_1024 {
  display: none; }
  @media screen and (max-width: 1024px) {
    .show_1024 {
      display: block; } }

.show_1000 {
  display: none; }
  @media screen and (max-width: 1000px) {
    .show_1000 {
      display: block; } }

.show_900 {
  display: none; }
  @media screen and (max-width: 900px) {
    .show_900 {
      display: block; } }

.show_800 {
  display: none; }
  @media screen and (max-width: 800px) {
    .show_800 {
      display: block; } }

.show_768 {
  display: none; }
  @media screen and (max-width: 768px) {
    .show_768 {
      display: block; } }

.show_700 {
  display: none; }
  @media screen and (max-width: 700px) {
    .show_700 {
      display: block; } }

.show_600 {
  display: none; }
  @media screen and (max-width: 600px) {
    .show_600 {
      display: block; } }

.show_500 {
  display: none; }
  @media screen and (max-width: 500px) {
    .show_500 {
      display: block; } }

.show_400 {
  display: none; }
  @media screen and (max-width: 400px) {
    .show_400 {
      display: block; } }

.zIndex-1 {
  z-index: -1; }

.zIndex0 {
  z-index: 0; }

.zIndex1 {
  z-index: 1; }

.zIndex2 {
  z-index: 2; }

.zIndex3 {
  z-index: 3; }

.zIndex4 {
  z-index: 4; }

.zIndex5 {
  z-index: 5; }

.zIndex6 {
  z-index: 6; }

.zIndex7 {
  z-index: 7; }

.zIndex8 {
  z-index: 8; }

.zIndex9 {
  z-index: 9; }

.zIndex10 {
  z-index: 10; }

body {
  font-family: "Averta", serif; }

.content {
  overflow: hidden; }

h1, .h1 {
  font-size: 80px;
  line-height: 1em;
  font-weight: 700;
  color: #444a55; }
  @media screen and (max-width: 1500px) {
    h1, .h1 {
      font-size: 80px; } }
  @media screen and (max-width: 1400px) {
    h1, .h1 {
      font-size: 60px; } }
  @media screen and (max-width: 768px) {
    h1, .h1 {
      font-size: 50px; } }
  @media screen and (max-width: 600px) {
    h1, .h1 {
      font-size: 40px; } }
  @media screen and (max-width: 500px) {
    h1, .h1 {
      font-size: 35px; } }
  @media screen and (max-width: 400px) {
    h1, .h1 {
      font-size: 33px; } }
  h1 sup, .h1 sup {
    vertical-align: super;
    font-size: 50px; }
    @media screen and (max-width: 1300px) {
      h1 sup, .h1 sup {
        font-size: 40px; } }
    @media screen and (max-width: 1024px) {
      h1 sup, .h1 sup {
        font-size: 35px; } }
    @media screen and (max-width: 768px) {
      h1 sup, .h1 sup {
        font-size: 30px; } }
    @media screen and (max-width: 600px) {
      h1 sup, .h1 sup {
        font-size: 25px; } }
    @media screen and (max-width: 500px) {
      h1 sup, .h1 sup {
        font-size: 20px; } }
    @media screen and (max-width: 400px) {
      h1 sup, .h1 sup {
        font-size: 16px; } }
  h1 span, .h1 span {
    color: #888a8e; }

h2, .h2 {
  font-size: 40px;
  line-height: 1.25em;
  font-weight: 700;
  color: #444a55; }
  h2:not(:last-child), .h2:not(:last-child) {
    margin-bottom: 70px; }
  @media screen and (max-width: 1200px) {
    h2, .h2 {
      font-size: 35px; } }
  @media screen and (max-width: 768px) {
    h2, .h2 {
      font-size: 33px; } }
  @media screen and (max-width: 600px) {
    h2, .h2 {
      font-size: 32px; } }
  @media screen and (max-width: 500px) {
    h2, .h2 {
      font-size: 30px; } }
  @media screen and (max-width: 400px) {
    h2, .h2 {
      font-size: 28px; } }
  h2 span, .h2 span {
    color: #888a8e; }

h3, .h3 {
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 700;
  color: #444a55; }
  @media screen and (max-width: 1200px) {
    h3, .h3 {
      font-size: 32px; } }
  @media screen and (max-width: 1024px) {
    h3, .h3 {
      font-size: 28px; } }
  @media screen and (max-width: 768px) {
    h3, .h3 {
      font-size: 25px; } }
  @media screen and (max-width: 600px) {
    h3, .h3 {
      font-size: 23px; } }
  @media screen and (max-width: 500px) {
    h3, .h3 {
      font-size: 20px; } }

h4, .h4 {
  font: 18px/1.3 "Averta", serif;
  color: #444a55; }
  @media screen and (max-width: 1024px) {
    h4, .h4 {
      font-size: 23px; } }
  @media screen and (max-width: 768px) {
    h4, .h4 {
      font-size: 21px; } }
  @media screen and (max-width: 600px) {
    h4, .h4 {
      font-size: 20px; } }

h5, .h5 {
  font: 18px/1.5 "Averta", serif;
  font-weight: 600;
  color: #444a55;
  margin-bottom: 16px; }
  @media screen and (max-width: 1024px) {
    h5, .h5 {
      font-size: 20px; } }
  @media screen and (max-width: 768px) {
    h5, .h5 {
      font-size: 19px; } }

h6, .h6 {
  font: 12px/1.5 "Averta", serif;
  font-weight: 700;
  color: #444a55;
  letter-spacing: 1px; }

p {
  font-size: 18px;
  line-height: 1.555555555555556em;
  color: #888a8e; }
  p em {
    font-style: italic; }

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }

.link {
  position: relative;
  display: inline-block;
  font: 15px/1 "Averta", serif;
  font-weight: 700;
  padding-right: 50px;
  color: #444a55;
  transition: color 300ms; }
  .link:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 11px;
    top: 1px;
    right: 10px;
    background: url("../images/content/icons/arrow.svg") no-repeat center/contain;
    transition: right 300ms; }
  .link:hover {
    color: #2765d6; }
    .link:hover:before {
      right: 0px; }
  .link.white {
    color: #fff; }
    .link.white:before {
      background: url("../images/content/icons/arrow_white.svg") no-repeat center/contain; }

a.underline {
  position: relative; }
  a.underline::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2765d6;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  a.underline:hover::after {
    transform: scaleX(1);
    transform-origin: left center; }

.btn {
  position: relative;
  padding: 17px 70px 18px 40px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 600;
  color: #fff;
  background: #2765d6;
  border-radius: 50px;
  transition: color 300ms, background 300ms; }
  .btn > span {
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translate(0, -50%);
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }
    .btn > span:before, .btn > span:after {
      content: '';
      background-color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transform-origin: 100% 50%; }
    .btn > span::before {
      width: 12px;
      height: 2px;
      transition: height 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, width 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .btn > span::after {
      width: 2px;
      height: 12px;
      transition: height 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .btn:hover > span {
    background-color: rgba(255, 255, 255, 0.35); }
    .btn:hover > span::before {
      transform: translate(-50%, -50%) rotate(-45deg);
      transition: height 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
      width: 9px; }
    .btn:hover > span::after {
      width: 9px;
      height: 2px;
      transform: translate(-50%, -50%) rotate(45deg);
      transition: height 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; }
  .btn.alt {
    background: transparent;
    color: #2765d6;
    font-size: 16px;
    padding: 3px 0 3px 20px;
    line-height: 1em;
    display: inline-block; }
    .btn.alt > span {
      background-color: transparent;
      right: auto;
      left: 0;
      width: 10px;
      height: 10px; }
      .btn.alt > span::before, .btn.alt > span::after {
        background-color: #2765d6; }
      .btn.alt > span::before {
        width: 10px;
        height: 2px; }
      .btn.alt > span::after {
        width: 2px;
        height: 10px; }
    .btn.alt::after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #2765d6;
      transform: scaleX(0);
      transform-origin: right center;
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      pointer-events: none; }
    .btn.alt:hover > span::before {
      width: 7px; }
    .btn.alt:hover > span::after {
      width: 7px;
      height: 2px; }
    .btn.alt:hover::after {
      transform: scaleX(1);
      transform-origin: left center; }
    .btn.alt.white {
      color: white; }
      .btn.alt.white > span::before, .btn.alt.white > span::after {
        background-color: white; }
      .btn.alt.white::after {
        background-color: white; }
    .btn.alt.share {
      cursor: pointer; }
      .btn.alt.share span {
        transform: translate(0, -50%);
        top: 50%;
        background-color: transparent;
        width: 11px;
        height: 13px;
        border-radius: 0;
        background-image: url(../images/icons/share.svg);
        background-size: cover; }
        .btn.alt.share span::before {
          content: normal; }
        .btn.alt.share span::after {
          content: normal; }

.hoverOnBlock:hover .btn > span {
  background-color: rgba(255, 255, 255, 0.35); }
  .hoverOnBlock:hover .btn > span::before {
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    width: 9px; }
  .hoverOnBlock:hover .btn > span::after {
    width: 9px;
    height: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }

.hoverOnBlock:hover .btn.alt > span::before {
  width: 7px; }

.hoverOnBlock:hover .btn.alt > span::after {
  width: 7px;
  height: 2px; }

.hoverOnBlock:hover .btn.alt::after {
  transform: scaleX(1);
  transform-origin: left center; }

.hoverOnBlock:hover .btn.white > span {
  background-color: transparent; }

.btnPlus {
  position: relative;
  min-height: 100px;
  display: inline-flex;
  align-items: center;
  padding: 15px 45px 15px 115px;
  font-size: 16px;
  line-height: 1.375em;
  font-weight: 600;
  color: #fff;
  background: #2765d6;
  border-radius: 50px; }
  .btnPlus > div {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    left: 15px;
    overflow: hidden; }
    .btnPlus > div > .image {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transform: scale(1);
      transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .btnPlus:hover > div > .image {
    transform: scale(1.1); }

.liste {
  list-style-type: none; }
  .liste > li {
    position: relative;
    padding-left: 15px;
    font: 17px/1.5 "Averta", serif;
    color: #444a55; }
    @media screen and (max-width: 600px) {
      .liste > li {
        font-size: 16px; } }
    .liste > li:not(:last-child) {
      margin-bottom: 5px; }
    .liste > li:before {
      content: '';
      position: absolute;
      width: 4px;
      height: 4px;
      top: 10px;
      left: 0;
      border-radius: 50%;
      background: #2765d6; }
    .liste > li p {
      margin-bottom: 0;
      font: 17px/1.5 "Averta", serif;
      color: #444a55; }
      @media screen and (max-width: 600px) {
        .liste > li p {
          font-size: 16px; } }

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

[data-mainScrollbar] {
  overflow: hidden; }

html:not(.isMobile) {
  overflow: hidden; }
  html:not(.isMobile) [data-mainScrollbar] {
    position: static;
    width: 100%;
    height: 100vh; }

.fancybox-caption__body {
  font-family: "Averta", serif; }

.stripe-loading-indicator {
  display: none; }

.drawers .dynamic h2 {
  font-size: 25px; }

.drawers .dynamic h3 {
  font-size: 20px; }

.introduction {
  font: 30px/1.4 "Averta", serif;
  color: #444a55; }
  @media screen and (max-width: 1024px) {
    .introduction {
      font-size: 28px; } }
  @media screen and (max-width: 768px) {
    .introduction {
      font-size: 25px; } }
  @media screen and (max-width: 600px) {
    .introduction {
      font-size: 23px; } }
  @media screen and (max-width: 500px) {
    .introduction {
      font-size: 20px; } }

.dynamic {
  font-size: 18px;
  line-height: 1.555555555555556em;
  color: #888a8e; }
  @media screen and (max-width: 600px) {
    .dynamic {
      font-size: 16px; } }
  .dynamic :first-child {
    margin-top: 0; }
  .dynamic :last-child {
    margin-bottom: 0; }
  .dynamic h2, .dynamic h3, .dynamic h4, .dynamic p, .dynamic a, .dynamic ul, .dynamic ol, .dynamic table, .dynamic hr, .dynamic img {
    margin: 0; }
  .dynamic h2 {
    color: #444a55;
    font-size: 40px;
    line-height: 1.25em;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px; }
    .dynamic h2.blue {
      color: #2765d6; }
    @media screen and (max-width: 1400px) {
      .dynamic h2 {
        font-size: 33px; } }
    @media screen and (max-width: 1200px) {
      .dynamic h2 {
        font-size: 31px; } }
    @media screen and (max-width: 1024px) {
      .dynamic h2 {
        font-size: 29px; } }
    @media screen and (max-width: 768px) {
      .dynamic h2 {
        font-size: 27px; } }
  .dynamic h3 {
    font-size: 25px;
    line-height: 1.4em;
    color: #444a55;
    margin: 20px 0;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .dynamic h3 {
        font-size: 25px; } }
  .dynamic h4 {
    font: 22px/1.5 "Averta", serif;
    font-weight: 700;
    color: #2765d6; }
    @media screen and (max-width: 768px) {
      .dynamic h4 {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .dynamic h4 {
        font-size: 18px; } }
  .dynamic h5 {
    font: 22px/1.5 "Averta", serif;
    font-weight: 700;
    color: #2765d6; }
    @media screen and (max-width: 1024px) {
      .dynamic h5 {
        font-size: 20px; } }
    @media screen and (max-width: 768px) {
      .dynamic h5 {
        font-size: 19px; } }
  .dynamic p {
    margin: 20px 0; }
    @media screen and (max-width: 600px) {
      .dynamic p {
        font-size: 16px; } }
    .dynamic p.addTopMargin {
      margin-top: 45px; }
  .dynamic ul {
    list-style-type: none;
    margin: 35px 0; }
    .dynamic ul > li {
      position: relative;
      padding-left: 17px; }
      @media screen and (max-width: 600px) {
        .dynamic ul > li {
          font-size: 16px; } }
      .dynamic ul > li:not(:last-child) {
        margin-bottom: 10px; }
      .dynamic ul > li:before {
        content: '';
        position: absolute;
        width: 9px;
        height: 2px;
        top: 0.8em;
        left: 0;
        background: #2765d6;
        transform: translate(0, -50%); }
      .dynamic ul > li p {
        margin-bottom: 0;
        font: 17px/1.5 "Averta", serif;
        color: #444a55; }
        @media screen and (max-width: 600px) {
          .dynamic ul > li p {
            font-size: 16px; } }
  .dynamic ol {
    counter-reset: list;
    margin: 35px 0; }
    .dynamic ol > li {
      position: relative;
      padding-left: 28px; }
      @media screen and (max-width: 600px) {
        .dynamic ol > li {
          font-size: 16px; } }
      .dynamic ol > li:not(:last-child) {
        margin-bottom: 10px; }
      .dynamic ol > li:before {
        counter-increment: list;
        content: counters(list, ".", decimal-leading-zero);
        position: absolute;
        left: 0;
        font-weight: 700;
        color: #2765d6; }
      .dynamic ol > li p {
        margin-bottom: 0;
        font: 17px/1.5 "Averta", serif;
        color: #444a55; }
        @media screen and (max-width: 600px) {
          .dynamic ol > li p {
            font-size: 16px; } }
  .dynamic ul li li, .dynamic ol li li {
    margin-top: 10px !important;
    margin-bottom: 0 !important; }
  .dynamic ul.multicolumn, .dynamic ol.multicolumn {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-width: 33.3333%;
         column-width: 33.3333%;
    max-width: 830px;
    -moz-column-gap: 40px;
         column-gap: 40px;
    -moz-column-width: 200px;
         column-width: 200px; }
    @media screen and (max-width: 768px) {
      .dynamic ul.multicolumn, .dynamic ol.multicolumn {
        -moz-column-count: 1;
             column-count: 1; } }
  .dynamic a:not(.btn):not(.link) {
    display: inline-block;
    position: relative;
    color: #2765d6;
    transition: color 300ms; }
    .dynamic a:not(.btn):not(.link)::after {
      content: '';
      position: absolute;
      height: 2px;
      top: calc(100% - 3px);
      right: 0;
      left: 0;
      background: #2765d6;
      transform: scaleX(0);
      transform-origin: right center;
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .dynamic a:not(.btn):not(.link):hover::after {
      transform-origin: left center;
      transform: scaleX(1); }
  .dynamic img {
    max-width: 100%;
    width: 100%;
    margin: 30px 0 20px; }
  .dynamic hr {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    border-bottom-width: 0; }
  .dynamic strong {
    font-style: normal;
    font-weight: 700; }
  .dynamic em {
    font-style: italic;
    font-weight: normal; }
  .dynamic strong em, .dynamic em strong {
    font-style: italic;
    font-weight: bold; }
  .dynamic table {
    border: 1px solid; }
    @media screen and (max-width: 500px) {
      .dynamic table {
        display: block;
        overflow-x: auto;
        white-space: nowrap; } }
    .dynamic table thead tr th, .dynamic table thead tr td {
      padding: 20px;
      color: #fff;
      background: #444a55;
      border: 1px solid #444a55;
      font-weight: 700; }
    .dynamic table tbody tr td, .dynamic table tbody tr th {
      padding: 20px;
      text-align: center !important;
      border: 1px solid #444a55;
      vertical-align: middle !important;
      font: 14px/1.5 "Averta", serif; }
    @media screen and (max-width: 1400px) {
      .dynamic table thead tr th, .dynamic table thead tr td, .dynamic table tbody tr td, .dynamic table tbody tr th {
        padding: 20px 10px;
        font: 14px/1.5 "Averta", serif; } }
    @media screen and (max-width: 1200px) {
      .dynamic table thead tr th, .dynamic table thead tr td, .dynamic table tbody tr td, .dynamic table tbody tr th {
        padding: 15px 7px;
        font: 13px/1.5 "Averta", serif; } }
    @media screen and (max-width: 600px) {
      .dynamic table thead tr th, .dynamic table thead tr td, .dynamic table tbody tr td, .dynamic table tbody tr th {
        padding: 10px 5px;
        font: 12px/1.5 "Averta", serif; } }
  .dynamic .citation {
    font: 35px/1.3 "Averta", serif;
    color: #444a55;
    padding-left: 30px; }
    @media screen and (max-width: 1400px) {
      .dynamic .citation {
        font-size: 33px;
        padding-left: 20px; } }
    @media screen and (max-width: 1200px) {
      .dynamic .citation {
        font-size: 31px;
        padding-left: 10px; } }
    @media screen and (max-width: 1024px) {
      .dynamic .citation {
        font-size: 29px; } }
    @media screen and (max-width: 768px) {
      .dynamic .citation {
        font-size: 27px; } }
  .dynamic .note {
    font: 12px/1.1 "Averta", serif;
    color: #787878; }
  .dynamic video {
    width: 100%; }
  .dynamic.light h1, .dynamic.light h2, .dynamic.light h3, .dynamic.light ul, .dynamic.light ol, .dynamic.light p {
    color: white; }
  .dynamic.light ol > li {
    padding-left: 65px;
    display: flex;
    min-height: 42px;
    align-items: center; }
    .dynamic.light ol > li:not(:last-child) {
      margin-bottom: 24px; }
    .dynamic.light ol > li::before {
      color: white;
      font-size: 16px;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      background-color: #5284de;
      border-radius: 50%; }
  .dynamic.light .btn {
    background-color: white;
    color: #2765d6; }
    .dynamic.light .btn > span {
      background-color: rgba(39, 101, 214, 0.2); }
      .dynamic.light .btn > span::before, .dynamic.light .btn > span::after {
        background-color: #2765d6; }

.hamburger {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  font: inherit;
  color: inherit;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  background: #2765d6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: background 700ms;
  /*&:hover {
		background: #fff;

        .box {
            .inner, &:before, &:after {
                background: $color1;
            }
        }
    }*/ }
  .hamburger .box {
    position: absolute;
    width: 26px;
    height: 18px;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    transform: translate(-50%, -50%); }
    .hamburger .box::before, .hamburger .box::after {
      content: '';
      position: absolute;
      width: 26px;
      display: block;
      height: 2px;
      background: white; }
    .hamburger .box:before {
      top: 0px; }
    .hamburger .box:after {
      bottom: 0px; }
    .hamburger .box .inner {
      display: block;
      height: 2px;
      background: white;
      margin-top: 8px; }

.showOverlayMenu .hamburger {
  background: #fff; }

.showOverlayMenu .box:before, .showOverlayMenu .box:after, .showOverlayMenu .box .inner {
  background: #2765d6; }

.showOverlayMenu .box:before {
  top: 8px;
  transform: rotate(45deg);
  transition: background 150ms, top 150ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; }

.showOverlayMenu .box:after {
  bottom: 8px;
  transform: rotate(-45deg);
  transition: background 150ms, bottom 150ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; }

.showOverlayMenu .box .inner {
  width: 0px !important;
  transition: background 150ms, width 0ms ease 150ms; }

.showOverlayMenu.overlayClosing .hamburger {
  background-color: #2765d6; }
  .showOverlayMenu.overlayClosing .hamburger .box:before, .showOverlayMenu.overlayClosing .hamburger .box:after, .showOverlayMenu.overlayClosing .hamburger .box .inner {
    background: white; }

.showOverlayMenu.overlayClosing .box:before {
  top: 0px;
  transform: none;
  transition: background 300ms, top 150ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.showOverlayMenu.overlayClosing .box:after {
  bottom: 0px;
  transform: none;
  transition: background 300ms, bottom 150ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.showOverlayMenu.overlayClosing .box .inner {
  width: 26px !important;
  transition: background 300ms, transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), width 150ms; }

.drawers {
  margin: 0;
  max-width: none;
  list-style-type: none; }
  @media screen and (max-width: 1024px) {
    .drawers {
      margin-left: 0; } }
  .drawers > li {
    margin-bottom: 20px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.5); }
    .drawers > li:last-child {
      margin-bottom: 0; }
    .drawers > li > .toggle {
      position: relative;
      margin: 0;
      cursor: pointer;
      background-color: white;
      padding: 40px 100px 40px 70px;
      z-index: 1; }
      @media screen and (max-width: 1024px) {
        .drawers > li > .toggle {
          padding: 40px 70px 40px 30px; } }
      @media screen and (max-width: 768px) {
        .drawers > li > .toggle {
          padding: 30px 70px 30px 20px; } }
      @media screen and (max-width: 600px) {
        .drawers > li > .toggle {
          padding: 20px 70px 20px 20px; } }
      .drawers > li > .toggle > div {
        transition: padding-left cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
        padding-left: 0; }
      .drawers > li > .toggle .state {
        padding-left: 25px;
        z-index: 2; }
        .drawers > li > .toggle .state::before {
          transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s; }
        .drawers > li > .toggle .state::after {
          top: calc(50% - 2px); }
      .drawers > li > .toggle h5, .drawers > li > .toggle h6 {
        font-weight: 600;
        font-size: 20px;
        color: #444a55;
        position: relative;
        z-index: 2;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
        margin-bottom: 0; }
      .drawers > li > .toggle h6 {
        font-size: 12px;
        font-weight: 600;
        color: #888a8e;
        text-transform: uppercase; }
      @media screen and (max-width: 500px) {
        .drawers > li > .toggle h5 {
          font-size: 20px; } }
      @media screen and (max-width: 400px) {
        .drawers > li > .toggle h5 {
          font-size: 18px; }
        .drawers > li > .toggle h6 {
          font-size: 11px; } }
      .drawers > li > .toggle .rond {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 50%;
        right: 35px;
        background: #5284de;
        border-radius: 50%;
        transform: translateY(-50%);
        transition: background 300ms; }
        @media screen and (max-width: 1024px) {
          .drawers > li > .toggle .rond {
            right: 20px; } }
        .drawers > li > .toggle .rond:before, .drawers > li > .toggle .rond:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: white;
          transition: background 300ms, height 300ms ease; }
        .drawers > li > .toggle .rond:before {
          width: 12px;
          height: 2px; }
          @media screen and (max-width: 600px) {
            .drawers > li > .toggle .rond:before {
              width: 14px;
              height: 2px; } }
        .drawers > li > .toggle .rond:after {
          width: 2px;
          height: 12px; }
          @media screen and (max-width: 600px) {
            .drawers > li > .toggle .rond:after {
              width: 2px;
              height: 14px; } }
    .drawers > li > .drawer {
      display: none;
      max-width: 100%;
      opacity: 0;
      transform: translateY(100px);
      transition: opacity 300ms, transform 300ms;
      position: relative; }
      .drawers > li > .drawer > div {
        padding: 60px 150px 60px 90px; }
        @media screen and (max-width: 1024px) {
          .drawers > li > .drawer > div {
            padding: 50px 120px 20px 30px; } }
        @media screen and (max-width: 768px) {
          .drawers > li > .drawer > div {
            padding: 50px 120px 20px 20px; } }
        @media screen and (max-width: 600px) {
          .drawers > li > .drawer > div {
            padding: 40px 20px 60px 20px; } }
        @media screen and (max-width: 500px) {
          .drawers > li > .drawer > div {
            padding: 30px 20px 60px 20px; } }
        @media screen and (max-width: 400px) {
          .drawers > li > .drawer > div {
            padding: 20px 20px 60px 20px; } }
      .drawers > li > .drawer .dynamic {
        max-width: 900px; }
      .drawers > li > .drawer .documents {
        max-width: 900px;
        margin-top: 30px; }
        .drawers > li > .drawer .documents li:not(:last-child) {
          margin-bottom: 12px; }
      .drawers > li > .drawer .share {
        width: 60px;
        height: 60px;
        background-color: #5284de;
        border-radius: 50%;
        position: relative;
        transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
        position: absolute;
        top: 60px;
        right: 42px; }
        @media screen and (max-width: 1024px) {
          .drawers > li > .drawer .share {
            right: 30px; } }
        @media screen and (max-width: 768px) {
          .drawers > li > .drawer .share {
            width: auto;
            height: auto;
            top: auto;
            bottom: 10px;
            background-color: transparent !important; }
            .drawers > li > .drawer .share span {
              display: block !important;
              color: #444a55 !important; } }
        .drawers > li > .drawer .share span {
          display: none; }
        .drawers > li > .drawer .share svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
          @media screen and (max-width: 768px) {
            .drawers > li > .drawer .share svg {
              width: 14px;
              height: 14px;
              left: auto;
              right: 0;
              fill: #444a55 !important; } }
        .drawers > li > .drawer .share:hover {
          background-color: #444a55;
          transform: scale(1.16); }
          .drawers > li > .drawer .share:hover svg {
            fill: #5284de;
            transform: translate(-50%, -50%) scale(0.84); }
    .drawers > li.open > .toggle .rond:before, .drawers > li.open > .toggle .rond:after {
      background: #fff; }
    .drawers > li.open > .toggle .rond:after {
      height: 0px; }
    .drawers > li.open > .drawer {
      opacity: 1;
      transform: translateY(0);
      transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, opacity 600ms linear 300ms; }

.documents li:not(:last-child) {
  margin-bottom: 20px; }

.document {
  display: block;
  position: relative; }
  .document .contentWrapper {
    background: #fff;
    padding: 40px 120px 40px 70px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .document .contentWrapper {
        padding: 40px 100px 40px 30px; } }
    @media screen and (max-width: 768px) {
      .document .contentWrapper {
        padding: 30px 100px 30px 20px; } }
    @media screen and (max-width: 600px) {
      .document .contentWrapper {
        padding: 20px 50px 20px 20px; } }
    .document .contentWrapper h6 {
      color: #888a8e; }
  .document .iconContainer {
    position: absolute;
    top: 50%;
    right: 45px;
    height: 50px;
    width: 50px;
    transform: translate(0, -50%);
    background-color: #5284de;
    border-radius: 50%;
    z-index: 1;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
    @media screen and (max-width: 1024px) {
      .document .iconContainer {
        right: 30px; } }
    @media screen and (max-width: 600px) {
      .document .iconContainer {
        width: 30px;
        height: 30px;
        right: 10px; } }
    .document .iconContainer svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 18px;
      stroke: #2765d6;
      transform: translate(-50%, -50%);
      transition: stroke cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      @media screen and (max-width: 600px) {
        .document .iconContainer svg {
          width: 15px;
          height: 15px; } }
      .document .iconContainer svg use {
        transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
  .document:hover .iconContainer {
    background-color: #2765d6; }
    .document:hover .iconContainer svg {
      stroke: white; }
  .document:hover:after {
    width: 15px; }
  .document.inRubric .contentWrapper {
    background-color: #5284de;
    padding: 30px 120px 30px 40px; }
    @media screen and (max-width: 1024px) {
      .document.inRubric .contentWrapper {
        padding: 30px 120px 30px 30px; } }
    @media screen and (max-width: 600px) {
      .document.inRubric .contentWrapper {
        padding: 30px 70px 30px 20px; } }
    .document.inRubric .contentWrapper h5 {
      color: white;
      font-size: 14px;
      font-weight: bold; }
  .document.inRubric .iconContainer {
    background-color: white;
    z-index: 2; }
  .document.inRubric:hover .iconContainer svg {
    stroke: #2765d6; }

.imageAndText {
  display: block; }
  .imageAndText .wrapper {
    position: relative;
    overflow: hidden;
    transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .imageAndText .wrapper .image {
      position: relative;
      height: 250px;
      transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      @media screen and (max-width: 1024px) {
        .imageAndText .wrapper .image {
          height: 200px; } }
  .imageAndText .text .info {
    margin: 40px 0 20px; }
  .imageAndText .text h3 {
    font-size: 28px;
    transition: color 300ms; }
    @media screen and (max-width: 1200px) {
      .imageAndText .text h3 {
        font-size: 25px; } }
    @media screen and (max-width: 1024px) {
      .imageAndText .text h3 {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .imageAndText .text h3 {
        font-size: 18px; } }
  .imageAndText .text .link {
    margin-top: 25px; }
  .imageAndText:hover .wrapper {
    transform: scale(0.95); }
    .imageAndText:hover .wrapper .image {
      transform: scale(1.1); }
  .imageAndText:hover h3 {
    color: #2765d6; }
  .imageAndText:hover .link {
    right: 0px;
    color: #2765d6; }
  .imageAndText.big .wrapper .image {
    height: 400px; }
    @media screen and (max-width: 1200px) {
      .imageAndText.big .wrapper .image {
        height: 350px; } }
    @media screen and (max-width: 1024px) {
      .imageAndText.big .wrapper .image {
        height: 300px; } }
    @media screen and (max-width: 900px) {
      .imageAndText.big .wrapper .image {
        height: 250px; } }
    @media screen and (max-width: 700px) {
      .imageAndText.big .wrapper .image {
        height: 350px; } }
    @media screen and (max-width: 500px) {
      .imageAndText.big .wrapper .image {
        height: 300px; } }
  .imageAndText.big .text h3 {
    font-size: 35px; }
    @media screen and (max-width: 1200px) {
      .imageAndText.big .text h3 {
        font-size: 32px; } }
    @media screen and (max-width: 1024px) {
      .imageAndText.big .text h3 {
        font-size: 28px; } }
    @media screen and (max-width: 768px) {
      .imageAndText.big .text h3 {
        font-size: 25px; } }
    @media screen and (max-width: 600px) {
      .imageAndText.big .text h3 {
        font-size: 23px; } }
    @media screen and (max-width: 500px) {
      .imageAndText.big .text h3 {
        font-size: 20px; } }

[data-fade] {
  opacity: 0;
  transition: opacity 800ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  [data-fade][data-scrollfire="fire"], [data-fade][data-multiscrollfire="fire"] {
    opacity: 1; }

[data-fadeup] {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 800ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  @media screen and (max-width: 1024px) {
    [data-fadeup] {
      transform: translateY(50px); } }
  @media screen and (max-width: 768px) {
    [data-fadeup] {
      transform: translateY(30px); } }
  [data-fadeup][data-scrollfire="fire"], [data-fadeup][data-multiscrollfire="fire"] {
    opacity: 1;
    transform: none; }

.transition [data-fade], .chargement [data-fade] {
  opacity: 0 !important; }

.transition [data-fadeup], .chargement [data-fadeup] {
  opacity: 0 !important;
  transform: translateY(100px) !important; }
  @media screen and (max-width: 1024px) {
    .transition [data-fadeup], .chargement [data-fadeup] {
      transform: translateY(50px) !important; } }
  @media screen and (max-width: 768px) {
    .transition [data-fadeup], .chargement [data-fadeup] {
      transform: translateY(30px) !important; } }

.transition [data-scrollfire], .transition [data-multiscrollfire], .chargement [data-scrollfire], .chargement [data-multiscrollfire] {
  transition-delay: 100ms !important; }

.transition section:not(.bannerBlock), .transition footer {
  opacity: 0 !important;
  transform: translateY(100px) !important;
  transition: opacity 800ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  @media screen and (max-width: 1024px) {
    .transition section:not(.bannerBlock), .transition footer {
      transform: translateY(50px); } }
  @media screen and (max-width: 768px) {
    .transition section:not(.bannerBlock), .transition footer {
      transform: translateY(30px); } }

[data-scrollfire], [data-multiscrollfire] {
  transition-delay: 0ms; }
  [data-scrollfire][data-delay1], [data-multiscrollfire][data-delay1] {
    transition-delay: 300ms; }
  [data-scrollfire][data-delay2], [data-multiscrollfire][data-delay2] {
    transition-delay: 400ms; }
  [data-scrollfire][data-delay3], [data-multiscrollfire][data-delay3] {
    transition-delay: 500ms; }
  [data-scrollfire][data-delay4], [data-multiscrollfire][data-delay4] {
    transition-delay: 600ms; }
  [data-scrollfire][data-delay5], [data-multiscrollfire][data-delay5] {
    transition-delay: 700ms; }
  [data-scrollfire][data-delay6], [data-multiscrollfire][data-delay6] {
    transition-delay: 800ms; }
  [data-scrollfire][data-delay7], [data-multiscrollfire][data-delay7] {
    transition-delay: 900ms; }
  @media screen and (max-width: 768px) {
    [data-scrollfire], [data-multiscrollfire] {
      transition-delay: 0ms !important; } }

#landing {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transition: visibility 0ms ease 1100ms; }

.chargement #landing {
  opacity: 1;
  visibility: visible; }

#page-transition {
  position: fixed;
  top: 0%;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  background: #ecedef;
  visibility: hidden; }

.transition #page-transition {
  top: 0%;
  bottom: 0%;
  visibility: visible;
  transition: top 1000ms cubic-bezier(0.77, 0, 0.175, 1), bottom 1000ms cubic-bezier(0.77, 0, 0.175, 1); }

.closing #page-transition {
  top: 100%;
  bottom: 0%;
  visibility: visible;
  transition: top 1000ms cubic-bezier(0.77, 0, 0.175, 1), bottom 1000ms cubic-bezier(0.77, 0, 0.175, 1); }

.transition header, .closing header {
  pointer-events: none; }

form {
  display: block;
  width: 100%; }

button.btn {
  border: 0;
  cursor: pointer;
  font-family: "Averta", serif; }

div.error {
  position: absolute;
  padding-top: 7px;
  top: 100%;
  left: 0;
  font: 12px/1 "Averta", serif;
  color: #db0000; }

.select-field, .checkbox-field, .file-field {
  position: relative;
  width: 100%;
  margin-bottom: 25px; }
  .select-field .hook, .checkbox-field .hook, .file-field .hook {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 12px;
    height: 6px;
    border-bottom: 1px solid #2765d6;
    border-left: 1px solid #2765d6;
    opacity: 0;
    transform: rotate(-45deg) translateY(-50%) scale(0);
    transition: transform 300ms, opacity 300ms; }

.inputField .example, .textField .example {
  position: absolute;
  left: 0;
  bottom: -25px;
  color: rgba(68, 74, 85, 0.6); }

.form-alert {
  padding: 16px 30px; }
  .form-alert button.close {
    display: none; }
  .form-alert.alert-success {
    background-color: #bdf3c1; }
  .form-alert:not(:last-child) {
    margin-bottom: 40px; }

.column.h3Title {
  margin-bottom: 40px; }
  .column.h3Title:not(:first-of-type) {
    margin-top: 40px; }

.column.conditionnal,
.column.conditionnal_conjoint {
  display: none; }

.radioField {
  position: relative;
  margin-bottom: 60px; }
  .radioField label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font: 16px/1.3 "Averta", serif;
    color: #888a8e;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 600; }
    .radioField label:not(:nth-last-child(2)) {
      margin-right: 20px; }
    @media screen and (max-width: 1024px) {
      .radioField label {
        padding-left: 30px; } }
    @media screen and (max-width: 600px) {
      .radioField label {
        display: block;
        margin-top: 10px; } }
    .radioField label input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .radioField label span {
      position: absolute;
      width: 18px;
      height: 18px;
      top: 50%;
      transform: translate(0, -50%);
      left: 0;
      border: 2px solid #888a8e;
      border-radius: 50%; }
      .radioField label span:before {
        content: '';
        position: absolute;
        width: 0px;
        height: 0px;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
      .radioField label span:before {
        width: 10px;
        height: 10px;
        background: #2765d6; }
    .radioField label input:checked ~ span:before, .radioField label input:checked ~ span:after {
      transform: translate(-50%, -50%) scale(1); }

.radioFieldWrapper {
  margin-bottom: 30px; }
  .radioFieldWrapper h5 {
    margin-bottom: 30px;
    color: #444a55; }
    @media screen and (max-width: 1024px) {
      .radioFieldWrapper h5 {
        margin-bottom: 20px; } }
  .radioFieldWrapper.inline .radioField {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .radioFieldWrapper.inline .radioField {
        display: block; } }
    .radioFieldWrapper.inline .radioField:not(:last-child) {
      margin-right: 60px; }
      @media screen and (max-width: 1400px) {
        .radioFieldWrapper.inline .radioField:not(:last-child) {
          margin-right: 50px; } }
      @media screen and (max-width: 1200px) {
        .radioFieldWrapper.inline .radioField:not(:last-child) {
          margin-right: 40px; } }
      @media screen and (max-width: 1024px) {
        .radioFieldWrapper.inline .radioField:not(:last-child) {
          margin-right: 30px; } }
      @media screen and (max-width: 768px) {
        .radioFieldWrapper.inline .radioField:not(:last-child) {
          margin-right: 0;
          margin-bottom: 20px; } }
  .radioFieldWrapper.block .radioField {
    display: block;
    max-width: 860px; }
    .radioFieldWrapper.block .radioField:not(:last-child) {
      margin-bottom: 30px; }
    .radioFieldWrapper.block .radioField label:not(:nth-last-child(2)) {
      margin-bottom: 20px; }

.checkboxField {
  position: relative;
  margin-bottom: 60px; }
  .checkboxField label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font: 16px/1.3 "Averta", serif;
    color: #888a8e;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 600; }
    .checkboxField label:not(:nth-last-child(2)) {
      margin-right: 20px; }
    @media screen and (max-width: 1024px) {
      .checkboxField label {
        padding-left: 30px; } }
    @media screen and (max-width: 600px) {
      .checkboxField label {
        display: block;
        margin-top: 10px; } }
    @media screen and (max-width: 500px) {
      .checkboxField label {
        font-size: 15px; } }
    .checkboxField label input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .checkboxField label span {
      position: absolute;
      width: 18px;
      height: 18px;
      top: 50%;
      transform: translate(0, -50%);
      left: 0;
      border: 2px solid #888a8e; }
      .checkboxField label span:before {
        content: '';
        position: absolute;
        left: 50%;
        transition: width 300ms cubic-bezier(0.165, 0.84, 0.44, 1), height 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms; }
      .checkboxField label span:before {
        width: 10px;
        height: 10px;
        top: 50%;
        background: #2765d6;
        opacity: 0;
        transform: translate(-50%, -50%); }
    .checkboxField label input:checked ~ span:before, .checkboxField label input:checked ~ span:after {
      opacity: 1; }

.checkboxFieldWrapper {
  margin-bottom: 30px; }
  .checkboxFieldWrapper h5 {
    color: #444a55;
    margin-bottom: 30px; }

form {
  display: block;
  width: 100%; }

button.btn {
  border: 0;
  cursor: pointer;
  font-family: "Averta", serif; }

div.error {
  position: absolute;
  padding-top: 7px;
  top: 100%;
  left: 0;
  font: 12px/1 "Averta", serif;
  color: #db0000; }

.select-field, .checkbox-field, .file-field {
  position: relative;
  width: 100%;
  margin-bottom: 25px; }
  .select-field .hook, .checkbox-field .hook, .file-field .hook {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 12px;
    height: 6px;
    border-bottom: 1px solid #2765d6;
    border-left: 1px solid #2765d6;
    opacity: 0;
    transform: rotate(-45deg) translateY(-50%) scale(0);
    transition: transform 300ms, opacity 300ms; }

.inputField .example, .textField .example {
  position: absolute;
  left: 0;
  bottom: -25px;
  color: rgba(68, 74, 85, 0.6); }

.form-alert {
  padding: 16px 30px; }
  .form-alert button.close {
    display: none; }
  .form-alert.alert-success {
    background-color: #bdf3c1; }
  .form-alert:not(:last-child) {
    margin-bottom: 40px; }

.column.h3Title {
  margin-bottom: 40px; }
  .column.h3Title:not(:first-of-type) {
    margin-top: 40px; }

.column.conditionnal,
.column.conditionnal_conjoint {
  display: none; }

.chosen-container .chosen-results li.highlighted {
  color: #2765d6; }

.chosen-container-single .chosen-search {
  display: none; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled {
  opacity: 0.35 !important;
  cursor: default; }

.chosen-container {
  position: relative;
  display: inline-block;
  width: 100% !important;
  font-size: 15px;
  vertical-align: middle;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 50; }
  .chosen-container .chosen-single {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    z-index: 49;
    transition: background 300ms, color 300ms, border 300ms; }
    .chosen-container .chosen-single span {
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .chosen-container .chosen-single div {
      display: block;
      position: absolute;
      width: 40px;
      height: 100%;
      top: 0;
      right: 8px;
      transition: transform 500ms; }
      .chosen-container .chosen-single div b {
        display: none; }
  .chosen-container .chosen-drop {
    position: absolute;
    width: 100%;
    top: 0;
    border: none;
    opacity: 0;
    visibility: hidden;
    z-index: 48;
    background: #ecedef;
    transition: padding-top 500ms, opacity 500ms, box-shadow 500ms, visibility 0ms ease 500ms; }
  .chosen-container.chosen-with-drop .chosen-drop {
    top: 0;
    padding-top: 55px;
    visibility: visible;
    opacity: 1;
    transition: padding 500ms, opacity 500ms, box-shadow 500ms; }
  .chosen-container .chosen-results {
    position: relative;
    max-height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .chosen-container .chosen-results li {
      display: none;
      padding: 15px 20px;
      margin: 0;
      font: 15px/20px "Averta", serif;
      font-weight: 700;
      list-style: none;
      word-wrap: break-word;
      -webkit-touch-callout: none;
      transition: color 300ms; }
      .chosen-container .chosen-results li:first-child {
        padding-top: 25px; }
      .chosen-container .chosen-results li:last-child {
        padding-bottom: 25px; }
      .chosen-container .chosen-results li.active-result {
        display: list-item;
        cursor: pointer;
        color: #444a55; }
      .chosen-container .chosen-results li.disabled-result {
        display: list-item;
        color: rgba(68, 74, 85, 0.4);
        cursor: default; }
      .chosen-container .chosen-results li.result-selected {
        font-family: "Averta", serif;
        cursor: default; }
  .chosen-container.chosen-container-active {
    z-index: 50; }

select {
  display: block;
  width: 100%;
  opacity: 0; }
  select::-ms-expand {
    display: none; }
  select:focus, select:active {
    outline: none !important;
    border-color: #2765d6; }

.select-field.style1 {
  margin-bottom: 80px; }
  .select-field.style1 .chosen-container {
    background: transparent; }
    .select-field.style1 .chosen-container .chosen-single, .select-field.style1 .chosen-container .chosen-default {
      position: relative;
      padding: 0 45px 0 20px;
      font: 15px/56px "Averta", serif;
      font-weight: 600;
      color: #444a55;
      background: #e5e7ea;
      border-bottom: none;
      z-index: 51;
      border-radius: 5px;
      transition: color 300ms, border 300ms; }
      .select-field.style1 .chosen-container .chosen-single div:before, .select-field.style1 .chosen-container .chosen-single div:after, .select-field.style1 .chosen-container .chosen-default div:before, .select-field.style1 .chosen-container .chosen-default div:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 2px;
        top: 50%;
        background: #2765d6;
        transition: background 300ms; }
      .select-field.style1 .chosen-container .chosen-single div:before, .select-field.style1 .chosen-container .chosen-default div:before {
        right: 11px;
        transform: rotate(-40deg) translateY(-50%); }
      .select-field.style1 .chosen-container .chosen-single div:after, .select-field.style1 .chosen-container .chosen-default div:after {
        left: 11px;
        transform: rotate(40deg) translateY(-50%); }
    .select-field.style1 .chosen-container .chosen-drop {
      border-radius: 5px; }
    .select-field.style1 .chosen-container.chosen-with-drop .chosen-single div, .select-field.style1 .chosen-container.chosen-with-drop .chosen-default div {
      transform: rotate(180deg); }
    .select-field.style1 .chosen-container .chosen-results li.active-result {
      color: #888a8e; }
      .select-field.style1 .chosen-container .chosen-results li.active-result:hover {
        color: #444a55; }
    .select-field.style1 .chosen-container .chosen-results li.result-selected, .select-field.style1 .chosen-container .chosen-results li.highlighted {
      color: white;
      background-color: #2765d6; }
      .select-field.style1 .chosen-container .chosen-results li.result-selected:hover, .select-field.style1 .chosen-container .chosen-results li.highlighted:hover {
        color: white; }
    .select-field.style1 .chosen-container.hisPlaceholder .chosen-single, .select-field.style1 .chosen-container.hisPlaceholder .chosen-default {
      color: #888a8e; }
  .select-field.style1 select {
    display: block;
    position: relative;
    height: 56px;
    padding: 0 45px 0 20px;
    font: 15px/56px "Averta", serif;
    font-weight: 600;
    color: #888a8e;
    opacity: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 5px;
    background: #e5e7ea url("../images/icons/pointer_blue.svg") no-repeat 95% center/20px 10px; }

.fileField {
  position: relative;
  margin-bottom: 0; }
  .fileField .error {
    z-index: 2;
    top: 70%;
    margin-left: 30px; }
  .fileField .uploadBtnWrapper {
    position: relative;
    width: 100%;
    display: inline-block; }
    .fileField .uploadBtnWrapper input[type=file] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
    .fileField .uploadBtnWrapper .btnUpload {
      display: block;
      position: relative;
      width: 100%;
      padding: 35px 90px 35px 30px;
      font: 12px/1.4 "Averta", serif;
      font-weight: 700;
      color: #444a55;
      border: none;
      background: #ecedef;
      text-transform: uppercase;
      letter-spacing: 1px;
      cursor: pointer;
      transition: background 300ms, color 300ms; }
      @media screen and (max-width: 768px) {
        .fileField .uploadBtnWrapper .btnUpload {
          padding: 30px 70px 30px 20px; } }
      @media screen and (max-width: 600px) {
        .fileField .uploadBtnWrapper .btnUpload {
          padding: 20px 70px 20px 20px; } }
      .fileField .uploadBtnWrapper .btnUpload .icon {
        position: absolute;
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        right: 30px; }
        @media screen and (max-width: 768px) {
          .fileField .uploadBtnWrapper .btnUpload .icon {
            width: 40px;
            height: 40px;
            top: calc(50% - 20px);
            right: 20px; } }
        @media screen and (max-width: 400px) {
          .fileField .uploadBtnWrapper .btnUpload .icon {
            width: 30px;
            height: 30px;
            top: calc(50% - 15px); } }
        .fileField .uploadBtnWrapper .btnUpload .icon:before {
          content: '';
          position: absolute;
          width: 50px;
          height: 50px;
          top: 50%;
          left: 50%;
          background: #fff;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          transition: transform 300ms; }
        .fileField .uploadBtnWrapper .btnUpload .icon svg {
          position: absolute;
          width: 18px;
          height: 18px;
          top: 50%;
          left: 50%;
          stroke: #2765d6;
          fill: none;
          transform: translate(-50%, -50%); }
          @media screen and (max-width: 400px) {
            .fileField .uploadBtnWrapper .btnUpload .icon svg {
              width: 16px;
              height: 16px; } }
          .fileField .uploadBtnWrapper .btnUpload .icon svg use {
            stroke: #2765d6;
            fill: none; }
      .fileField .uploadBtnWrapper .btnUpload:hover {
        background: #e8e7e7; }
        .fileField .uploadBtnWrapper .btnUpload:hover .icon:before {
          transform: translate(-50%, -50%) scale(1.1); }

.inputField {
  position: relative;
  margin-bottom: 60px;
  border-bottom: 2px solid #e5e7ea;
  transition: border 300ms ease;
  display: flex;
  flex-direction: row-reverse;
  white-space: nowrap; }
  .inputField.hasFocus {
    border-bottom: 2px solid #2765d6; }
  .inputField input {
    width: 100%;
    height: 45px;
    padding: 0;
    border: none;
    font: 18px/45px "Averta", serif;
    font-weight: 600;
    color: #444a55;
    background: transparent; }
  .inputField label {
    top: 0px;
    left: 0;
    font: 18px/45px "Averta", serif;
    color: #888a8e;
    cursor: text;
    transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    font-weight: 600;
    padding-right: 12px; }
  .inputField input:focus + label,
  .inputField input.valid + label,
  .inputField input.error + label,
  .inputField input.notEmpty + label {
    font-size: 15px;
    cursor: default;
    pointer-events: none; }
    @media screen and (max-width: 500px) {
      .inputField input:focus + label,
      .inputField input.valid + label,
      .inputField input.error + label,
      .inputField input.notEmpty + label {
        top: -10px; } }
  .inputField input.vide + label {
    top: 0px;
    font: 18px/45px "Averta", serif; }
  .inputField.notEmpty {
    border-bottom: 2px solid #444a55; }

.textField {
  position: relative;
  margin-bottom: 60px;
  border-bottom: 2px solid #e5e7ea;
  transition: border 300ms ease; }
  .textField.hasFocus {
    border-bottom: 2px solid #2765d6; }
  .textField textarea {
    width: 100%;
    height: 45px;
    min-height: 0;
    padding: 6px 0 0 0;
    margin-bottom: 6px;
    border: none;
    min-height: 37px;
    font: 17px/1.5 "Averta", serif;
    font-weight: 700;
    color: #444a55;
    background: transparent;
    resize: none;
    overflow: hidden; }
    .textField textarea:focus, .textField textarea.valid {
      border-bottom-color: #2765d6; }
  .textField label {
    position: absolute;
    top: 0px;
    left: 0;
    font: 18px/45px "Averta", serif;
    color: #888a8e;
    font-weight: 600;
    cursor: text;
    transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .textField textarea:focus + label,
  .textField textarea.valid + label,
  .textField textarea.error + label,
  .textField textarea.notEmpty + label {
    top: -12px;
    font-size: 16px;
    line-height: 12px;
    cursor: default;
    pointer-events: none; }
  .textField textarea.vide + label {
    top: 0px;
    font: 16px/45px "Averta", serif; }
  .textField.notEmpty {
    border-bottom: 2px solid #444a55; }

.control-multi-file-uploader.form-group {
  margin-bottom: 45px;
  position: relative;
  border: 2px dashed #5284de;
  padding: 20px; }
  .control-multi-file-uploader.form-group .dz-clickable {
    height: 100px;
    background-color: #ecedef;
    cursor: pointer; }
  .control-multi-file-uploader.form-group .content .placeholder {
    position: absolute;
    left: 50%;
    height: 100px;
    line-height: 100px;
    top: 20px;
    pointer-events: none;
    transform: translate(-50%, 0); }
  .control-multi-file-uploader.form-group .content .dz-preview {
    position: relative;
    padding-left: 120px;
    padding-right: 35px;
    min-height: 100px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    background-color: #ecedef; }
    .control-multi-file-uploader.form-group .content .dz-preview .thumbnail {
      position: absolute;
      left: 0;
      top: 0;
      height: 100px;
      width: 100px; }
    .control-multi-file-uploader.form-group .content .dz-preview .dz-details {
      flex-wrap: wrap; }
      .control-multi-file-uploader.form-group .content .dz-preview .dz-details .dz-filename,
      .control-multi-file-uploader.form-group .content .dz-preview .dz-details .dz-size {
        width: 100%;
        margin: 6px 0; }
    .control-multi-file-uploader.form-group .content .dz-preview .action-panel {
      display: none;
      position: absolute;
      background: #2765d6;
      color: white;
      border-radius: 50%;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      z-index: 4; }
      .control-multi-file-uploader.form-group .content .dz-preview .action-panel a {
        position: absolute;
        color: white;
        top: calc(50% + 1px);
        left: 50%;
        transform: translate(-50%, -50%); }
    .control-multi-file-uploader.form-group .content .dz-preview .dz-error-mark {
      display: none; }
    .control-multi-file-uploader.form-group .content .dz-preview .dz-error-message {
      position: absolute;
      bottom: 5px;
      color: #2765d6; }
    .control-multi-file-uploader.form-group .content .dz-preview .action-panel {
      position: absolute; }
      .control-multi-file-uploader.form-group .content .dz-preview .action-panel a {
        top: calc(50% + -1px); }

header {
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 40px;
  height: 80px;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --color-logo-text: white;
  --color-logo: white; }
  @media screen and (max-width: 1400px) {
    header {
      margin-top: 15px; } }
  @media screen and (max-width: 1200px) {
    header {
      margin-top: 0; } }
  header .logo svg {
    width: 218px;
    height: 40px; }
    @media screen and (max-width: 1400px) {
      header .logo svg {
        max-width: 190px; } }
    @media screen and (max-width: 1200px) {
      header .logo svg {
        max-width: 230px; } }
    @media screen and (max-width: 500px) {
      header .logo svg {
        max-width: 190px; } }
    @media screen and (max-width: 400px) {
      header .logo svg {
        max-width: 160px; } }
  header nav {
    height: 100%; }
    @media screen and (max-width: 1200px) {
      header nav {
        display: flex; } }
    header nav ul {
      display: flex;
      height: 100%; }
      header nav ul li {
        display: flex; }
        header nav ul li a {
          display: flex;
          align-items: center;
          color: white;
          padding: 0 22px;
          font-weight: 600;
          font-size: 15px; }
          @media screen and (max-width: 1500px) {
            header nav ul li a {
              padding: 0 16px; } }
          @media screen and (max-width: 1300px) {
            header nav ul li a {
              padding: 0 12px;
              font-size: 15px; } }
          @media screen and (max-width: 1200px) {
            header nav ul li a {
              padding: 0 10px; } }
          header nav ul li a span {
            position: relative; }
            header nav ul li a span::after {
              content: "";
              position: absolute;
              bottom: -8px;
              left: 0;
              width: 100%;
              height: 2px;
              background: white;
              transform: scaleX(0);
              transform-origin: right center;
              transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
          header nav ul li a:hover span::after {
            transform: scaleX(1);
            transform-origin: left center; }
        header nav ul li:nth-last-child(3) a {
          padding-right: 40px; }
          @media screen and (max-width: 1500px) {
            header nav ul li:nth-last-child(3) a {
              padding-right: 30px; } }
          @media screen and (max-width: 1300px) {
            header nav ul li:nth-last-child(3) a {
              padding-right: 12px; } }
        header nav ul li:nth-last-child(2) a,
        header nav ul li:nth-last-child(1) a {
          padding: 0 40px; }
          @media screen and (max-width: 1500px) {
            header nav ul li:nth-last-child(2) a,
            header nav ul li:nth-last-child(1) a {
              padding: 0 30px; } }
          @media screen and (max-width: 1300px) {
            header nav ul li:nth-last-child(2) a,
            header nav ul li:nth-last-child(1) a {
              padding: 0 12px; } }
        header nav ul li:nth-last-child(2) a {
          background-color: white;
          color: #2765d6; }
          header nav ul li:nth-last-child(2) a span::after {
            background: #2765d6; }
        header nav ul li:nth-last-child(1) a {
          background-color: #2765d6; }
  header.dark .logo svg {
    --color-logo-text: #444a55;
    --color-logo: #2765d6; }
  header.dark nav ul li a {
    color: #444a55; }
    header.dark nav ul li a span::after {
      background: #2765d6; }
  header.dark nav ul li:nth-last-child(1) a {
    color: white; }
    header.dark nav ul li:nth-last-child(1) a span::after {
      background: white; }
  header .mobileContact,
  header .mobileMenuToggle {
    width: 80px;
    height: 80px; }
    @media screen and (max-width: 400px) {
      header .mobileContact,
      header .mobileMenuToggle {
        width: 65px;
        height: 65px; } }
  header .mobileContact {
    background-color: white;
    position: relative;
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    header .mobileContact svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      fill: #2765d6; }

.showOverlayMenu:not(.overlayClosing) header.dark .logo svg {
  --color-logo-text: white !important;
  --color-logo: white; }

.showOverlayMenu:not(.overlayClosing) header .mobileContact {
  opacity: 0;
  pointer-events: none; }

section.callToActions {
  display: flex; }
  @media screen and (max-width: 1024px) {
    section.callToActions {
      flex-wrap: wrap; } }
  section.callToActions .cta {
    position: relative;
    overflow: hidden;
    flex-grow: 1; }
    @media screen and (max-width: 1024px) {
      section.callToActions .cta {
        width: 100%; } }
    section.callToActions .cta .image {
      position: absolute;
      top: -10%;
      bottom: -10%;
      left: 0;
      right: 0;
      z-index: -1; }
      @media screen and (max-width: 1300px) {
        section.callToActions .cta .image {
          top: 0;
          bottom: 0; } }
    section.callToActions .cta a {
      display: flex;
      min-height: 495px;
      align-items: center; }
      @media screen and (max-width: 1024px) {
        section.callToActions .cta a {
          min-height: 375px; } }
      @media screen and (max-width: 768px) {
        section.callToActions .cta a {
          min-height: 330px; } }
      section.callToActions .cta a .wrapper .h3 {
        color: white;
        font-weight: 400;
        font-size: 25px; }
      section.callToActions .cta a .wrapper .h2 {
        color: white;
        font-weight: 600;
        margin-bottom: 25px; }

footer {
  position: relative; }
  footer .grid .column.logo {
    --color-logo-text: #444a55;
    --color-logo: #2765d6; }
    @media screen and (max-width: 768px) {
      footer .grid .column.logo {
        margin-bottom: 30px; } }
    footer .grid .column.logo svg {
      display: block;
      width: 230px;
      height: 41px;
      margin-bottom: 40px; }
    footer .grid .column.logo a.tel {
      font-size: 25px;
      color: #2765d6;
      font-weight: 600; }
  footer .grid .column.nav ul {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 30px;
         column-gap: 30px;
    margin-top: -10px; }
    footer .grid .column.nav ul li {
      padding: 10px 0; }
      footer .grid .column.nav ul li a {
        font-size: 16px;
        color: #888a8e;
        font-weight: 600;
        transition: color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
        footer .grid .column.nav ul li a:hover {
          color: #2765d6; }
  footer .grid .column.contact {
    color: #2765d6; }
    footer .grid .column.contact h6, footer .grid .column.contact a {
      font-size: 16px;
      font-weight: 600;
      color: #2765d6; }
    footer .grid .column.contact p {
      font-size: 16px;
      color: #2765d6;
      margin-top: 20px; }

.subfooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #2765d6;
  color: white;
  height: 80px;
  font-size: 14px; }
  @media screen and (max-width: 600px) {
    .subfooter {
      flex-wrap: wrap;
      height: auto;
      padding: 20px 20px; } }
  @media screen and (max-width: 600px) {
    .subfooter div {
      width: 100%;
      text-align: left; }
      .subfooter div:not(:last-child) {
        margin-bottom: 10px; } }
  .subfooter div a, .subfooter div span {
    color: white;
    opacity: 0.5;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
  .subfooter div a:hover {
    opacity: 1; }

#fixedBtns {
  position: fixed;
  right: 0;
  bottom: 295px;
  display: block;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 15;
  cursor: pointer;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
  transition: opacity 300ms, visibility 0ms ease 300ms; }
  @media screen and (max-width: 1200px) {
    #fixedBtns {
      bottom: 300px; } }
  @media screen and (max-width: 1024px) {
    #fixedBtns {
      bottom: 155px; } }
  @media screen and (max-width: 600px) {
    #fixedBtns {
      bottom: 100px; } }
  #fixedBtns a {
    float: left;
    display: block;
    padding: 20px; }
    @media screen and (max-width: 1024px) {
      #fixedBtns a {
        padding: 10px; } }
  #fixedBtns.active {
    visibility: visible;
    opacity: 1;
    transition: opacity 300ms; }
  #fixedBtns #scrollBack {
    position: relative;
    right: -15px;
    bottom: 10px;
    z-index: 1;
    font: 15px/1 "Averta", serif;
    font-weight: 700;
    color: #444a55;
    padding-right: 40px; }
    #fixedBtns #scrollBack span.icon {
      position: absolute;
      right: 6px;
      width: 20px;
      height: 20px;
      transform: rotate(180deg);
      transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      background-size: 18px;
      background-image: url(../images/icons/slider-arrow.svg);
      background-repeat: no-repeat;
      background-position: center; }
    #fixedBtns #scrollBack:hover span {
      right: 0px; }

@media screen and (max-width: 1024px) {
  #fixedBtns {
    bottom: 65px; }
    #fixedBtns #scrollBack {
      height: 40px;
      width: 40px;
      right: 0;
      bottom: 15px;
      padding: 0; }
      #fixedBtns #scrollBack span.icon {
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.4);
        background-image: url(../images/icons/slider-arrow-charcoal.svg);
        border-radius: 50%;
        display: block; }
      #fixedBtns #scrollBack span.text {
        display: none; } }

html.overlayOpening .btnOverlay, html.overlayClosing .btnOverlay {
  pointer-events: none; }

#overlay-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 99;
  pointer-events: none;
  transition: visibility 0ms ease 700ms, opacity 300ms; }
  #overlay-menu .wrapper {
    position: fixed;
    width: 0;
    height: calc(100vh);
    padding-top: 115px;
    padding-bottom: 70px;
    top: 0;
    right: 0;
    background: #2765d6;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: all;
    z-index: 101;
    scrollbar-width: none; }
    @media screen and (max-width: 768px) {
      #overlay-menu .wrapper {
        padding-top: 130px; } }
    #overlay-menu .wrapper::-webkit-scrollbar {
      display: none; }
    #overlay-menu .wrapper h3 {
      margin-bottom: 25px;
      font-size: 35px;
      color: #444a55; }
    #overlay-menu .wrapper .structure {
      margin-bottom: 15px; }
      #overlay-menu .wrapper .structure .btnSubLvl1 > a, #overlay-menu .wrapper .structure .btnSubLvl2 > a {
        position: relative;
        padding-right: 24px;
        color: white;
        transition: opacity 600ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms; }
        #overlay-menu .wrapper .structure .btnSubLvl1 > a:hover, #overlay-menu .wrapper .structure .btnSubLvl1 > a:active, #overlay-menu .wrapper .structure .btnSubLvl1 > a:focus, #overlay-menu .wrapper .structure .btnSubLvl2 > a:hover, #overlay-menu .wrapper .structure .btnSubLvl2 > a:active, #overlay-menu .wrapper .structure .btnSubLvl2 > a:focus {
          color: rgba(255, 255, 255, 0.6); }
        #overlay-menu .wrapper .structure .btnSubLvl1 > a > svg, #overlay-menu .wrapper .structure .btnSubLvl2 > a > svg {
          position: absolute;
          width: 12px;
          height: 10px;
          top: calc(50% - 5px);
          right: 0;
          stroke: #2765d6;
          transform: rotate(180deg);
          transition: transform 300ms; }
          #overlay-menu .wrapper .structure .btnSubLvl1 > a > svg use, #overlay-menu .wrapper .structure .btnSubLvl2 > a > svg use {
            stroke: #2765d6; }
      #overlay-menu .wrapper .structure .btnSubLvl1 {
        position: relative; }
        @media screen and (max-width: 768px) {
          #overlay-menu .wrapper .structure .btnSubLvl1 {
            text-align: center; } }
        #overlay-menu .wrapper .structure .btnSubLvl1:not(:last-child) {
          margin-bottom: 35px; }
        #overlay-menu .wrapper .structure .btnSubLvl1 > a {
          padding-left: 80px;
          font: 35px/1.1 "Averta", serif;
          font-weight: 600;
          white-space: nowrap;
          opacity: 0;
          transform: translateX(-20px); }
          @media screen and (max-width: 1024px) {
            #overlay-menu .wrapper .structure .btnSubLvl1 > a {
              padding-left: 50px; } }
          @media screen and (max-width: 768px) {
            #overlay-menu .wrapper .structure .btnSubLvl1 > a {
              padding-left: 30px; } }
          @media screen and (max-width: 500px) {
            #overlay-menu .wrapper .structure .btnSubLvl1 > a {
              padding-left: 20px;
              font-size: 26px; } }
          @media screen and (max-width: 400px) {
            #overlay-menu .wrapper .structure .btnSubLvl1 > a {
              padding-left: 20px;
              font-size: 23px; } }
    #overlay-menu .wrapper .medias {
      opacity: 0;
      transform: translateX(-20px);
      transition: opacity 600ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      margin-top: 45px; }
      @media screen and (max-width: 768px) {
        #overlay-menu .wrapper .medias {
          text-align: center; } }
      #overlay-menu .wrapper .medias li {
        display: inline-block; }
        #overlay-menu .wrapper .medias li a {
          border-radius: 50%;
          background-color: #5284de;
          position: relative;
          display: inline-block;
          width: 50px;
          height: 50px; }
          #overlay-menu .wrapper .medias li a svg {
            width: 20px;
            height: 20px;
            fill: white;
            transition: fill 300ms;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          #overlay-menu .wrapper .medias li a:hover svg {
            fill: rgba(255, 255, 255, 0.6); }
        #overlay-menu .wrapper .medias li:not(:last-child) {
          margin-right: 25px; }

.showOverlayMenu:not(.overlayClosing) header {
  z-index: 101;
  transition: background 0s ease 0.6s; }

.showOverlayMenu:not(.overlayClosing) #overlay-menu {
  overflow-y: auto;
  visibility: visible;
  transition: opacity 300ms; }
  .showOverlayMenu:not(.overlayClosing) #overlay-menu::-webkit-scrollbar {
    display: none; }
  .showOverlayMenu:not(.overlayClosing) #overlay-menu .overlay {
    background: rgba(0, 0, 0, 0.5);
    visibility: visible;
    z-index: 100;
    pointer-events: all;
    transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper {
    width: calc(100% - 331px);
    transition: width 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    @media screen and (max-width: 768px) {
      .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper {
        width: 100%; } }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper > div {
      opacity: 1;
      transform: none;
      transition: opacity 500ms linear 500ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(1) a {
      transition: opacity 600ms linear 400ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(2) a {
      transition: opacity 600ms linear 450ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(3) a {
      transition: opacity 600ms linear 500ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(4) a {
      transition: opacity 600ms linear 550ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(5) a {
      transition: opacity 600ms linear 600ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(6) a {
      transition: opacity 600ms linear 650ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1:nth-child(7) a {
      transition: opacity 600ms linear 650ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, color 300ms; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .structure .btnSubLvl1 > a {
      opacity: 1;
      transform: none; }
    .showOverlayMenu:not(.overlayClosing) #overlay-menu .wrapper .medias {
      opacity: 1;
      transform: none;
      transition: opacity 600ms linear 950ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 950ms; }

.showOverlayMenu.overlayClosing #overlay-menu .wrapper {
  transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }

#overlay-share {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms; }
  #overlay-share .wrapper {
    position: fixed;
    padding: 85px;
    top: 50%;
    left: 50%;
    background: #fff;
    pointer-events: none;
    text-align: center;
    z-index: 100;
    opacity: 0;
    transform: translate(-50%, 0%); }
    @media screen and (max-width: 1024px) {
      #overlay-share .wrapper {
        padding: 50px; } }
    @media screen and (max-width: 600px) {
      #overlay-share .wrapper {
        width: auto;
        height: 200px;
        right: 20px;
        left: 20px;
        padding: 50px 20px;
        transform: translateY(-50%); } }
    #overlay-share .wrapper h3 {
      margin-bottom: 20px; }
    #overlay-share .wrapper .close {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 20px;
      right: 20px;
      cursor: pointer; }
      #overlay-share .wrapper .close:before, #overlay-share .wrapper .close:after {
        content: '';
        position: absolute;
        width: 0px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: #444a55; }
      #overlay-share .wrapper .close:before {
        transform: translate(-50%, -50%) rotate(45deg); }
      #overlay-share .wrapper .close:after {
        transform: translate(-50%, -50%) rotate(-45deg); }
      #overlay-share .wrapper .close:hover:before, #overlay-share .wrapper .close:hover:after {
        background: #2765d6; }
    #overlay-share .wrapper ul {
      position: relative;
      margin-top: 16px; }
      #overlay-share .wrapper ul li {
        display: inline-block; }
        #overlay-share .wrapper ul li:not(:last-child) {
          margin-right: 20px; }
          @media screen and (max-width: 600px) {
            #overlay-share .wrapper ul li:not(:last-child) {
              margin-right: 10px; } }
        #overlay-share .wrapper ul li a {
          position: relative;
          width: 45px;
          height: 45px;
          background: #444a55;
          border-radius: 50%;
          transition: background 300ms; }
          #overlay-share .wrapper ul li a svg {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 50%;
            left: 50%;
            fill: #fff;
            transform: translate(-50%, -50%); }
            #overlay-share .wrapper ul li a svg use {
              fill: #fff; }
          #overlay-share .wrapper ul li a:hover {
            background: #2765d6; }

.showOverlayShare:not(.overlayClosing) #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 200;
  pointer-events: all;
  transition: background 700ms ease; }

.showOverlayShare:not(.overlayClosing) #overlay-share {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms; }
  .showOverlayShare:not(.overlayClosing) #overlay-share::-webkit-scrollbar {
    display: none; }
  .showOverlayShare:not(.overlayClosing) #overlay-share .wrapper {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%, -50%);
    transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms; }
    @media screen and (max-width: 600px) {
      .showOverlayShare:not(.overlayClosing) #overlay-share .wrapper {
        transform: translateY(-50%); } }
    .showOverlayShare:not(.overlayClosing) #overlay-share .wrapper .close:before, .showOverlayShare:not(.overlayClosing) #overlay-share .wrapper .close:after {
      width: 18px;
      transition: width 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms, background 300ms; }

.showOverlayShare.overlayClosing #overlay-share .wrapper {
  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms; }
  .showOverlayShare.overlayClosing #overlay-share .wrapper .close:before, .showOverlayShare.overlayClosing #overlay-share .wrapper .close:after {
    width: 0px;
    transition: width 500ms cubic-bezier(0.165, 0.84, 0.44, 1), background 300ms; }

.homeHeader {
  height: 100vh;
  min-height: 640px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding-bottom: 130px; }
  @media screen and (max-width: 1400px) {
    .homeHeader {
      padding-bottom: 100px; } }
  @media screen and (max-width: 768px) {
    .homeHeader {
      padding-bottom: 0;
      min-height: 500px;
      height: calc( 100vh - 45px); } }
  .homeHeader > .wrapper {
    width: 100%; }
    @media screen and (max-width: 768px) {
      .homeHeader > .wrapper {
        margin-top: 75px; } }
    .homeHeader > .wrapper h1, .homeHeader > .wrapper h6 {
      color: white; }
    .homeHeader > .wrapper h6 {
      font-size: 25px;
      font-weight: normal;
      line-height: 1.4em;
      text-transform: none;
      margin-bottom: 30px; }
    .homeHeader > .wrapper h1 {
      margin-bottom: 45px; }
  .homeHeader .image {
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: 0;
    right: 0;
    background-image: url(../images/content/home/home-banner.jpg);
    z-index: -1;
    background-position: 30% bottom; }
  .homeHeader .callToActions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .homeHeader .callToActions .container {
      background-color: white;
      padding-right: 0; }
      .homeHeader .callToActions .container .wrapper {
        display: flex; }
        .homeHeader .callToActions .container .wrapper .callToAction {
          padding-top: 50px;
          padding-bottom: 40px;
          padding-left: 40px;
          padding-right: 40px;
          width: 50%; }
          .homeHeader .callToActions .container .wrapper .callToAction:first-child {
            padding-left: 80px; }
          .homeHeader .callToActions .container .wrapper .callToAction:last-child {
            padding-right: 80px; }
          @media screen and (max-width: 1400px) {
            .homeHeader .callToActions .container .wrapper .callToAction {
              padding-top: 40px;
              padding-bottom: 35px; } }
          @media screen and (max-width: 768px) {
            .homeHeader .callToActions .container .wrapper .callToAction {
              padding-top: 25px;
              padding-bottom: 25px; } }
          .homeHeader .callToActions .container .wrapper .callToAction .overTitle {
            font-size: 18px;
            color: #888a8e;
            margin-bottom: 10px; }
            @media screen and (max-width: 768px) {
              .homeHeader .callToActions .container .wrapper .callToAction .overTitle {
                font-size: 16px; } }
          .homeHeader .callToActions .container .wrapper .callToAction .title {
            font-size: 25px;
            color: #444a55;
            font-weight: 700;
            margin-bottom: 20px; }
            @media screen and (max-width: 768px) {
              .homeHeader .callToActions .container .wrapper .callToAction .title {
                font-size: 20px; } }
  .homeHeader .socialLinks {
    position: absolute;
    right: 30px;
    bottom: 45px; }
    .homeHeader .socialLinks .social {
      display: block;
      position: relative;
      background-color: rgba(255, 255, 255, 0.2);
      transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
      border-radius: 50%;
      width: 36px;
      height: 36px; }
      .homeHeader .socialLinks .social:not(:last-child) {
        margin-bottom: 15px; }
      .homeHeader .socialLinks .social svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 14px;
        fill: white; }
      .homeHeader .socialLinks .social:hover {
        background-color: rgba(255, 255, 255, 0.35); }

section.mobileCTA {
  padding-top: 20px;
  padding-bottom: 20px; }
  section.mobileCTA a {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    position: relative; }
    section.mobileCTA a .plus {
      position: absolute;
      top: 50%;
      left: 0;
      height: 25px;
      width: 25px;
      transform: translate(0, -50%); }
      section.mobileCTA a .plus::before, section.mobileCTA a .plus::after {
        content: '';
        background: #2765d6;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      section.mobileCTA a .plus::before {
        width: 25px;
        height: 2px; }
      section.mobileCTA a .plus::after {
        width: 2px;
        height: 25px; }
    section.mobileCTA a .overTitle {
      font-size: 18px;
      color: #888a8e;
      margin-bottom: 6px; }
    section.mobileCTA a .title {
      font-size: 25px;
      color: #444a55;
      font-weight: 700; }

section.platform .grid {
  align-items: center; }
  section.platform .grid .left {
    background-color: #2765d6;
    padding-right: 0;
    color: white;
    position: relative;
    overflow: hidden;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      section.platform .grid .left {
        padding-right: 2%; } }
    section.platform .grid .left img {
      position: relative;
      z-index: 1;
      max-width: 100%;
      max-width: 430px; }
      @media screen and (max-width: 1200px) {
        section.platform .grid .left img {
          max-width: 320px; } }
      @media screen and (max-width: 768px) {
        section.platform .grid .left img {
          max-width: 100%; } }
    section.platform .grid .left .decoration {
      transform: rotate(45deg) translate(-50%, -50%);
      position: absolute;
      z-index: 0;
      right: 50%;
      top: 117%; }
      section.platform .grid .left .decoration .decorationWrapper {
        background-color: rgba(255, 255, 255, 0.05);
        width: 1200px;
        height: 1200px; }
        section.platform .grid .left .decoration .decorationWrapper .inner {
          position: absolute;
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          width: 800px;
          height: 800px;
          background-color: rgba(255, 255, 255, 0.05); }
  section.platform .grid .right {
    padding-left: 0; }
    section.platform .grid .right h2 {
      color: #2765d6;
      margin-bottom: 50px;
      margin-top: 0; }
    section.platform .grid .right p {
      margin: 50px 0; }

section.testimonials {
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    section.testimonials {
      padding-top: 40px; } }
  section.testimonials .grid .left {
    padding-right: 0; }
    section.testimonials .grid .left .xP115 {
      display: flex;
      justify-content: center; }
    section.testimonials .grid .left .testimonialWrapper {
      max-width: 460px;
      width: 100%;
      padding-top: 120px; }
      @media screen and (max-width: 900px) {
        section.testimonials .grid .left .testimonialWrapper {
          padding-top: 0; } }
      section.testimonials .grid .left .testimonialWrapper blockquote {
        position: relative; }
        section.testimonials .grid .left .testimonialWrapper blockquote p {
          font-size: 27px;
          font-weight: 600;
          line-height: 1.25em;
          color: #444a55;
          margin: 15px 0;
          /*@media screen and (max-width: 1200px) { font-size: 35px; }
                        @media screen and (max-width: 768px)  { font-size: 33px; }
                        @media screen and (max-width: 600px)  { font-size: 32px; }
                        @media screen and (max-width: 500px)  { font-size: 30px; }
                        @media screen and (max-width: 400px)  { font-size: 28px; }*/ }
          section.testimonials .grid .left .testimonialWrapper blockquote p:first-child {
            margin-top: 0; }
          section.testimonials .grid .left .testimonialWrapper blockquote p:first-child {
            margin-bottom: 0; }
        section.testimonials .grid .left .testimonialWrapper blockquote::before {
          content: '';
          position: absolute;
          width: 145px;
          height: 119px;
          background-image: url(../images/content/home/quote.png);
          background-size: cover;
          left: -40px;
          top: -70px;
          z-index: -1; }
      section.testimonials .grid .left .testimonialWrapper .author {
        font-size: 18px;
        color: #888a8e;
        font-weight: 600;
        margin-top: 40px;
        margin-bottom: 70px;
        padding-left: 25px;
        position: relative; }
        section.testimonials .grid .left .testimonialWrapper .author::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          width: 20px;
          height: 2px;
          background-color: #2765d6;
          transform: translate(0, -50%); }
      section.testimonials .grid .left .testimonialWrapper .btnPlus {
        position: absolute;
        bottom: 190px; }
        @media screen and (max-width: 900px) {
          section.testimonials .grid .left .testimonialWrapper .btnPlus {
            position: relative;
            transform: none;
            bottom: auto; } }
  section.testimonials .grid .right {
    padding-left: 0; }
    section.testimonials .grid .right .imageContainer {
      position: relative;
      height: 700px;
      width: 100%;
      overflow: hidden; }
      section.testimonials .grid .right .imageContainer .image {
        position: absolute;
        top: -10%;
        bottom: -10%;
        left: 0;
        right: 0; }
        @media screen and (max-width: 1300px) {
          section.testimonials .grid .right .imageContainer .image {
            top: 0;
            bottom: 0; } }
  @media screen and (max-width: 900px) {
    section.testimonials .testimonialsSlider .left {
      order: 2; }
      section.testimonials .testimonialsSlider .left .testimonialWrapper {
        text-align: center; }
        section.testimonials .testimonialsSlider .left .testimonialWrapper blockquote::before {
          width: 100px;
          height: 82px;
          left: -25px;
          top: -50px; }
        section.testimonials .testimonialsSlider .left .testimonialWrapper .author {
          padding-left: 25px; }
          section.testimonials .testimonialsSlider .left .testimonialWrapper .author::before {
            transform: translate(0, -5px);
            display: inline-block;
            position: static;
            margin-right: 10px; }
        section.testimonials .testimonialsSlider .left .testimonialWrapper .btnPlus {
          text-align: left; }
    section.testimonials .testimonialsSlider .right {
      order: 1; }
      section.testimonials .testimonialsSlider .right > div {
        padding: 0; }
        section.testimonials .testimonialsSlider .right > div .imageContainer {
          position: relative;
          height: 250px;
          width: 250px;
          overflow: hidden;
          margin: auto;
          border-radius: 50%; } }

.pageHeader {
  height: 550px;
  position: relative;
  padding-top: 120px;
  display: flex;
  align-items: center;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .pageHeader {
      height: 420px;
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .pageHeader {
      height: 370px; } }
  @media screen and (max-width: 600px) {
    .pageHeader {
      height: 310px; } }
  .pageHeader.withCTA {
    height: 700px; }
    @media screen and (max-width: 1100px) {
      .pageHeader.withCTA {
        height: 600px;
        padding-bottom: 175px; } }
    @media screen and (max-width: 1100px) {
      .pageHeader.withCTA {
        height: 520px;
        padding-bottom: 150px; } }
  .pageHeader .wrapper {
    width: 100%; }
    .pageHeader .wrapper h1 {
      color: white;
      max-width: 750px; }
  .pageHeader .image {
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: 0;
    right: 0;
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .pageHeader .image {
        top: 0;
        bottom: 0; } }
  .pageHeader.grey {
    background-color: #ecedef; }

@media screen and (max-width: 1024px) {
  .addMargin_1024 {
    margin-top: 20px; }
  .addMargin_50_1024 {
    margin-top: 50px; } }

section.main .fullHeightImageContainer {
  position: relative;
  height: 100%; }
  section.main .fullHeightImageContainer .fullHeightImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    section.main .fullHeightImageContainer .fullHeightImage .image {
      position: absolute;
      top: -10%;
      left: 0;
      right: 0;
      bottom: -10%; }
      @media screen and (max-width: 1300px) {
        section.main .fullHeightImageContainer .fullHeightImage .image {
          top: 0;
          bottom: 0; } }

section.faq {
  background-color: #ecedef; }
  section.faq .faqTitle {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      section.faq .faqTitle {
        flex-wrap: wrap; } }
    @media screen and (max-width: 800px) {
      section.faq .faqTitle div {
        width: 100%; } }
    section.faq .faqTitle div h2 {
      color: #2765d6;
      max-width: 430px; }
      @media screen and (max-width: 800px) {
        section.faq .faqTitle div h2 {
          margin-bottom: 30px; } }
    section.faq .faqTitle div .contactCTA .h3 {
      margin-bottom: 10px; }

section.criteras {
  background-color: #2765d6;
  color: white;
  position: relative;
  overflow: hidden;
  --decorationSize: 700px; }
  section.criteras .decoration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--decorationSize);
    transform: translate(50%, 0);
    pointer-events: none; }
    section.criteras .decoration .decoration1,
    section.criteras .decoration .decoration2 {
      position: absolute;
      right: -14%;
      width: var(--decorationSize);
      height: var(--decorationSize);
      pointer-events: none; }
      section.criteras .decoration .decoration1 span,
      section.criteras .decoration .decoration2 span {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.05); }
    section.criteras .decoration .decoration1 {
      top: -190px; }
      section.criteras .decoration .decoration1 span {
        transform: rotate(-45deg) translate(0, 0); }
    section.criteras .decoration .decoration2 {
      top: 20px;
      right: -20%; }
      section.criteras .decoration .decoration2 span {
        transform: rotate(-45deg) translate(6%, 0); }

.ctaBanner {
  height: 380px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .ctaBanner {
      height: 330px; } }
  .ctaBanner .image {
    position: absolute;
    top: -10%;
    left: 0;
    right: 0;
    bottom: -10%; }
    @media screen and (max-width: 1300px) {
      .ctaBanner .image {
        top: 0;
        bottom: 0; } }

.pageHeader .callToAction,
section.main .callToAction,
section.ctaBanner .callToAction {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  padding: 50px 90px 30px 90px; }
  @media screen and (max-width: 768px) {
    .pageHeader .callToAction,
    section.main .callToAction,
    section.ctaBanner .callToAction {
      padding: 30px 60px 30px 60px; } }
  @media screen and (max-width: 400px) {
    .pageHeader .callToAction,
    section.main .callToAction,
    section.ctaBanner .callToAction {
      padding: 25px 30px 25px 30px; } }
  .pageHeader .callToAction .overTitle,
  section.main .callToAction .overTitle,
  section.ctaBanner .callToAction .overTitle {
    font-size: 18px;
    color: #888a8e;
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .pageHeader .callToAction .overTitle,
      section.main .callToAction .overTitle,
      section.ctaBanner .callToAction .overTitle {
        font-size: 16px; } }
  .pageHeader .callToAction .title,
  section.main .callToAction .title,
  section.ctaBanner .callToAction .title {
    font-size: 25px;
    color: #444a55;
    font-weight: 700;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .pageHeader .callToAction .title,
      section.main .callToAction .title,
      section.ctaBanner .callToAction .title {
        font-size: 20px; } }
    @media screen and (max-width: 400px) {
      .pageHeader .callToAction .title,
      section.main .callToAction .title,
      section.ctaBanner .callToAction .title {
        font-size: 18px; } }

.titleContainer {
  padding-top: 190px; }
  @media screen and (max-width: 1100px) {
    .titleContainer {
      padding-top: 140px; } }
  .titleContainer .wrapper {
    width: 100%; }
    .titleContainer .wrapper h1 {
      color: #2765d6;
      max-width: 775px; }
  .titleContainer.grey {
    background-color: #ecedef; }

section.properties {
  background-color: #ecedef; }
  section.properties .grid {
    margin-bottom: -50px; }
    section.properties .grid .column {
      margin-bottom: 50px; }
  section.properties .cta,
  section.properties .property {
    height: 100%;
    padding-bottom: 80px;
    position: relative; }
    section.properties .cta .more,
    section.properties .property .more {
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      width: 100%;
      height: 80px;
      padding: 0 40px;
      color: white; }
      section.properties .cta .more .btn,
      section.properties .property .more .btn {
        padding: 0 50px 0 0; }
        section.properties .cta .more .btn span,
        section.properties .property .more .btn span {
          right: 0; }
    section.properties .cta:hover .imageContainer .image,
    section.properties .property:hover .imageContainer .image {
      transform: scale(1.05); }
  section.properties .cta {
    background-color: #2765d6;
    display: flex;
    align-items: center;
    overflow: hidden; }
    section.properties .cta .container {
      padding: 40px; }
      section.properties .cta .container p {
        font-size: 25px;
        line-height: 1.4em;
        color: white;
        margin: 25px 0; }
        section.properties .cta .container p:first-child {
          margin-top: 0; }
        section.properties .cta .container p:last-child {
          margin-bottom: 0; }
    section.properties .cta .decoration1,
    section.properties .cta .decoration2 {
      position: absolute;
      top: -25%;
      left: 0%;
      width: 100%;
      height: 150%;
      pointer-events: none; }
      section.properties .cta .decoration1 span,
      section.properties .cta .decoration2 span {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.05); }
    section.properties .cta .decoration1 span {
      transform: rotate(-45deg) translate(-65%, 0); }
    section.properties .cta .decoration2 span {
      transform: rotate(-143deg) translate(-52%, 0); }
    @media screen and (max-width: 1024px) {
      section.properties .cta .decoration1 span {
        transform: rotate(-45deg) translate(0%, 73%); }
      section.properties .cta .decoration2 span {
        transform: rotate(-143deg) translate(0%, 80%); } }
  section.properties .property {
    background-color: white;
    display: block; }
    section.properties .property .imageContainer {
      width: 100%;
      padding-top: 76.47058823529412%;
      position: relative;
      overflow: hidden; }
      section.properties .property .imageContainer .image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
    section.properties .property .container {
      padding: 40px; }
      section.properties .property .container .price {
        font-size: 25px;
        font-weight: 600;
        color: #2765d6;
        margin-bottom: 16px; }
        section.properties .property .container .price span {
          display: block;
          font-size: 16px;
          margin-top: 2px; }
      section.properties .property .container .type {
        font-size: 25px;
        font-weight: 600;
        color: #444a55;
        margin-bottom: 22px; }
      section.properties .property .container .address {
        font-size: 16px;
        line-height: 1.375em;
        color: #888a8e; }
    section.properties .property .more {
      background-color: #2765d6; }
  section.properties .mobilePropertiesSlider .cta .decoration1,
  section.properties .mobilePropertiesSlider .cta .decoration2 {
    display: none; }
  section.properties .mobilePropertiesSlider .property .imageContainer {
    padding-top: 55%; }
  section.properties .mobilePropertiesSlider .slick-list {
    padding-right: 50px; }
  section.properties .mobilePropertiesSlider .slick-list {
    margin: 0 -15px; }
  section.properties .mobilePropertiesSlider .slick-slide {
    margin: 0 15px; }
  section.properties .mobilePropertiesSlider .slick-dots {
    position: static;
    padding-top: 15px; }
    section.properties .mobilePropertiesSlider .slick-dots li button::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      background-color: #444a55;
      border-radius: 50%; }

.propertyPageHeader {
  padding-top: 200px;
  background-color: #ecedef; }
  @media screen and (max-width: 1100px) {
    .propertyPageHeader {
      padding-top: 140px; } }
  .propertyPageHeader .wrapper {
    display: flex;
    flex-wrap: wrap; }
    .propertyPageHeader .wrapper .left {
      width: 55%; }
      @media screen and (max-width: 1100px) {
        .propertyPageHeader .wrapper .left {
          width: 100%;
          margin-bottom: 60px; } }
      .propertyPageHeader .wrapper .left .price {
        margin-bottom: 0;
        color: #2765d6;
        font-weight: 600; }
      .propertyPageHeader .wrapper .left .title {
        margin-bottom: 30px;
        font-weight: 600; }
      .propertyPageHeader .wrapper .left .address {
        margin-bottom: 30px;
        font-weight: 400;
        line-height: 1.4em; }
    .propertyPageHeader .wrapper .right {
      width: 45%;
      position: relative; }
      @media screen and (max-width: 1100px) {
        .propertyPageHeader .wrapper .right {
          width: 100%; } }
      .propertyPageHeader .wrapper .right .rightContainer {
        width: 100%;
        position: absolute; }
        @media screen and (max-width: 1100px) {
          .propertyPageHeader .wrapper .right .rightContainer {
            position: relative; } }
        .propertyPageHeader .wrapper .right .rightContainer .propertySlider {
          background: #888a8e;
          width: 100%;
          height: 460px;
          overflow: hidden;
          z-index: 2; }
          @media screen and (max-width: 500px) {
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider {
              height: 320px; } }
          .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides {
            width: 100%;
            height: 100%; }
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slide {
              display: block;
              width: 100%;
              height: 100%; }
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow {
              background-color: white;
              color: #2765d6;
              width: 50px;
              height: 70px;
              z-index: 100;
              transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
              @media screen and (max-width: 500px) {
                .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow {
                  width: 35px;
                  height: 55px; } }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow::before {
                content: normal; }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-prev, .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-next {
                background-image: url(../images/icons/slider-arrow.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 18px; }
                @media screen and (max-width: 500px) {
                  .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-prev, .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-next {
                    background-size: 13px; } }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-prev {
                left: 0; }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow.slick-next {
                right: 0;
                transform: rotate(180deg) translate(0, 50%); }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-arrow:hover {
                background-color: rgba(255, 255, 255, 0.8); }
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-list,
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-list .slick-track,
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .propertySlides .slick-list .slick-track .slick-slide > div {
              height: 100%; }
          .propertyPageHeader .wrapper .right .rightContainer .propertySlider .fullscreenBtn {
            position: absolute;
            left: 0;
            bottom: 0;
            pointer-events: none; }
            .propertyPageHeader .wrapper .right .rightContainer .propertySlider .fullscreenBtn .btn {
              border-radius: 0;
              padding: 15px 40px;
              padding-left: 55px;
              display: block;
              color: white;
              background-color: #2765d6; }
              .propertyPageHeader .wrapper .right .rightContainer .propertySlider .fullscreenBtn .btn span {
                left: 40px; }
        .propertyPageHeader .wrapper .right .rightContainer .adhesionCTA {
          margin-top: 40px; }

.propertyMain {
  min-height: 450px; }
  .propertyMain .wrapper {
    display: flex;
    flex-wrap: wrap; }
    .propertyMain .wrapper .left {
      width: 55%; }
      @media screen and (max-width: 1100px) {
        .propertyMain .wrapper .left {
          width: 100%; } }
      .propertyMain .wrapper .left b, .propertyMain .wrapper .left strong {
        color: #444a55; }
      .propertyMain .wrapper .left .buttons {
        margin-bottom: 45px; }
        .propertyMain .wrapper .left .buttons .btn.alt.share {
          margin-left: 40px; }
    .propertyMain .wrapper .right {
      width: 45%; }
      @media screen and (max-width: 1100px) {
        .propertyMain .wrapper .right {
          width: 100%;
          padding-top: 60px; } }

.adhesionCTA {
  background: #2765d6;
  color: white;
  padding: 45px 40px;
  display: block;
  position: relative;
  overflow: hidden; }
  .adhesionCTA .subtitle {
    font-size: 18px;
    margin-bottom: 8px; }
  .adhesionCTA .title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px; }
  .adhesionCTA .decorationContainer {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 900px;
    height: 900px;
    pointer-events: none; }
    .adhesionCTA .decorationContainer .decoration1 {
      width: 900px;
      height: 900px;
      background-color: rgba(255, 255, 255, 0.05);
      position: relative; }
      .adhesionCTA .decorationContainer .decoration1 .decoration2 {
        position: absolute;
        width: 600px;
        height: 600px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.05); }

.contactPageHeader {
  padding-top: 200px;
  background-color: #ecedef; }
  @media screen and (max-width: 1024px) {
    .contactPageHeader {
      padding-top: 130px; } }
  .contactPageHeader .wrapper .left {
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .contactPageHeader .wrapper .left {
        width: 100%; } }
    .contactPageHeader .wrapper .left .h3 {
      margin-bottom: 50px;
      font-weight: 600; }
    .contactPageHeader .wrapper .left .h2 {
      margin-bottom: 40px;
      font-weight: 600; }
      .contactPageHeader .wrapper .left .h2 a {
        color: #2765d6; }
        .contactPageHeader .wrapper .left .h2 a::after {
          height: 3px; }
    .contactPageHeader .wrapper .left p {
      font-size: 25px;
      color: #444a55; }

.contactMain .wrapper {
  display: flex;
  flex-wrap: wrap; }
  .contactMain .wrapper .left {
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .contactMain .wrapper .left {
        width: 100%;
        padding-right: 0; } }
  .contactMain .wrapper .right {
    width: 45%;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .contactMain .wrapper .right {
        width: 100%;
        margin-top: 70px; } }
    .contactMain .wrapper .right .contactCTA {
      position: absolute;
      display: block;
      top: -390px;
      left: 0;
      right: 0;
      bottom: 0;
      transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
      background: #888a8e; }
      @media screen and (max-width: 1024px) {
        .contactMain .wrapper .right .contactCTA {
          position: static;
          height: 650px; } }
      @media screen and (max-width: 768px) {
        .contactMain .wrapper .right .contactCTA {
          height: 580px; } }
      @media screen and (max-width: 500px) {
        .contactMain .wrapper .right .contactCTA {
          height: 500px; } }
      @media screen and (max-width: 400px) {
        .contactMain .wrapper .right .contactCTA {
          height: 400px; } }
      .contactMain .wrapper .right .contactCTA .imageContainer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden; }
        .contactMain .wrapper .right .contactCTA .imageContainer .image {
          background-image: url(../images/content/contact/cta.jpg);
          position: absolute;
          top: -10%;
          left: 0;
          right: 0;
          bottom: -10%; }
          @media screen and (max-width: 1300px) {
            .contactMain .wrapper .right .contactCTA .imageContainer .image {
              top: 0;
              bottom: 0; } }
      .contactMain .wrapper .right .contactCTA .box {
        background-color: #2765d6;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 40px;
        overflow: hidden; }
        .contactMain .wrapper .right .contactCTA .box .h3 {
          color: white;
          margin-bottom: 20px; }
        .contactMain .wrapper .right .contactCTA .box .h4 {
          color: white;
          margin-bottom: 3px; }
        .contactMain .wrapper .right .contactCTA .box .decorationContainer {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(-50%, -50%) rotate(45deg);
          width: 900px;
          height: 900px;
          pointer-events: none; }
          .contactMain .wrapper .right .contactCTA .box .decorationContainer .decoration1 {
            width: 900px;
            height: 900px;
            background-color: rgba(255, 255, 255, 0.05);
            position: relative; }
            .contactMain .wrapper .right .contactCTA .box .decorationContainer .decoration1 .decoration2 {
              position: absolute;
              width: 600px;
              height: 600px;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background-color: rgba(255, 255, 255, 0.05); }


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