/* PACKAGES */

/* PACKAGES */

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-ul-1,
.col-ul-2,
.col-ul-3,
.col-ul-4,
.col-ul-5,
.col-ul-6,
.col-ul-7,
.col-ul-8,
.col-ul-9,
.col-ul-10,
.col-ul-11,
.col-ul-12,
.col-ul,
.col-ul-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1600px) {
  .col-ul {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-ul-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-ul-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-ul-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-ul-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-ul-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-ul-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-ul-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-ul-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-ul-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-ul-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-ul-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-ul-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-ul-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-ul-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-ul-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-ul-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-ul-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-ul-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-ul-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-ul-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-ul-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-ul-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-ul-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-ul-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-ul-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-ul-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-ul-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-ul-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-ul-0 {
    margin-left: 0;
  }

  .offset-ul-1 {
    margin-left: 8.33333333%;
  }

  .offset-ul-2 {
    margin-left: 16.66666667%;
  }

  .offset-ul-3 {
    margin-left: 25%;
  }

  .offset-ul-4 {
    margin-left: 33.33333333%;
  }

  .offset-ul-5 {
    margin-left: 41.66666667%;
  }

  .offset-ul-6 {
    margin-left: 50%;
  }

  .offset-ul-7 {
    margin-left: 58.33333333%;
  }

  .offset-ul-8 {
    margin-left: 66.66666667%;
  }

  .offset-ul-9 {
    margin-left: 75%;
  }

  .offset-ul-10 {
    margin-left: 83.33333333%;
  }

  .offset-ul-11 {
    margin-left: 91.66666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

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

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1600px) {
  .d-ul-none {
    display: none !important;
  }

  .d-ul-inline {
    display: inline !important;
  }

  .d-ul-inline-block {
    display: inline-block !important;
  }

  .d-ul-block {
    display: block !important;
  }

  .d-ul-table {
    display: table !important;
  }

  .d-ul-table-row {
    display: table-row !important;
  }

  .d-ul-table-cell {
    display: table-cell !important;
  }

  .d-ul-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-ul-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1600px) {
  .flex-ul-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-ul-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-ul-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-ul-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-ul-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-ul-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-ul-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .justify-content-ul-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-ul-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-ul-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-ul-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-ul-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-ul-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-ul-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-ul-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-ul-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-ul-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-ul-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-ul-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-ul-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-ul-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-ul-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-ul-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-ul-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-ul-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-ul-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-ul-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-ul-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-ul-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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 {
  -webkit-transform: translate3d(0, 0, 0);
  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;
}

/* VENDOR */

html {
  width: 100%;
  margin: 0;
  padding: 0;
}

html body {
  width: 100%;
  margin: 0;
  padding: 0;
}

html body ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

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

@font-face {
  font-family: 'Uomo Bold';
  src: url(./fonts/uomo_bold.woff2?30c0d145c89422e87e5b05834f9afc84) format("woff2"), url(./fonts/uomo_bold.woff2?30c0d145c89422e87e5b05834f9afc84) format("woff"), url(./fonts/uomo_bold.ttf?d6b3295071b153f44591e202617cb615) format("truetype"), url(./fonts/uomo_bold.svg?e1539cbbf465668f501039e1d225ab09#uomo-bold) format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Uomo Bold", sans-serif;
  font-weight: 600;
  color: #fff;
}

body h1 {
  font-family: "Uomo Bold", sans-serif;
  font-size: 3.000em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0;
}

body h2 {
  font-size: 2.250em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0;
}

body h3 {
  font-family: "Uomo Bold", sans-serif;
  font-size: 2.250em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0;
}

body h4 {
  font-size: 1.250em;
  line-height: 1.2em;
  font-weight: 300;
  margin: 0;
}

body p {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
}

/* LAYOUT */

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.spacer {
  margin-top: 1.563em;
}

@media (min-width: 768px) {
  .spacer {
    margin-top: 2.813em;
  }
}

@media (max-width: 767.98px) {
  .hidden-on-mobile {
    display: none;
  }
}

@media (min-width: 576px) {
  .only-mobile {
    display: none;
  }
}

.archive-header {
  float: left;
  width: 100%;
  padding: 120px 0 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .archive-header {
    padding: 90px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .archive-header {
    padding: 150px 0 30px 0;
  }
}

.deck {
  float: left;
  width: 100%;
}

.deck .col {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.deck .card {
  float: left;
  width: 100%;
  margin-top: 30px;
  background: white;
}

.deck .card__image {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.deck .card__image img {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.deck .card__title {
  min-height: 0px;
  font-size: 1.67em;
  color: #0587AF;
}

@media (min-width: 768px) {
  .deck .card__title {
    min-height: 90px;
  }
}

.deck .card__meta {
  padding: 0;
  margin: 0;
  color: #0587AF;
}

.deck .card__inner {
  float: left;
  width: 100%;
  padding: 1.563em;
}

.deck .card__footer {
  float: left;
  width: 100%;
  padding: 0;
  text-align: center;
}

.deck .card__footer .button,
.deck .card__footer #eu-cookie-bar button,
#eu-cookie-bar .deck .card__footer button {
  margin: 0 10px 30px 10px;
}

.deck .card-foto {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 30px;
  background-color: white;
  background-size: cover;
  background-repeat: no-repeat;
}

.deck .card-foto__image {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.deck .card-foto__image:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.deck .card-foto__image .icon {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 45px;
  height: 45px;
  font-size: 41px;
  text-align: center;
  color: #0587AF;
  border-radius: 50%;
  background-color: white;
  opacity: 0;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.deck .card-foto__image:hover:after {
  opacity: 1;
}

.deck .card-foto__image:hover .icon {
  opacity: 1;
}

.button,
#eu-cookie-bar button {
  display: inline-block;
  padding: 0.67em 0.469em;
  font-family: "Uomo Bold", sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button.button--white,
#eu-cookie-bar button.button--white {
  background-color: #fff;
  color: #0587AF;
}

.button.button--blue,
#eu-cookie-bar button.button--blue {
  border-color: #0587AF;
  background-color: #0587AF;
  color: #fff;
}

.button.button--blue:hover,
#eu-cookie-bar button.button--blue:hover {
  background-color: #BE4151;
  border-color: #BE4151;
}

.button.button--light-blue,
#eu-cookie-bar button.button--light-blue {
  border-color: #AFE2FF;
  background-color: #AFE2FF;
  color: #fff;
}

.button.button--salmon,
#eu-cookie-bar button.button--salmon {
  border-color: #E5947E;
  background-color: #E5947E;
  color: #fff;
}

.button.button--pink,
#eu-cookie-bar button.button--pink {
  background-color: #eb609a;
  border-color: #eb609a;
  color: #fff;
}

.button.button--red,
#eu-cookie-bar button.button--red {
  border-color: #e52238;
  background-color: #e52238;
  color: #fff;
}

.button.button--default,
#eu-cookie-bar button.button--default {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  color: #fff;
}

.button.active,
#eu-cookie-bar button.active {
  pointer-events: none;
}

html {
  background-color: #C23D4D;
}

html body {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  font-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-device-width: 350px) {
  html body {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  html body {
    font-size: 16px;
  }
}

html body.fix-me {
  overflow: hidden;
}

.debugger {
  float: left;
  width: 100%;
  padding: 5vw;
}

.bg--light {
  background-color: #E5947E;
}

/*	--
	2. spacing  -- */

.v-space--btm--std {
  padding-bottom: 3rem;
}

.page--tickets {
  background-image: none !important;
  background-color: #F7A6B1;
}

/* COMPONENTS */

.nav {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  background-color: #0587AF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav .logo {
  position: relative;
  z-index: 4;
  top: 0;
  text-align: center;
  font-size: 10px;
  background-color: #eb609a;
}

@media (min-width: 1200px) {
  .nav .logo {
    font-size: 14px;
  }
}

.nav .logo a {
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
}

.nav .logo img {
  position: absolute;
  width: 60%;
  min-width: 225px;
  max-width: 23.438em;
  height: auto;
  left: 1.563em;
  padding-top: 0;
  padding: 0.938em 0;
}

.nav .logo .logo__shape {
  display: none;
}

@media (min-width: 768px) {
  .nav .logo .logo__shape {
    display: inherit;
    position: absolute;
    top: 0em;
    width: 280px;
    height: 120px;
    background-image: url(/img/s-logo.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

@media (min-width: 1200px) {
  .nav .logo .logo__shape {
    width: 390px;
    height: 175px;
  }
}

.nav .logo .background__shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 80px;
  background-color: #eb609a;
  z-index: -1;
}

.nav .nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 90px;
  padding: 0 1em;
  font-size: 1.500em;
  background-color: #BE4151;
}

@media (min-width: 768px) {
  .nav .nav__buttons {
    min-height: 76px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #0587AF;
  }
}

.nav .nav__buttons .nav__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.nav .nav__buttons .nav__lang {
  position: absolute;
  padding: 1em;
  right: 70px;
  background-color: #0587AF;
  cursor: pointer;
}

@media (min-width: 768px) {
  .nav .nav__buttons .nav__lang {
    left: -90px;
    top: 0px;
    min-height: 76px;
    max-width: 50%;
  }
}

.nav .nav__buttons .nav__lang a {
  display: block;
  color: #fff;
}

.nav .nav__buttons .nav__cart {
  display: none;
}

@media (min-width: 576px) {
  .nav .nav__buttons .nav__cart {
    display: inline-block;
    padding: 0.76em 1em 0.54em 1em;
  }
}

@media (min-width: 768px) {
  .nav .nav__buttons .nav__cart {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.nav .nav__buttons .nav__cart svg {
  width: 35px;
  height: 35px;
  fill: #fff;
}

@media (min-width: 768px) {
  .nav .nav__buttons .nav__cart {
    min-height: 76px;
    right: 412px;
  }
}

.nav .nav__buttons .nav__quick-link {
  padding: 1em;
  right: 130px;
}

@media (min-width: 768px) {
  .nav .nav__buttons .nav__quick-link {
    min-height: 76px;
    right: 262px;
  }
}

@media (min-width: 768px) {
  .nav .nav__buttons .nav__cart,
  .nav .nav__buttons .nav__quick-link {
    background-color: #0587AF;
  }
}

.nav .nav__buttons .nav__cart a,
.nav .nav__buttons .nav__quick-link a {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
}

@media (min-width: 768px) {
  .nav .nav__buttons {
    width: auto;
    padding-left: 0;
  }

  .nav .nav__buttons .nav__trigger {
    padding-left: 1em;
  }
}

.nav-scroll-wrap {
  position: fixed;
  overflow: hidden;
  z-index: -1;
  width: 0px;
  height: 0px;
}

.nav-contents {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  padding: 100px 5% 10% 5%;
  background-color: #0587AF;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

@media (min-width: 768px) {
  .nav-contents {
    padding: 68px 5% 5% 300px;
  }
}

@media (min-width: 992px) {
  .nav-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    padding: 55px 5vw 6vw 280px;
  }
}

@media (min-width: 1200px) {
  .nav-contents {
    padding: 55px 2.5vw 5vw 400px;
  }
}

@media (min-width: 1700px) {
  .nav-contents {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 55px 5vw 5vw 5vw;
  }
}

.nav-contents a {
  font-size: 2.32em;
  color: white;
}

.nav-contents a:hover {
  color: #F5DC22;
}

.nav-contents a[href="#"] {
  pointer-events: none;
}

.nav-contents li {
  padding-top: 1.14em;
}

@media (min-width: 576px) {
  .nav-contents li {
    padding-top: 0.76em;
  }
}

.nav-list {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

@media (min-width: 992px) {
  .nav-list {
    width: 21em;
  }
}

.nav-nested-list {
  width: 100%;
  padding: .76em 0;
  margin: .76em 0;
  opacity: 0;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  border-top: 1px solid white;
}

@media (min-width: 992px) {
  .nav-nested-list {
    width: 18em;
    padding: 0 2em;
    margin: 0;
    border-top: none;
    border-left: 1px solid white;
  }
}

.nav-nested-list .submenu a {
  font-size: 1.250em;
}

.nav .nav__backdrop {
  cursor: pointer;
}

.nav.nav--visible .nav__cart {
  display: none;
}

.nav.nav--visible .nav-contents {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.nav.nav--visible .nav-list {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out .2s;
  transition: opacity .15s ease-in-out .2s;
}

.nav.nav--visible .nav-nested-list {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out .2s;
  transition: opacity .15s ease-in-out .2s;
}

.nav.nav--visible .nav__items {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav.nav--visible .nav__indicator {
  opacity: 0;
}

.nav.nav--visible .nav__backdrop {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.nav.nav--visible .nav-scroll-wrap {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  float: left;
  width: 100%;
  overflow: auto;
}

.nav.nav--scrolling .logo {
  font-size: 10px;
}

.nav.nav--scrolling .logo .logo__shape {
  opacity: 0;
  -webkit-transform: scale3d(0.75, 0.75, 1);
          transform: scale3d(0.75, 0.75, 1);
}

.nav .trigger__icon {
  width: 36px;
  height: 26px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-left: 15px;
}

.nav .trigger__icon span {
  display: block;
  position: absolute;
  height: 0.208em;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav .trigger__icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 0.125em 0.125em 0;
}

.nav .trigger__icon span:nth-child(odd) {
  left: 0px;
  border-radius: 0.125em 0 0 0.125em;
}

.nav .trigger__icon span:nth-child(1),
.nav .trigger__icon span:nth-child(2) {
  top: 0;
}

.nav .trigger__icon span:nth-child(3),
.nav .trigger__icon span:nth-child(4) {
  top: 10px;
}

.nav .trigger__icon span:nth-child(5),
.nav .trigger__icon span:nth-child(6) {
  top: 20px;
}

.nav.nav--visible .trigger__icon span:nth-child(1),
.nav.nav--visible .trigger__icon span:nth-child(6) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nav.nav--visible .trigger__icon span:nth-child(2),
.nav.nav--visible .trigger__icon span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.nav.nav--visible .trigger__icon span:nth-child(1) {
  left: 5px;
  top: 7px;
}

.nav.nav--visible .trigger__icon span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

.nav.nav--visible .trigger__icon span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav.nav--visible .trigger__icon span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav.nav--visible .trigger__icon span:nth-child(5) {
  left: 5px;
  top: 15px;
}

.nav.nav--visible .trigger__icon span:nth-child(6) {
  left: calc(50% - 5px);
  top: 15px;
}

.page__header {
  z-index: 10;
}

.page__header.header--full {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 76vh;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
  .page__header.header--full {
    position: relative;
    height: 85vh;
  }

  .page__header.header--full #scroll-spacer {
    position: relative;
    float: left;
    width: 100%;
    height: 85vh;
  }
}

.page__header.header--full #toggle-animation {
  position: fixed;
  left: 25%;
  top: 50%;
}

.page__header.header--full .header__text {
  max-width: 75%;
  text-shadow: 2px 0px 4px #333;
}

@media (min-width: 1200px) {
  .page__header.header--full .header__text {
    max-width: 100%;
  }
}

.page__header.header--full .header__text.align--left {
  position: absolute;
  left: 0.938em;
  bottom: 5.5em;
}

@media (min-width: 576px) {
  .page__header.header--full .header__text.align--left {
    left: 2em;
    bottom: 2em;
  }
}

.page__header.header--full .header__text.align--left h1 {
  margin-bottom: 0.2em;
  text-transform: uppercase;
}

.page__header.header--full .header__text.align--left span {
  display: block;
  margin-bottom: 0.2em;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 600;
}

.page__header.header--full .header__text.align--left span + span {
  font-size: 1.250em;
}

.page__header.header--full .header__action.align--right {
  position: absolute;
  left: 0.938em;
  bottom: 0.938em;
}

@media (min-width: 576px) {
  .page__header.header--full .header__action.align--right {
    left: auto;
    right: 2em;
    bottom: 2em;
  }
}

.page__header.header--simple {
  position: relative;
  width: 100%;
  height: 40vh;
}

.page__header.header--simple .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  text-align: center;
}

.page__header.header--simple .container .header__text {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.page__header.header--simple .container .header__text h1 {
  font-size: 2em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .page__header.header--simple .container .header__text h1 {
    font-size: 3.750em;
  }
}

.page__header__img {
  display: none;
}

@media (min-width: 992px) {
  .page__header__img {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 110%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }

  .page__header__img img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
  }
}

.page__header-text-contents {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.page__header .header__flexed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
}

.single-post .header--simple {
  height: auto;
}

.single-post .header--simple .container .header__text {
  padding: 200px 0 0;
  text-align: left;
}

.collection .column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.collection .column.column--small {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .collection .column.column--small {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.collection .column.column--large {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 1.563em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .collection .column.column--large {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
}

.collection .buttons {
  width: 100%;
}

.collection .buttons .buttons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (max-width: 767.98px) {
  .collection .buttons .buttons__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 13px;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .collection .buttons .buttons__inner {
    font-size: 11px;
  }
}

@media (min-width: 1600px) {
  .collection .buttons .buttons__inner {
    font-size: 14px;
  }
}

.collection .buttons .buttons__inner .button,
.collection .buttons .buttons__inner #eu-cookie-bar button,
#eu-cookie-bar .collection .buttons .buttons__inner button {
  font-size: 1.375em;
  width: 100%;
  padding: 1.563rem;
  margin-right: 0.938rem;
}

@media (max-width: 767.98px) {
  .collection .buttons .buttons__inner .button,
  .collection .buttons .buttons__inner #eu-cookie-bar button,
  #eu-cookie-bar .collection .buttons .buttons__inner button {
    margin-bottom: 1.250rem;
  }
}

.collection .buttons .buttons__inner .button:last-child,
.collection .buttons .buttons__inner #eu-cookie-bar button:last-child,
#eu-cookie-bar .collection .buttons .buttons__inner button:last-child {
  margin-right: 0;
}

.block {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .block:last-child {
    margin-top: 1.875em;
  }
}

.block.block--col {
  margin-top: 1.563em;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .block.block--col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    margin-top: 0;
    margin-top: 2.813em;
  }
}

.block.block--col a {
  color: #fff;
}

.block.block--col .block__text div {
  padding: 0 0.938em;
  text-align: center;
}

.block.block--update {
  height: auto !important;
  background-size: cover;
}

.block.block--update img {
  visibility: hidden;
  display: block !important;
}

.block.block--update .block__text {
  padding: 2.625em;
  font-size: 1.250em;
  line-height: 1.2em;
}

.block .block__img {
  display: block;
  width: 100%;
  height: 100%;
}

.block .block__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}

.block .block__text div {
  pointer-events: all;
}

.block .block__text div h3,
.block .block__text div span {
  text-shadow: 2px 0px 4px #333;
}

.block .block__text div span {
  display: block;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 0.5em;
}

.block .block__text.text--bottom--center {
  margin-top: -5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.block .block__text.text--bottom--center div {
  text-align: center;
}

.block .block__text.text--top--left {
  left: 1.250em;
  top: 1.250em;
  width: calc(100% - 1.876em);
}

.block .block__text.text--top--center {
  position: absolute;
  width: 100%;
  top: 1.250em;
  left: 0.938em;
  width: calc(100% - 1.876em);
}

.block .block__text.text--top--center div {
  width: calc(100% - 1.876em);
  text-align: center;
}

.block .block__text.text--center {
  top: 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.block .block__cta {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  bottom: 1.250em;
}

.block .block__cta a {
  color: #0587AF;
}

@media (min-width: 992px) {
  .block[style] {
    height: 100%;
    background-size: cover;
  }

  .block[style] .block__img {
    display: none;
  }
}

.feed .feed__header {
  margin-bottom: 0.938em;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.feed .feed__header h3 {
  text-transform: uppercase;
}

.feed .single__story {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 991.98px) {
  .feed .single__story:nth-child(2n+1) {
    display: none;
  }
}

@media (min-width: 992px) {
  .feed .single__story {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.feed .single__story .thumbnail__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.feed .single__story .thumbnail__wrapper::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.feed .single__story .thumbnail__wrapper .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.feed .single__story .thumbnail__wrapper .thumbnail img {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.overview-quote {
  margin-bottom: 2.813em;
}

.overview-quote .block {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 10em 0;
}

@media (min-width: 992px) {
  .overview-quote .block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.overview-quote .block .block__text {
  width: calc(100% - 1.876em);
  height: 100%;
  left: 0.938em;
}

.overview-quote .block .block__text div {
  background-color: #0587AF;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0 0.938em 4.438em 0.938em;
}

.overview-quote .block .block__text div h3 {
  font-weight: 300;
}

.overview-quote .block .block__text div h3,
.overview-quote .block .block__text div span {
  text-shadow: none;
}

.overview-quote .quote {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
  padding-bottom: 4.3em;
  font-size: 10px;
}

@media (min-width: 992px) {
  .overview-quote .quote {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 4.3em 1.876em;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 16px;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .overview-quote .quote {
    font-size: 14px;
  }
}

.overview-quote .quote .quote__text {
  display: block;
  font-size: 3em;
  line-height: 1.2em;
}

.overview-quote .quote .quote__author {
  display: block;
  font-size: 1.250em;
  line-height: 1.2em;
  font-weight: 400;
  margin-top: 0.5em;
}

.single-post .quote {
  width: 100%;
  max-width: 66.66666667%;
  margin-left: 0;
  padding: 0 1.876em;
}

.single-post .quote .page__header + .overview-quote {
  padding-top: 1.5em;
}

.detail {
  position: relative;
  z-index: 2;
}

@media (max-width: 767.98px) {
  .detail {
    margin-top: 2.813em;
  }
}

@media (min-width: 768px) {
  .detail {
    padding: 4em 0;
  }
}

.detail .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.detail .detail__content {
  position: relative;
  width: 100%;
  min-height: 1px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .detail .detail__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

.detail .detail__content h2 {
  margin-bottom: 1em;
}

.detail .detail__content h3 {
  font-size: 24px;
}

.detail .detail__content p {
  font-size: 1.250em;
  line-height: 1.5em;
  font-weight: 400;
}

.detail .detail__content p strong {
  display: block;
}

.detail .detail__content p a {
  color: #fff;
  text-decoration: underline;
}

.detail .detail__content .video-container {
  overflow: hidden;
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  margin-top: 3em;
  border: 10px solid white;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.detail .detail__content .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.detail .detail__info {
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 767.98px) {
  .detail .detail__info {
    margin-top: 2.813em;
    margin-bottom: 2.813em;
  }
}

@media (min-width: 992px) {
  .detail .detail__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    margin: -100px 0 0 0;
  }
}

@media (min-width: 1600px) {
  .detail .detail__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    margin-left: auto;
  }
}

.detail .detail__info .block {
  min-height: 350px;
  background-color: #fff;
  color: #0587AF;
  margin-top: 0;
}

.detail .detail__info .block .block__text {
  display: inline-block;
  position: relative;
  left: auto;
  top: auto;
  font-weight: 400;
  padding: 2em;
  height: 100%;
  font-family: "Roboto", sans-serif;
  margin-bottom: 51px;
}

.detail .detail__info .block .block__text div {
  height: 100%;
  width: 100%;
}

.detail .detail__info .block .block__text h3 {
  text-shadow: none;
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.detail .detail__info .block .block__text span {
  font-size: 1em;
  font-weight: 600;
  text-shadow: none;
  margin: 0;
}

.detail .detail__info .block .block__text span span {
  width: 100%;
}

.detail .detail__info .block .block__text span a {
  margin-top: 0.5em;
  font-size: 0.75em;
  text-decoration: none;
}

.detail .detail__info .block .block__cta {
  bottom: 0;
}

.detail .detail__info .block .block__cta .button,
.detail .detail__info .block .block__cta #eu-cookie-bar button,
#eu-cookie-bar .detail .detail__info .block .block__cta button {
  width: 100%;
  color: #fff;
}

.detail .detail__info .quote {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 0 1.5em;
  margin-bottom: 3.125em;
}

.detail .detail__info .quote .text {
  display: block;
  font-size: 1.500em;
  line-height: 1.2em;
  color: #0587AF;
}

.detail .detail__info .quote .author {
  font-size: 1.250em;
  line-height: 1.2em;
  color: #0587AF;
  display: block;
  margin-top: 0.5em;
}

.detail .detail__info .quote:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .detail .detail__info .quote:nth-child(1) {
    float: left;
  }

  .detail .detail__info .quote:nth-child(2) {
    float: right;
  }
}

.detail .detail__info .button.button--pink,
.detail .detail__info #eu-cookie-bar button.button--pink,
#eu-cookie-bar .detail .detail__info button.button--pink {
  float: left;
  clear: left;
  cursor: pointer;
  pointer-events: all;
}

.detail .detail__credits {
  float: left;
  width: 100%;
  padding: 30px;
  margin: 30px 0;
  background-color: #0587AF;
}

.detail .detail__credits h5 {
  padding: 0 0 0 0;
  margin: 0;
  font-size: 20px;
}

.detail .detail__credits h5 + p {
  padding: 15px 0 0 0;
  margin-top: 0;
}

.detail .detail__credits p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.067em;
}

.detail .recommended {
  margin-top: 2.813em;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.detail .recommended .recommended__header {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  text-transform: uppercase;
}

.detail .recommended .single__event {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1199.98px) {
  .detail .recommended .single__event {
    margin-top: 1.875em;
  }
}

@media (min-width: 992px) {
  .detail .recommended .single__event {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.detail .recommended .single__event .block {
  height: 100%;
}

.gallery .gallery__slide {
  margin-top: 1.563em;
  width: 100%;
}

@media (min-width: 992px) {
  .gallery .gallery__slide {
    margin-top: 2.813em;
  }
}

.gallery .gallery__slide .gallery__image {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.gallery .gallery__slide .gallery__image img {
  width: 100%;
}

.gallery .slick-dots {
  position: absolute;
  left: 0.938em;
  bottom: 0.938em;
  width: calc(100% - 1.876em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery .slick-dots li {
  display: inline-block;
  margin-right: 0.5em;
  cursor: pointer;
}

.gallery .slick-dots li button {
  display: none;
}

.gallery .slick-dots li::after {
  content: "\F111";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
}

.gallery .slick-dots li.slick-active {
  color: #e52238;
}

.footer {
  float: left;
  width: 100%;
  padding: 2em 0;
  margin-top: 3em;
  color: #fff;
  background-color: #0587AF;
}

@media (min-width: 992px) {
  .footer {
    padding: 3em 0;
  }
}

.footer.slim {
  margin-top: 0;
}

.footer .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .row .col {
  margin-bottom: 2.813em;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .footer .row .col {
    margin-bottom: 0;
  }
}

.footer .row .col.col--left {
  text-align: center;
}

@media (min-width: 992px) {
  .footer .row .col.col--left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    text-align: left;
  }
}

@media (min-width: 1600px) {
  .footer .row .col.col--left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.footer .row .col.col--left ul li a {
  cursor: pointer;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.8em;
}

.footer .row .col.col--left ul li a:hover {
  color: #e52238;
}

.footer .row .col.col--middle {
  text-align: center;
}

@media (min-width: 992px) {
  .footer .row .col.col--middle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
}

@media (min-width: 1600px) {
  .footer .row .col.col--middle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .footer .row .col.col--right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

@media (min-width: 1600px) {
  .footer .row .col.col--right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.footer .row .col.col--right h4 {
  margin-bottom: 0.938em;
  text-align: center;
}

@media (min-width: 992px) {
  .footer .row .col.col--right h4 {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .footer .row .col.col--right .wpcf7 {
    max-width: 50%;
    margin: 0 auto;
  }
}

.footer .row .col.col--right .wpcf7 .form__field {
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5em;
  width: 100%;
  margin-bottom: 0.938em;
  color: #e52238;
}

.footer__logo {
  max-width: 250px;
}

.footer__logo.center {
  margin: 0 auto;
}

.footer .author {
  display: inline;
  float: left;
  width: 100%;
  margin-bottom: 1.5em;
  font-family: "Roboto", sans-serif;
  text-align: left;
  font-weight: 300;
  font-size: 0.67em;
  line-height: 1.2em;
}

@media (min-width: 992px) {
  .footer .author {
    margin-top: 3em;
  }
}

.footer .author a {
  display: inline;
  color: inherit;
  text-decoration: underline;
}

.footer .author a:hover {
  color: #F5DC22;
}

.footer .author.txt-center {
  text-align: center;
}

.footer__header {
  float: left;
  width: 100%;
  padding-top: 2em;
  text-align: center;
}

.footer__social {
  float: left;
  width: 100%;
  padding: 1em 0 1em 0;
  text-align: center;
}

.footer__social li {
  display: inline-block;
  padding: 0 0.5em;
}

.footer__social-link {
  display: inline-block;
  position: relative;
}

.footer__social-link.fb {
  width: 12px;
  height: 28px;
}

.footer__social-link.insta {
  width: 25px;
  height: 25px;
}

.footer__social-link.tw {
  width: 28px;
  height: 26px;
}

.footer__social-link.yt {
  width: 28px;
  height: 25px;
}

.footer__social-link:hover .icon {
  opacity: 0;
}

.footer__social-link:hover .icon.hover {
  opacity: 1;
}

.footer__social .icon {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}

.footer__social .icon.fb {
  width: 12px;
  height: 28px;
}

.footer__social .icon.insta {
  width: 25px;
  height: 25px;
}

.footer__social .icon.tw {
  width: 28px;
  height: 26px;
}

.footer__social .icon.yt {
  width: 28px;
  height: 25px;
}

.footer__social .icon.hover {
  opacity: 0;
}
 
.text__content {
  float: left;
  width: 100%;
}

.text__content + .text__content {
  padding-top: 3rem;
}

.text__content + .sponsors {
  padding-top: 1.5rem;
}

.text__content .content__text {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .text__content .content__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

.text__content .content__text p {
  font-size: 1.45em;
}

.text__content .content__text p a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}

.text__content .content__text ul {
  font-family: "Roboto", sans-serif;
}

.text__content .content__text ul li {
  line-height: 1.2em;
}

.page__header + .text__content .content__text {
  padding-top: 1.5em;
}

.page__header.razzle {
  height: auto;
  padding: 120px 0 0 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(230, 147, 151, 0)), to(rgba(230, 147, 151, 0.8)));
  background: linear-gradient(0deg, rgba(230, 147, 151, 0) 0%, rgba(230, 147, 151, 0.8) 100%);
}

.page__header.razzle .header__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: left;
}

.page__header.razzle .header__text h1 {
  line-height: 1em;
  -webkit-transform: rotate(-2.5deg);
          transform: rotate(-2.5deg);
}

.page__header.razzle .header__text .art {
  position: absolute;
}

.page__header.razzle .header__text .art.star--01 {
  right: -45px;
  bottom: 15px;
  width: 45px;
  height: 45px;
}

@media (min-width: 768px) {
  .page__header.razzle .header__text .art.star--01 {
    right: -90px;
    bottom: 0;
    width: 90px;
    height: 90px;
  }
}

.page__header.razzle .header__text .art.star--01 .icon {
  fill: #FFF200;
}

.page__header.razzle .header__text .art.star--02 {
  right: 0;
  top: -15px;
  width: 30px;
  height: 30px;
}

@media (min-width: 768px) {
  .page__header.razzle .header__text .art.star--02 {
    right: -15px;
    top: -45px;
    width: 60px;
    height: 60px;
  }
}

.page__header.razzle .header__text .art.star--02 .icon {
  fill: #CCBE00;
}

.page__header.razzle .header__text .art.rotate--01 {
  -webkit-animation: rotation 9s infinite linear;
          animation: rotation 9s infinite linear;
}

.page__header.razzle .header__text .art.rotate--02 {
  -webkit-animation: rotation 8s infinite linear;
          animation: rotation 8s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.persons .single__person {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1.876em;
}

@media (min-width: 768px) {
  .persons .single__person {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.persons .single__person span {
  display: block;
  font-family: "Roboto", sans-serif;
  margin-top: 0.5em;
  font-weight: 300;
}

.sponsors .single__sponsor {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .sponsors .single__sponsor {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.sponsors .single__sponsor img {
  display: block;
  width: 100%;
}

.sponsors {
  float: left;
  width: 100%;
  padding: 3em 0 4.5em 0;
}

.sponsors.footer {
  padding: 3em 0;
  margin-top: 6em;
  background-color: #6CB7CE;
}

.sponsors.footer.slim {
  margin-top: 0rem;
}

.sponsors__head {
  float: left;
  width: 100%;
  text-align: center;
}

.sponsors__head h3 {
  color: black;
  opacity: 0.76;
}

.sponsors__deck {
  float: left;
  width: 100%;
  padding-top: 1.5em;
}

@media (min-width: 576px) {
  .sponsors__deck {
    padding-top: 3em;
  }

  .sponsors__deck.padded {
    padding: 3em;
  }
}

.sponsors__deck.white {
  background-color: white;
}

.sponsors__card {
  position: relative;
  float: left;
  width: 33.33%;
  margin: 0%;
}

@media (min-width: 576px) {
  .sponsors__card {
    width: 33.33%;
    margin: 0%;
  }
}

@media (min-width: 768px) {
  .sponsors__card.sm {
    width: 16.667%;
  }
}

.sponsors__card figure {
  float: left;
  width: 100%;
  padding-bottom: 67%;
  margin: 0;
  opacity: 0.76;
  background-size: 75% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: multiply;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

@media (min-width: 992px) {
  .sponsors__card figure {
    background-size: 55% auto;
  }
}

.sponsors__card figure:hover {
  opacity: 1;
}

.sponsors__card.blue {
  background-color: #6CB7CE;
}

.sponsors__link {
  float: left;
  width: 100%;
  padding-top: 1.5rem;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  color: black;
  text-decoration: underline;
}

.sponsors__link:hover {
  color: #F5DC22;
}

.sponsors + .footer {
  margin-top: 0em;
}

.schema {
  padding: 1.563em 0;
}

.schema .schema__header {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1.563em;
}

.schema .schema__table {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.schema .schema__table table {
  border-spacing: 0;
}

.schema .schema__table table tr td {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  min-width: 50px;
  padding: 5px;
}

.schema .schema__table table tr td a {
  color: #fff;
}

.schema .schema__table table tr td.color--blue {
  background-color: #0587AF;
}

.schema .schema__table table tr td.color--light-blue {
  background-color: #AFE2FF;
}

.schema .schema__table table tr td.color--pink {
  background-color: #eb609a;
}

.schema .schema__table table tr td.color--salmon {
  background-color: #E5947E;
}

.schema .schema__table table tr td.color--white {
  background-color: #f5f5f5;
}

.schema .schema__table table tr td.color--white a {
  color: #0587AF;
}

.schema .schema__table table tr td.spacer {
  min-width: 150px;
}

.schema .schema__table table tr td.day {
  font-size: 1.75em;
  color: #0587AF;
}

.schema .schema__table small {
  display: block;
  margin-top: 0.938em;
  margin-bottom: 3.126em;
}

.showcase-header {
  padding: 180px 0 90px 0;
}

.showcase-header h1 {
  float: left;
  width: 100%;
  text-align: center;
}

.showcase-header p {
  float: left;
  width: 100%;
  font-size: 1.45em;
  text-align: center;
}

.showcase-header p a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}

.showcase-header ul {
  float: left;
  width: 100%;
  font-family: "Roboto", sans-serif;
}

.showcase-header ul li {
  line-height: 1.2em;
}

.showcase-grid {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 5%;
}

@media (min-width: 576px) {
  .showcase-grid {
    padding: 0;
  }
}

.showcase-panel {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 60px;
  background-color: white;
}

@media (min-width: 576px) {
  .showcase-panel {
    -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
  }
}

@media (min-width: 992px) {
  .showcase-panel {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}

.showcase-panel__video {
  float: left;
  width: 100%;
}

.showcase-panel__desc {
  float: left;
  width: 100%;
  padding: 15px 30px 30px 30px;
}

.showcase-panel__desc h3 {
  color: #0587AF;
  font-size: 21px;
}

.showcase-panel__desc p {
  margin: 0;
  color: #0587AF;
  font-size: 18px;
}

.showcase-panel__desc a {
  float: left;
  width: auto;
  display: inline-block;
  margin-top: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #0587AF;
  text-decoration: underline;
}

.showcase-panel__desc a:hover {
  color: #6f42c1;
}

.video-view {
  float: left;
  width: 100%;
  padding-top: 60px;
  text-align: center;
}

@media (min-width: 768px) {
  .video-view {
    padding-top: 0;
  }
}

.video-view__window {
  position: relative;
  display: inline-block;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .video-view__window {
    width: calc(100% - 180px);
    margin: 90px;
  }
}

@media (min-width: 576px) {
  .video-view__window:before {
    content: " ";
    position: absolute;
    width: calc( 100% + 60px);
    height: calc( 100% + 60px);
    top: -30px;
    left: -30px;
    background-color: #E69397;
    border-radius: 0 60px 0 0;
    -webkit-transform: rotate(-2.5deg);
            transform: rotate(-2.5deg);
  }
}

@media (min-width: 576px) and (min-width: 768px) {
  .video-view__window:before {
    width: calc( 100% + 90px);
    height: calc( 100% + 90px);
    top: -45px;
    left: -45px;
    -webkit-transform: rotate(-2.5deg);
            transform: rotate(-2.5deg);
  }
}

.video-overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #0587af;
}

.playing .video-overlay {
  z-index: -1;
  pointer-events: none;
}

.video-overlay .play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
}

.video-overlay .play .text {
  color: white;
  padding-top: 0.5em;
  font-size: 24px;
}

.video-overlay .play .icon {
  fill: white;
  width: 45px;
  height: 45px;
}

@media (min-width: 576px) {
  .video-overlay .play .icon {
    width: 90px;
    height: 90px;
  }
}

.video-overlay .play:hover .text {
  color: #F5DC22;
}

.video-overlay .play:hover .icon {
  fill: #F5DC22;
}

.video-stage {
  position: relative;
  z-index: 1;
  width: 100%;
}

.video-contents {
  position: absolute;
  float: left;
  z-index: 1;
  width: 100%;
  height: auto;
}

.video-contents .video-wrap {
  opacity: 0;
  pointer-events: none;
}

.video-contents.current {
  position: relative;
  z-index: 2;
}

.video-contents.current .video-wrap {
  opacity: 1;
  pointer-events: all;
}

.video-wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-meta {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}

@media (min-width: 576px) {
  .video-meta {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .video-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px;
  }
}

.video-title {
  position: absolute;
  top: 65px;
  left: 0;
  float: left;
  width: 100%;
  font-size: 22px;
}

@media (min-width: 768px) {
  .video-title {
    position: relative;
    width: calc( 100% - 275px);
    top: 0;
    font-size: 28px;
  }
}

.video-playlist-controls {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid white;
}

@media (min-width: 768px) {
  .video-playlist-controls {
    position: relative;
    width: 275px;
    padding-top: 0;
    padding-bottom: 0px;
    border: none;
  }
}

.video-playlist-controls a {
  display: none;
  outline: none;
  pointer-events: none;
  color: white;
}

.video-playlist-controls a:hover {
  color: #F5DC22;
}

.video-playlist-controls a:hover .icon {
  fill: #F5DC22;
}

.video-playlist-controls a.active {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  pointer-events: all;
}

.video-playlist-controls a .text {
  margin-top: 0.23em;
  font-size: 16px;
  letter-spacing: 0.076em;
  line-height: 100%;
}

@media (min-width: 768px) {
  .video-playlist-controls a .text {
    margin-top: 0.23em;
    font-size: 20px;
  }
}

.video-playlist-controls a .icon {
  width: 21px;
  height: 14px;
  fill: white;
}

@media (min-width: 768px) {
  .video-playlist-controls a .icon {
    width: 21px;
    height: 27px;
  }
}

.video-playlist-controls a.nxt {
  float: right;
}

.video-playlist-controls a.nxt .icon {
  margin-left: 5px;
}

.video-playlist-controls a.prev .icon {
  margin-right: 5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.video-playlist-controls a.active + .active {
  float: right;
  position: relative;
}

@media (min-width: 768px) {
  .video-playlist-controls a.active + .active {
    float: left;
    margin-left: 15px;
    padding-left: 15px;
  }

  .video-playlist-controls a.active + .active:before {
    content: "";
  }
}

.video-bio {
  float: left;
  width: 100%;
  margin-top: 160px;
  text-align: center;
}

@media (min-width: 768px) {
  .video-bio {
    margin-top: 145px;
  }
}

@media (min-width: 768px) {
  .video-bio {
    margin-top: 30px;
  }
}

.video-bio__contents {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 960px;
  margin-top: 0;
}

@media (min-width: 768px) {
  .video-bio__contents {
    margin-left: 0px;
  }
}

@media (min-width: 992px) {
  .video-bio__contents {
    margin-left: 160px;
  }
}

.video-bio__block {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .video-bio__block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.video-bio__art {
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  margin: 0;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .video-bio__art {
    width: 300px;
    height: 300px;
  }
}

.video-bio__art img {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: auto;
  border: 10px solid #FFF200;
  border-radius: 50%;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.video-bio__desc {
  float: left;
  width: 100%;
  padding: 95px 30px 45px 30px;
  margin-top: -100px;
  background: #FFF200;
  border-radius: 60px 0 60px 0;
  -webkit-transform: rotate(-2.5deg);
          transform: rotate(-2.5deg);
}

@media (min-width: 768px) {
  .video-bio__desc {
    padding: 45px 30px 45px 190px;
    margin-left: -160px;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .video-bio__desc {
    width: calc(100% - 320px);
  }
}

.video-bio__desc p {
  float: left;
  width: 100%;
  text-align: left;
  color: #BE4151;
  font-size: 18px;
  font-weight: bold;
}

.video-bio__desc p.credits {
  font-size: 12px;
  font-weight: normal;
}

.juggle-ball {
  position: absolute;
  z-index: 3;
}

.juggle-ball.ball--01 {
  width: 50px;
  height: 50px;
  left: 0px;
  top: -110px;
}

@media (min-width: 576px) {
  .juggle-ball.ball--01 {
    top: -40px;
  }
}

@media (min-width: 768px) {
  .juggle-ball.ball--01 {
    width: 80px;
    height: 80px;
    left: 13vw;
    top: -80px;
  }
}

.juggle-ball.ball--02 {
  width: 40px;
  height: 40px;
  left: -30px;
  top: 30px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (min-width: 576px) {
  .juggle-ball.ball--02 {
    left: -60px;
    top: 60px;
  }
}

@media (min-width: 768px) {
  .juggle-ball.ball--02 {
    width: 65px;
    height: 65px;
    left: -90px;
    top: 60px;
  }
}

.juggle-ball.ball--03 {
  display: none;
  width: 35px;
  height: 35px;
  left: -30px;
  top: 260px;
}

@media (min-width: 576px) {
  .juggle-ball.ball--03 {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .juggle-ball.ball--03 {
    width: 50px;
    height: 50px;
    left: -40px;
    top: 260px;
  }
}

#eu-cookie-bar {
  background-color: #e52238;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5em;
}

#eu-cookie-bar a {
  display: inline-block;
}

#eu-cookie-bar button {
  background-color: #fff;
  color: #0587AF;
}

.splash.hero {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.splash.hero .title {
  position: absolute;
  top: 100px;
  float: left;
  width: 100%;
  padding: 0 1.5rem;
  font-size: 30px;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) {
  .splash.hero .title {
    font-size: 40px;
  }
}

@media (min-width: 768px) {
  .splash.hero .title {
    font-size: 50px;
    top: 150px;
  }
}

@media (min-width: 992px) {
  .splash.hero .title {
    font-size: 60px;
  }
}

@media (min-width: 1200px) {
  .splash.hero .title {
    top: 7vh;
  }
}

.splash.hero .title br {
  display: none;
}

@media (min-width: 768px) {
  .splash.hero .title br {
    display: inline;
  }
}

.splash.hero .subtitle {
  position: absolute;
  bottom: 3vh;
  float: left;
  width: 100%;
  padding: 0 1.5rem;
  font-size: 20px;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) {
  .splash.hero .subtitle {
    font-size: 25px;
  }
}

@media (min-width: 768px) {
  .splash.hero .subtitle {
    bottom: 5vh;
    padding: 0 3rem;
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  .splash.hero .subtitle {
    bottom: 5vh;
  }
}

.splash__contents {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  height: 76vh;
}

@media (min-width: 768px) {
  .splash__contents {
    height: 85vh;
  }
}

@media (min-width: 992px) {
  .splash__contents {
    height: 95vh;
  }
}

.splash__art {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 85vh;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.program .block {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .program .block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.program .program__cta {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-top: 1.563em;
}

@media (min-width: 992px) {
  .program .program__cta {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    margin-top: 0;
  }
}

.program .program__cta .row {
  height: 100%;
}

.program .program__cta .row .block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .program .program__cta .row .block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .program .program__cta .row .block {
    padding-left: 1.563em;
    padding-right: 0.938em;
  }
}

.program .program__cta .row .block img {
  height: 100%;
}

.program .program__cta .row .cta {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .program .program__cta .row .cta {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .program .program__cta .row .cta .cta__inner {
    height: 100%;
    margin-left: -1.876em;
  }
}

.program .program__cta .row .cta .cta__inner {
  background-color: #fff;
  color: #0587AF;
  padding: 2.813em;
}

.program.program--grid .program__items {
  position: relative;
  min-height: 350px;
}

.program.program--grid .program__items .single__program {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.program.program--grid .program__items .single__program .program__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.program.program--grid .program__items .single__program .program__image {
  position: relative;
}

.program.program--grid .program__items .single__program .program__image img {
  display: block;
  width: 100%;
}

.program.program--grid .program__items .single__program .program__image .program__genre {
  position: absolute;
  background-color: #eb609a;
  font-size: 1.125em;
  font-weight: 400;
  padding: 0.938em;
  color: #fff;
}

.program.program--grid .program__items .single__program .program__inner {
  background-color: #fff;
  color: #0587AF;
  padding: 1.563em;
  height: 100%;
}

.program.program--grid .program__items .single__program .program__inner .program__details {
  font-weight: 600;
  margin-top: 0.938em;
}

.program.program--grid .program__items .single__program .program__inner .program__details span {
  display: block;
  margin-bottom: 0.5em;
}

.program.program--grid .program__items .single__program .program__inner .program__details span a:not(.button):not(#eu-cookie-bar button) {
  color: #0587AF;
}

.program.program--grid .program__items .single__program .program__inner .program__details a {
  color: #0587AF;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;
}

.program.program--grid .program__items .single__program .program__inner .program__details a:hover {
  color: #F5DC22;
}

.program.program--grid .program__items .single__program .program__inner .program__theater {
  font-weight: 600;
  margin-bottom: 0;
}

.program.program--grid .program__items .single__program .program__inner .program__location {
  margin-top: 0;
}

@media (min-width: 992px) {
  .program.program--grid .program__items .single__program.sm {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

.program.program--grid .program__items .single__program.sm h3 {
  font-size: 1.76em !important;
}

.program.program--grid .program__items .single__program.sm .program__footer {
  padding: 0 !important;
}

.program.program--grid .program__items .program__loader {
  position: absolute;
  width: 100%;
  height: calc(100% - 2.813em);
  top: 2.813em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}

.program.program--grid .program__items .program__loader span {
  color: #fff;
}

.program.program--grid .program__items .program__loader span i:last-child {
  display: block;
  width: 100%;
}

.program.program--grid .program__items .program__loader.loader--active {
  opacity: 1;
}

.program.program--grid .program__filters {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}

.program.program--grid .program__filters .filter__category .button,
.program.program--grid .program__filters .filter__category #eu-cookie-bar button,
#eu-cookie-bar .program.program--grid .program__filters .filter__category button {
  margin-bottom: 0.469em;
}

.program.program--grid .program__filters .filter__category .button + .button,
.program.program--grid .program__filters .filter__category #eu-cookie-bar button + .button,
#eu-cookie-bar .program.program--grid .program__filters .filter__category button + .button,
.program.program--grid .program__filters .filter__category #eu-cookie-bar .button + button,
#eu-cookie-bar .program.program--grid .program__filters .filter__category .button + button,
.program.program--grid .program__filters .filter__category #eu-cookie-bar button + button,
#eu-cookie-bar .program.program--grid .program__filters .filter__category button + button {
  margin-left: 0.469em;
}

.program.program--grid .program__filters .filter__subcategory {
  margin-top: 2.813em;
}

.program.program--grid .program__filters .filter__subcategory .button,
.program.program--grid .program__filters .filter__subcategory #eu-cookie-bar button,
#eu-cookie-bar .program.program--grid .program__filters .filter__subcategory button {
  margin-bottom: 0.469em;
}

.program.program--grid .program__filters .filter__subcategory .button + .button,
.program.program--grid .program__filters .filter__subcategory #eu-cookie-bar button + .button,
#eu-cookie-bar .program.program--grid .program__filters .filter__subcategory button + .button,
.program.program--grid .program__filters .filter__subcategory #eu-cookie-bar .button + button,
#eu-cookie-bar .program.program--grid .program__filters .filter__subcategory .button + button,
.program.program--grid .program__filters .filter__subcategory #eu-cookie-bar button + button,
#eu-cookie-bar .program.program--grid .program__filters .filter__subcategory button + button {
  margin-left: 0.469em;
}

.program.program--grid .program__filters[data-filter="day"] .filter__subcategory button:not([data-filter-group="day"]) {
  display: none;
}

.program.program--grid .program__filters[data-filter="alpha"] .filter__subcategory button:not([data-filter-group="alpha"]) {
  display: none;
}

.program.program--grid .program__filters[data-filter="blocks"] .filter__subcategory button:not([data-filter-group="blocks"]) {
  display: none;
}

.program.program--grid .program__items.view--grid .single__program {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2.813em;
}

@media (min-width: 768px) {
  .program.program--grid .program__items.view--grid .single__program {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .program.program--grid .program__items.view--grid .single__program {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.program.program--grid .program__items.view--grid .single__program .program__genre {
  bottom: 1.250em;
  right: 0;
}

.program.program--grid .program__items.view--grid .single__program .program__footer {
  background-color: #fff;
  padding: 0.938em 0;
  text-align: center;
}

.program.program--grid .program__items.view--grid .single__program.program--big {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .program.program--grid .program__items.view--grid .single__program.program--big {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

.program.program--grid .program__items.view--grid .single__program.program--big .slick-list {
  height: 100%;
}

.program.program--grid .program__items.view--grid .single__program.program--big .slick-list .slick-track {
  height: 100%;
}

.program.program--grid .program__items.view--grid .single__program.program--big .slick-dots {
  display: none !important;
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__wrap {
  height: 100%;
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner {
  background-color: #0587AF;
  color: #fff;
  padding: 1.876em;
}

@media (max-width: 767.98px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner {
    font-size: 14px;
  }
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner h2 {
  font-size: 3.000em;
  text-align: center;
  margin-bottom: 0.938em;
}

@media (max-width: 767.98px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner h2 {
    font-size: 2.5em;
  }
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.876em;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
}

@media (min-width: 1600px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single .single__time {
  font-family: "Uomo Bold", sans-serif;
  font-size: 2.250em;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: 0.08em;
}

@media (min-width: 768px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single .single__time {
    position: absolute;
    left: 0.938em;
  }
}

@media (min-width: 768px) {
  .program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single .single__detail {
    margin-left: 10em;
  }
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__inner .program__summary .summary__single .single__detail p {
  margin: 0;
}

.program.program--grid .program__items.view--grid .single__program.program--big .program__footer {
  background-color: #0587AF;
}

@media (max-width: 991.98px) {
  .program.program--grid .program__items.view--list .single__program {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.813em;
  }
}

@media (max-width: 991.98px) and (min-width: 768px) {
  .program.program--grid .program__items.view--list .single__program {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 991.98px) and (min-width: 992px) {
  .program.program--grid .program__items.view--list .single__program {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

@media (max-width: 991.98px) {
  .program.program--grid .program__items.view--list .single__program .program__genre {
    bottom: 1.250em;
    right: 0;
  }

  .program.program--grid .program__items.view--list .single__program .program__footer {
    background-color: #fff;
    padding: 0.938em 0;
    text-align: center;
  }

  .program.program--grid .program__items.view--list .single__program.program--big {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .program.program--grid .program__items.view--list .single__program.program--big .program__inner {
    background-color: #0587AF;
    color: #fff;
  }
}

@media (min-width: 768px) {
  .program.program--grid .program__items.view--list .single__program {
    margin-bottom: 0.938em;
  }

  .program.program--grid .program__items.view--list .single__program .program__wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .program.program--grid .program__items.view--list .single__program .program__image {
    background-size: cover;
    background-position: center;
    width: 50%;
  }

  .program.program--grid .program__items.view--list .single__program .program__image img {
    visibility: hidden;
  }

  .program.program--grid .program__items.view--list .single__program .program__image .program__genre {
    top: 0;
    right: 0;
  }

  .program.program--grid .program__items.view--list .single__program .program__inner {
    padding-right: 10.5em;
    width: 50%;
  }

  .program.program--grid .program__items.view--list .single__program .program__footer {
    position: absolute;
    right: 0.938em;
    top: 0;
  }
}