/* 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;
  -ms-touch-action: pan-y;
  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; }

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.cookiePopup {
  padding: 5px 20px;
  top: 0px;
  z-index: 9999;
  background: rgba(200, 200, 200, 0.95);
  width: 100%;
  color: #323232;
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 860px) {
    .cookiePopup {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .cookiePopup p {
    padding-top: 4px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 14px; }
    @media (min-width: 860px) {
      .cookiePopup p {
        padding-right: 20%;
        margin-right: auto;
        width: auto; } }
    .cookiePopup p a {
      text-decoration: underline; }
  .cookiePopup .btn {
    background: rgba(104, 170, 175, 0.8);
    color: #fff;
    border: solid 1px rgba(20, 20, 20, 0.2);
    padding: 6px 12px;
    border-radius: 8px;
    clear: both;
    font-size: 11px; }
    @media (min-width: 860px) {
      .cookiePopup .btn {
        font-size: 14px; } }

.js .hidden {
  display: none; }

.no-js .hidden-no-js {
  display: none; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

* {
  -webkit-tap-highlight-color: transparent;
  word-wrap: break-word;
  box-sizing: border-box; }

:focus {
  outline: none; }

html {
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  margin-top: 0 !important;
  background: #e1e0dd;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 479px) {
    html {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%; } }

body {
  color: #d4d4d2;
  font-family: "Museo Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5; }

img {
  max-width: 100%; }

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 1260px;
  padding: 0 20px; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }

@font-face {
  font-family: "Museo Sans";
  src: url("./fonts/museo/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix");
  src: url("./fonts/museo/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"), url("./fonts/museo/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"), url("./fonts/museo/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"), url("./fonts/museo/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"); }

@font-face {
  font-family: "Avenir";
  src: url("./fonts/avenir/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
  src: url("./fonts/avenir/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"), url("./fonts/avenir/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("./fonts/avenir/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"), url("./fonts/avenir/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"), url("./fonts/avenir/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf") format("svg");
  font-weight: 900; }

@font-face {
  font-family: "Avenir";
  src: url("./fonts/avenir/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
  src: url("./fonts/avenir/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("./fonts/avenir/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("./fonts/avenir/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("./fonts/avenir/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("./fonts/avenir/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg");
  font-weight: 700; }

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

[class*=" icon-"],
[class^="icon-"] {
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  line-height: 1;
  speak: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.icon--arrow-down:before {
  content: "\e901"; }

.icon--plus:before {
  content: "\e902"; }

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

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

p {
  margin-bottom: 15px; }

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

li {
  margin-bottom: 10px; }

.h1, .hero__title,
.h2,
.section--style-a .section__title,
.h3,
.promo__image__title,
.promo--expanded .promo__title,
.h4,
.promo__title,
.h5,
.promo__pretitle,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: inline-block;
  font-family: "Avenir", "Museo Sans", Helvetica, Arial, sans-serif;
  font-weight: 900; }

.h1, .hero__title,
h1 {
  margin-bottom: 25px;
  font-size: 35px;
  line-height: 1.1; }
  @media (min-width: 860px) {
    .h1, .hero__title,
    h1 {
      font-size: 65px; } }

.h2, .section--style-a .section__title,
h2 {
  margin-bottom: 25px;
  font-size: 25px;
  line-height: 1.1; }
  @media (min-width: 860px) {
    .h2, .section--style-a .section__title,
    h2 {
      font-size: 45px; } }

.h3, .promo__image__title, .promo--expanded .promo__title,
h3 {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.1; }
  @media (min-width: 860px) {
    .h3, .promo__image__title, .promo--expanded .promo__title,
    h3 {
      font-size: 45px; } }

.h4, .promo__title,
h4 {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.1; }

.h5, .promo__pretitle,
h5 {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700; }
  @media (min-width: 860px) {
    .h5, .promo__pretitle,
    h5 {
      font-size: 13px; } }

.monitor-mq {
  display: block;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 480px; }
  @media (min-width: 860px) {
    .monitor-mq {
      width: 860px; } }
  @media (min-width: 1200px) {
    .monitor-mq {
      width: 1200px; } }
  @media (min-width: 1400px) {
    .monitor-mq {
      width: 1400px; } }
  @media (min-width: 1920px) {
    .monitor-mq {
      width: 1920px; } }

.footer {
  position: relative;
  z-index: 10;
  padding: 30px 0;
  background: #212529;
  color: #e1e0dd;
  text-align: center; }
  @media (min-width: 860px) {
    .footer {
      padding: 60px 0; } }
  .footer img,
  .footer .footer__logo {
    display: block;
    margin: 0 auto 20px;
    max-width: 200px; }

.awards {
  margin-top: 40px; }
  .awards img {
    max-width: 150px; }

.footer__copyright {
  font-size: 10px; }
  @media (min-width: 860px) {
    .footer__copyright {
      font-size: 13px; } }
  .footer__copyright p {
    margin: 0 auto; }

.section {
  position: relative;
  z-index: 10; }

.section__bg {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none; }

.section__content {
  position: relative;
  z-index: 10;
  padding: 50px 0; }
  @media (min-width: 860px) {
    .section__content {
      width: 35.89744%;
      float: left;
      margin-right: 2.5641%;
      padding: 100px 0; } }

.section__subtitle {
  display: block;
  margin: 30px 0 5px;
  font-size: 16px;
  font-family: "Museo Sans", Helvetica, Arial, sans-serif;
  font-weight: 500; }
  .section__subtitle .icon {
    position: relative;
    top: -5px;
    padding: 5px 3px;
    display: inline-block;
    font-size: 20px;
    vertical-align: top; }
  .section__subtitle + .h4, .section__subtitle + .promo__title {
    font-size: 25px; }

.section--style-a {
  padding: 30px 0; }
  @media (min-width: 860px) {
    .section--style-a {
      padding: 90px 0; } }
  .section--style-a .section__title {
    color: #2a4360; }
    @media (min-width: 860px) {
      .section--style-a .section__title {
        margin-bottom: 80px; } }

.section--style-b {
  background: #3a5c83;
  color: #89cd31; }
  .section--style-b::before {
    position: absolute;
    top: 300px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #2a4360;
    content: "";
    opacity: 0.95; }
    @media (min-width: 860px) {
      .section--style-b::before {
        top: 0;
        left: 50%; } }
  .section--style-b .section__content {
    float: left;
    margin-top: 300px; }
    @media (min-width: 860px) {
      .section--style-b .section__content {
        float: right;
        margin: 0; } }
  .section--style-b .section__body {
    color: #FFF; }
    .section--style-b .section__body .color-b {
      color: #89cd31; }
    .section--style-b .section__body p {
      margin-bottom: 0; }

.hero {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%; }
  .hero::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #2a4360;
    content: "";
    opacity: 0.95;
    transition: all 500ms ease-out 250ms; }
    @media (min-width: 860px) {
      .hero::before {
        right: 100%; }
        .no-js .hero::before,
        .page-ready .hero::before {
          right: 30%; } }
    @media (min-width: 1200px) {
      .no-js .hero::before,
      .page-ready .hero::before {
        right: 50%; } }

.hero__image {
  display: none; }
  @media (min-width: 860px) {
    .hero__image {
      position: absolute;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/img/hero/hero_1200.png"); } }
  @media (min-width: 1400px) {
    .hero__image {
      background-image: url("/img/hero/hero_1600.png"); } }

.hero__content {
  position: relative;
  z-index: 10;
  padding: 40px 0 90px;
  height: 100%;
  transition: all 500ms ease-out 250ms; }
  @media (min-width: 860px) {
    .hero__content {
      padding: 50px 0 120px;
      min-height: 100vh;
      width: 61.53846%;
      float: left;
      margin-right: 2.5641%;
      left: -100%; }
      .no-js .hero__content,
      .page-ready .hero__content {
        left: 0; } }
  @media (min-width: 1200px) {
    .hero__content {
      padding: 100px 0;
      width: 35.89744%;
      float: left;
      margin-right: 2.5641%; } }

.logo {
  max-width: 33%; }
  @media (min-width: 860px) {
    .logo {
      max-width: 50%; } }

.logo__title {
  display: none; }

.logo__image {
  width: 100%; }

.hero__logo {
  margin-bottom: 50px; }
  @media (min-width: 860px) {
    .hero__logo {
      margin: 8vh 0; } }

.hero__logo__sub,
.hero__logo__title {
  opacity: 0;
  transition: opacity 200ms linear 1s; }
  .no-js .hero__logo__sub,
  .page-ready .hero__logo__sub, .no-js
  .hero__logo__title,
  .page-ready
  .hero__logo__title {
    opacity: 1; }

.hero__title {
  position: relative;
  clear: both;
  margin-bottom: 30px;
  color: #FFF; }
  @media (min-width: 860px) {
    .hero__title {
      left: -100px;
      margin-bottom: 6vh;
      opacity: 0;
      transition: all 300ms ease-out 650ms; }
      .no-js .hero__title,
      .page-ready .hero__title {
        left: 0;
        opacity: 1; } }

.hero__body {
  position: relative;
  color: #d4d4d2; }
  @media (min-width: 860px) {
    .hero__body {
      left: -100px;
      opacity: 0;
      transition: all 300ms ease-out 700ms; }
      .no-js .hero__body,
      .page-ready .hero__body {
        left: 0;
        opacity: 1; } }

.hero__skip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  color: #FFF;
  background-color: #89cd31; }
  @media (min-width: 860px) {
    .hero__skip {
      bottom: -70px;
      transition: all 300ms ease-out 1s; }
      .page-ready .hero__skip {
        bottom: 0; } }
  .no-js .hero__skip {
    display: none; }
  .hero__skip .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    font-size: 20px;
    transform: translate(-50%, -50%); }

.promo {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
  color: #FFF;
  overflow: hidden; }
  @media (min-width: 860px) {
    .promo {
      margin-bottom: 2.5641%;
      overflow: visible; }
      .promo::after, .promo::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 1000;
        width: 0;
        height: 0;
        border-width: 0;
        border-style: solid;
        border-color: transparent transparent #e1e0dd transparent;
        content: "";
        transition: all 100ms linear 150ms;
        transform: translateX(-50%); }
      .promo::after {
        bottom: -11.61111%;
        border-bottom-color: #2a4360; } }
  @media (min-width: 860px) {
    .promo.accordion--active::after, .promo.accordion--active::before {
      border-width: 0 40px 40px 40px;
      transition-delay: 0ms; } }

.promo-grid {
  display: none;
  float: left;
  margin-bottom: 2.5641%;
  width: 100%; }
  @media (min-width: 860px) {
    .promo-grid {
      display: block;
      margin-bottom: 0; } }

.promo__image-sold {
  -webkit-filter: greyscale(90%);
          filter: greyscale(90%); }

.promo__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #2a4360; }
  .promo__inner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #89cd31;
    content: "";
    opacity: 0;
    transition: all 200ms ease-out; }
  .promo__inner:hover::before,
  .accordion--active .promo__inner::before {
    opacity: 0.8; }
  .promo__inner:hover .promo__image,
  .accordion--active .promo__inner .promo__image {
    transform: scale(1.05); }
  .promo__inner:hover .promo__icon,
  .accordion--active .promo__inner .promo__icon {
    opacity: 1;
    transition-delay: 100ms; }
  .js .in-view-container .promo__inner {
    opacity: 0;
    transition: all 400ms ease-out; }
  .js .in-view-active .promo__inner {
    opacity: 1; }

.promo__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  font-size: 25px;
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
  transition: all 200ms ease-out; }
  .accordion--active .promo__icon {
    transform: translate(-50%, -50%) rotate(225deg); }

.promo__image {
  margin-bottom: 10px;
  padding: 20px;
  width: 100%;
  height: 170px;
  background-position: center;
  background-size: cover;
  transition: all 200ms ease-out;
  transform: scale(1); }
  .promo__image.promo__image-sold {
    -webkit-filter: grayscale(90%);
            filter: grayscale(90%); }
  @media (min-width: 860px) {
    .promo__image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      margin: 0;
      padding: 0;
      height: auto; } }

.promo__image__title {
  color: #FFF; }
  @media (min-width: 860px) {
    .promo__image__title {
      display: none; } }

.promo__content {
  position: relative;
  z-index: 100;
  padding: 20px; }
  @media (min-width: 860px) {
    .promo__content {
      padding: 11.11111%;
      min-height: 280px; } }

.promo__pretitle {
  display: block; }
  @media (min-width: 860px) {
    .promo__pretitle {
      margin-bottom: 20px; } }

.promo__body {
  font-size: 13px; }
  @media (min-width: 860px) {
    .promo__body {
      font-size: 16px; } }

.promo__ribbon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  transform: translate(-50%, -50%) rotate(-9deg);
  z-index: 10;
  background: #2a4360;
  text-align: center;
  font-size: 30px;
  font-family: "Avenir", "Museo Sans", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase; }
  @media (min-width: 860px) {
    .promo__ribbon {
      padding: 20px;
      transform: translate(-50%, -50%) rotate(-35deg); } }

@media (min-width: 860px) {
  .promo--3 {
    width: 31.81818%;
    float: left;
    margin-right: 2.27273%;
    margin-bottom: 2.27273%; }
    .promo--3:nth-child(2n)::before, .promo--3:nth-child(2n)::after {
      left: 30%; }
    .promo--3:nth-child(3n) {
      float: right;
      margin-right: 0; }
    .promo--3::after {
      bottom: -10.2561%; } }

@media (min-width: 860px) {
  .promo--3:nth-child(1n) .promo__inner {
    transition-delay: 100ms; } }

@media (min-width: 860px) {
  .promo--3:nth-child(2n) .promo__inner {
    transition-delay: 200ms; } }

@media (min-width: 860px) {
  .promo--3:nth-child(3n) .promo__inner {
    transition-delay: 300ms; } }

@media (min-width: 860px) {
  .promo--3 .promo__content {
    padding: 3;
    min-height: 330px; } }

@media (min-width: 860px) {
  .promo--4 {
    width: 23.07692%;
    float: left;
    margin-right: 2.5641%; }
    .promo--4:nth-child(4n) {
      float: right;
      margin-right: 0; } }

@media (min-width: 860px) {
  .promo--4:nth-child(1n) .promo__inner {
    transition-delay: 100ms; } }

@media (min-width: 860px) {
  .promo--4:nth-child(2n) .promo__inner {
    transition-delay: 200ms; } }

@media (min-width: 860px) {
  .promo--4:nth-child(3n) .promo__inner {
    transition-delay: 300ms; } }

@media (min-width: 860px) {
  .promo--4:nth-child(4n) .promo__inner {
    transition-delay: 400ms; } }

@media (min-width: 860px) {
  .promo--expanded {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden; } }

.promo--expanded .promo__title {
  color: #89cd31; }
  @media (min-width: 860px) {
    .promo--expanded .promo__title {
      margin-bottom: 30px; } }

@media (min-width: 860px) {
  .promo--expanded .promo__image {
    right: 0;
    left: 50%;
    min-height: 650px;
    width: 50%; } }

@media (min-width: 1200px) {
  .promo--expanded .promo__image {
    min-height: 700px;
    background-size: cover; } }

.promo--expanded .promo__image-sold {
  -webkit-filter: grayscale(90%);
          filter: grayscale(90%); }

.promo--expanded .promo__content {
  background: #2a4360; }
  @media (min-width: 860px) {
    .promo--expanded .promo__content {
      padding: 90px;
      width: 50%; } }
  @media (min-width: 1200px) {
    .promo--expanded .promo__content {
      min-height: 650px; } }
  .promo--expanded .promo__content::after, .promo--expanded .promo__content::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 100;
    width: 0;
    height: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent transparent #e1e0dd transparent;
    content: "";
    transition: all 200ms ease;
    transform: translateX(-50%); }
    @media (min-width: 860px) {
      .promo--expanded .promo__content::after, .promo--expanded .promo__content::before {
        content: none; } }
  .promo--expanded .promo__content::after {
    border-bottom-color: #2a4360; }
  .promo--expanded .promo__content.accordion--active::before {
    border-width: 0 45px 45px 45px; }
  .promo--expanded .promo__content.accordion--active::after {
    border-width: 0 30px 30px 30px; }

@media (min-width: 860px) {
  .promo--expanded-b .promo__content {
    float: right; }
  .promo--expanded-b .promo__image {
    right: 50%;
    left: 0; } }

@media (min-width: 860px) {
  .js .accordion-hidden {
    display: none; } }

.no-js .accordion-toggle,
.no-js .accordion__close {
  display: none; }

.accordion__close {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 70px;
  height: 70px;
  color: #FFF;
  cursor: pointer;
  background-color: #55792d;
  background-repeat: repeat-x;
  background-position-x: -50%;
  background-image: linear-gradient(120deg, #212529, #89cd31); }
  @media (min-width: 860px) {
    .accordion__close {
      display: block; } }
  .promo--expanded-b .accordion__close {
    right: 0;
    left: auto; }
  .accordion__close .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    font-size: 20px;
    transform: translate(-50%, -50%); }

.accordion-mobile-toggle {
  cursor: pointer; }
  @media (min-width: 860px) {
    .accordion-mobile-toggle {
      cursor: auto; } }

.accordion-mobile-content {
  display: none; }
  @media (min-width: 860px) {
    .accordion-mobile-content {
      display: block; } }