@charset "UTF-8";
/* ========================================================================== Paths @mixin ========================================================================= */
/* ========================================================================== Colors @mixin ========================================================================= */
/* ========================================================================== Fonts @mixin ========================================================================= */
/* ========================================================================== Grid ========================================================================== */
/* ========================================================================== Z-index layers ========================================================================== */
/* ========================================================================== Media queries ========================================================================== */
/* ========================================================================== Easings @mixin ========================================================================= */
/* ========================================================================== Clearfix @mixin ========================================================================= */
/* ========================================================================== Antialiased @mixin ========================================================================= */
/* ========================================================================== Fontfaces @mixin ========================================================================= */
/* ========================================================================== Triangles @mixin ========================================================================= */
/* ========================================================================== Box ratio @mixin ========================================================================= */
/* ========================================================================== Pseudo elements @mixin ========================================================================= */
/* ========================================================================== Center element @mixin ========================================================================= */
/* ========================================================================== Reset list @mixin ========================================================================= */
/* ========================================================================== Images @mixin ========================================================================= */
/* ========================================================================== Linear gradient @mixin ========================================================================= */
.g-wrap { display: block; width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }

@media (min-width: 480px) { .g-wrap:not(.g-wrap--fluid) { max-width: calc(480px - 50px); } }

@media (min-width: 768px) { .g-wrap:not(.g-wrap--fluid) { max-width: calc(768px - 50px); } }

@media (min-width: 992px) { .g-wrap:not(.g-wrap--fluid) { max-width: calc(992px - 50px); } }

@media (min-width: 1280px) { .g-wrap:not(.g-wrap--fluid) { max-width: calc(1280px - 50px); } }

@media (min-width: 1440px) { .g-wrap:not(.g-wrap--fluid) { max-width: 1230px; } }

.g-row { display: block; margin-right: -10px; margin-left: -10px; }

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

@supports (display: flex) { .g-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.g-row--full { width: calc(100% + 20px); }

.g-row--flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-row--center { -ms-flex-align: center; align-items: center; }

.g-row--bottom { -ms-flex-align: end; align-items: flex-end; }

@supports (display: flex) { .g-col { flex-preferred-size: 0; -ms-flex-preferred-size: 0; flex-basis: 0; flex-positive: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 10px; padding-left: 10px; }
  .g-col--auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } }

[class*="g-col-"] { width: 100%; float: left; min-height: 1px; padding-right: 10px; padding-left: 10px; }

@supports (display: flex) { [class*="g-col-"] { float: none; } }

.g-row--flex > [class*="g-col-"] { float: none; }

@media (min-width: 0px) { [class*="g-col--xs-"] { display: block; }
  .g-col--xs-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--xs-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--xs-left { float: left; }
  .g-col--xs-right { float: right; }
  .g-col--xs-push-0 { left: auto; }
  .g-col--xs-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--xs-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--xs-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--xs-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--xs-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--xs-push-1 { left: 8.33333%; }
  .g-col--xs-push-0_5 { left: 4.16667%; }
  .g-col--xs-offset-1 { margin-left: 8.33333%; }
  .g-col--xs-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--xs-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--xs-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--xs-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--xs-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--xs-push-2 { left: 16.66667%; }
  .g-col--xs-push-1_5 { left: 12.5%; }
  .g-col--xs-offset-2 { margin-left: 16.66667%; }
  .g-col--xs-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--xs-3 { width: 25%; } }
  @supports (display: flex) { .g-col--xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--xs-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--xs-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--xs-push-3 { left: 25%; }
  .g-col--xs-push-2_5 { left: 20.83333%; }
  .g-col--xs-offset-3 { margin-left: 25%; }
  .g-col--xs-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--xs-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--xs-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--xs-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--xs-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--xs-push-4 { left: 33.33333%; }
  .g-col--xs-push-3_5 { left: 29.16667%; }
  .g-col--xs-offset-4 { margin-left: 33.33333%; }
  .g-col--xs-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--xs-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--xs-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--xs-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--xs-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--xs-push-5 { left: 41.66667%; }
  .g-col--xs-push-4_5 { left: 37.5%; }
  .g-col--xs-offset-5 { margin-left: 41.66667%; }
  .g-col--xs-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--xs-6 { width: 50%; } }
  @supports (display: flex) { .g-col--xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--xs-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--xs-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--xs-push-6 { left: 50%; }
  .g-col--xs-push-5_5 { left: 45.83333%; }
  .g-col--xs-offset-6 { margin-left: 50%; }
  .g-col--xs-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--xs-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--xs-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--xs-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--xs-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--xs-push-7 { left: 58.33333%; }
  .g-col--xs-push-6_5 { left: 54.16667%; }
  .g-col--xs-offset-7 { margin-left: 58.33333%; }
  .g-col--xs-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--xs-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--xs-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--xs-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--xs-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--xs-push-8 { left: 66.66667%; }
  .g-col--xs-push-7_5 { left: 62.5%; }
  .g-col--xs-offset-8 { margin-left: 66.66667%; }
  .g-col--xs-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--xs-9 { width: 75%; } }
  @supports (display: flex) { .g-col--xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--xs-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--xs-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--xs-push-9 { left: 75%; }
  .g-col--xs-push-8_5 { left: 70.83333%; }
  .g-col--xs-offset-9 { margin-left: 75%; }
  .g-col--xs-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--xs-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--xs-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--xs-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--xs-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--xs-push-10 { left: 83.33333%; }
  .g-col--xs-push-9_5 { left: 79.16667%; }
  .g-col--xs-offset-10 { margin-left: 83.33333%; }
  .g-col--xs-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--xs-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--xs-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--xs-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--xs-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--xs-push-11 { left: 91.66667%; }
  .g-col--xs-push-10_5 { left: 87.5%; }
  .g-col--xs-offset-11 { margin-left: 91.66667%; }
  .g-col--xs-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--xs-12 { width: 100%; } }
  @supports (display: flex) { .g-col--xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--xs-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--xs-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--xs-push-12 { left: 100%; }
  .g-col--xs-push-11_5 { left: 95.83333%; }
  .g-col--xs-offset-12 { margin-left: 100%; }
  .g-col--xs-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 375px) { [class*="g-col--ss-"] { display: block; }
  .g-col--ss-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--ss-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--ss-left { float: left; }
  .g-col--ss-right { float: right; }
  .g-col--ss-push-0 { left: auto; }
  .g-col--ss-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--ss-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--ss-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--ss-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--ss-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--ss-push-1 { left: 8.33333%; }
  .g-col--ss-push-0_5 { left: 4.16667%; }
  .g-col--ss-offset-1 { margin-left: 8.33333%; }
  .g-col--ss-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--ss-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--ss-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--ss-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--ss-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--ss-push-2 { left: 16.66667%; }
  .g-col--ss-push-1_5 { left: 12.5%; }
  .g-col--ss-offset-2 { margin-left: 16.66667%; }
  .g-col--ss-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--ss-3 { width: 25%; } }
  @supports (display: flex) { .g-col--ss-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--ss-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--ss-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--ss-push-3 { left: 25%; }
  .g-col--ss-push-2_5 { left: 20.83333%; }
  .g-col--ss-offset-3 { margin-left: 25%; }
  .g-col--ss-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--ss-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--ss-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--ss-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--ss-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--ss-push-4 { left: 33.33333%; }
  .g-col--ss-push-3_5 { left: 29.16667%; }
  .g-col--ss-offset-4 { margin-left: 33.33333%; }
  .g-col--ss-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--ss-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--ss-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--ss-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--ss-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--ss-push-5 { left: 41.66667%; }
  .g-col--ss-push-4_5 { left: 37.5%; }
  .g-col--ss-offset-5 { margin-left: 41.66667%; }
  .g-col--ss-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--ss-6 { width: 50%; } }
  @supports (display: flex) { .g-col--ss-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--ss-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--ss-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--ss-push-6 { left: 50%; }
  .g-col--ss-push-5_5 { left: 45.83333%; }
  .g-col--ss-offset-6 { margin-left: 50%; }
  .g-col--ss-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--ss-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--ss-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--ss-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--ss-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--ss-push-7 { left: 58.33333%; }
  .g-col--ss-push-6_5 { left: 54.16667%; }
  .g-col--ss-offset-7 { margin-left: 58.33333%; }
  .g-col--ss-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--ss-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--ss-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--ss-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--ss-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--ss-push-8 { left: 66.66667%; }
  .g-col--ss-push-7_5 { left: 62.5%; }
  .g-col--ss-offset-8 { margin-left: 66.66667%; }
  .g-col--ss-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--ss-9 { width: 75%; } }
  @supports (display: flex) { .g-col--ss-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--ss-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--ss-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--ss-push-9 { left: 75%; }
  .g-col--ss-push-8_5 { left: 70.83333%; }
  .g-col--ss-offset-9 { margin-left: 75%; }
  .g-col--ss-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--ss-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--ss-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--ss-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--ss-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--ss-push-10 { left: 83.33333%; }
  .g-col--ss-push-9_5 { left: 79.16667%; }
  .g-col--ss-offset-10 { margin-left: 83.33333%; }
  .g-col--ss-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--ss-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--ss-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--ss-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--ss-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--ss-push-11 { left: 91.66667%; }
  .g-col--ss-push-10_5 { left: 87.5%; }
  .g-col--ss-offset-11 { margin-left: 91.66667%; }
  .g-col--ss-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--ss-12 { width: 100%; } }
  @supports (display: flex) { .g-col--ss-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--ss-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--ss-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--ss-push-12 { left: 100%; }
  .g-col--ss-push-11_5 { left: 95.83333%; }
  .g-col--ss-offset-12 { margin-left: 100%; }
  .g-col--ss-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 480px) { [class*="g-col--s-"] { display: block; }
  .g-col--s-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--s-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--s-left { float: left; }
  .g-col--s-right { float: right; }
  .g-col--s-push-0 { left: auto; }
  .g-col--s-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--s-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--s-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--s-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--s-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--s-push-1 { left: 8.33333%; }
  .g-col--s-push-0_5 { left: 4.16667%; }
  .g-col--s-offset-1 { margin-left: 8.33333%; }
  .g-col--s-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--s-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--s-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--s-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--s-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--s-push-2 { left: 16.66667%; }
  .g-col--s-push-1_5 { left: 12.5%; }
  .g-col--s-offset-2 { margin-left: 16.66667%; }
  .g-col--s-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--s-3 { width: 25%; } }
  @supports (display: flex) { .g-col--s-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--s-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--s-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--s-push-3 { left: 25%; }
  .g-col--s-push-2_5 { left: 20.83333%; }
  .g-col--s-offset-3 { margin-left: 25%; }
  .g-col--s-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--s-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--s-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--s-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--s-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--s-push-4 { left: 33.33333%; }
  .g-col--s-push-3_5 { left: 29.16667%; }
  .g-col--s-offset-4 { margin-left: 33.33333%; }
  .g-col--s-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--s-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--s-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--s-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--s-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--s-push-5 { left: 41.66667%; }
  .g-col--s-push-4_5 { left: 37.5%; }
  .g-col--s-offset-5 { margin-left: 41.66667%; }
  .g-col--s-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--s-6 { width: 50%; } }
  @supports (display: flex) { .g-col--s-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--s-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--s-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--s-push-6 { left: 50%; }
  .g-col--s-push-5_5 { left: 45.83333%; }
  .g-col--s-offset-6 { margin-left: 50%; }
  .g-col--s-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--s-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--s-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--s-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--s-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--s-push-7 { left: 58.33333%; }
  .g-col--s-push-6_5 { left: 54.16667%; }
  .g-col--s-offset-7 { margin-left: 58.33333%; }
  .g-col--s-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--s-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--s-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--s-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--s-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--s-push-8 { left: 66.66667%; }
  .g-col--s-push-7_5 { left: 62.5%; }
  .g-col--s-offset-8 { margin-left: 66.66667%; }
  .g-col--s-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--s-9 { width: 75%; } }
  @supports (display: flex) { .g-col--s-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--s-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--s-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--s-push-9 { left: 75%; }
  .g-col--s-push-8_5 { left: 70.83333%; }
  .g-col--s-offset-9 { margin-left: 75%; }
  .g-col--s-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--s-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--s-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--s-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--s-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--s-push-10 { left: 83.33333%; }
  .g-col--s-push-9_5 { left: 79.16667%; }
  .g-col--s-offset-10 { margin-left: 83.33333%; }
  .g-col--s-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--s-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--s-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--s-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--s-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--s-push-11 { left: 91.66667%; }
  .g-col--s-push-10_5 { left: 87.5%; }
  .g-col--s-offset-11 { margin-left: 91.66667%; }
  .g-col--s-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--s-12 { width: 100%; } }
  @supports (display: flex) { .g-col--s-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--s-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--s-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--s-push-12 { left: 100%; }
  .g-col--s-push-11_5 { left: 95.83333%; }
  .g-col--s-offset-12 { margin-left: 100%; }
  .g-col--s-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 768px) { [class*="g-col--m-"] { display: block; }
  .g-col--m-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--m-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--m-left { float: left; }
  .g-col--m-right { float: right; }
  .g-col--m-push-0 { left: auto; }
  .g-col--m-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--m-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--m-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--m-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--m-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--m-push-1 { left: 8.33333%; }
  .g-col--m-push-0_5 { left: 4.16667%; }
  .g-col--m-offset-1 { margin-left: 8.33333%; }
  .g-col--m-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--m-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--m-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--m-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--m-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--m-push-2 { left: 16.66667%; }
  .g-col--m-push-1_5 { left: 12.5%; }
  .g-col--m-offset-2 { margin-left: 16.66667%; }
  .g-col--m-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--m-3 { width: 25%; } }
  @supports (display: flex) { .g-col--m-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--m-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--m-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--m-push-3 { left: 25%; }
  .g-col--m-push-2_5 { left: 20.83333%; }
  .g-col--m-offset-3 { margin-left: 25%; }
  .g-col--m-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--m-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--m-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--m-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--m-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--m-push-4 { left: 33.33333%; }
  .g-col--m-push-3_5 { left: 29.16667%; }
  .g-col--m-offset-4 { margin-left: 33.33333%; }
  .g-col--m-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--m-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--m-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--m-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--m-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--m-push-5 { left: 41.66667%; }
  .g-col--m-push-4_5 { left: 37.5%; }
  .g-col--m-offset-5 { margin-left: 41.66667%; }
  .g-col--m-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--m-6 { width: 50%; } }
  @supports (display: flex) { .g-col--m-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--m-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--m-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--m-push-6 { left: 50%; }
  .g-col--m-push-5_5 { left: 45.83333%; }
  .g-col--m-offset-6 { margin-left: 50%; }
  .g-col--m-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--m-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--m-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--m-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--m-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--m-push-7 { left: 58.33333%; }
  .g-col--m-push-6_5 { left: 54.16667%; }
  .g-col--m-offset-7 { margin-left: 58.33333%; }
  .g-col--m-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--m-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--m-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--m-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--m-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--m-push-8 { left: 66.66667%; }
  .g-col--m-push-7_5 { left: 62.5%; }
  .g-col--m-offset-8 { margin-left: 66.66667%; }
  .g-col--m-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--m-9 { width: 75%; } }
  @supports (display: flex) { .g-col--m-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--m-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--m-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--m-push-9 { left: 75%; }
  .g-col--m-push-8_5 { left: 70.83333%; }
  .g-col--m-offset-9 { margin-left: 75%; }
  .g-col--m-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--m-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--m-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--m-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--m-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--m-push-10 { left: 83.33333%; }
  .g-col--m-push-9_5 { left: 79.16667%; }
  .g-col--m-offset-10 { margin-left: 83.33333%; }
  .g-col--m-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--m-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--m-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--m-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--m-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--m-push-11 { left: 91.66667%; }
  .g-col--m-push-10_5 { left: 87.5%; }
  .g-col--m-offset-11 { margin-left: 91.66667%; }
  .g-col--m-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--m-12 { width: 100%; } }
  @supports (display: flex) { .g-col--m-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--m-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--m-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--m-push-12 { left: 100%; }
  .g-col--m-push-11_5 { left: 95.83333%; }
  .g-col--m-offset-12 { margin-left: 100%; }
  .g-col--m-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 992px) { [class*="g-col--l-"] { display: block; }
  .g-col--l-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--l-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--l-left { float: left; }
  .g-col--l-right { float: right; }
  .g-col--l-push-0 { left: auto; }
  .g-col--l-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--l-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--l-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--l-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--l-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--l-push-1 { left: 8.33333%; }
  .g-col--l-push-0_5 { left: 4.16667%; }
  .g-col--l-offset-1 { margin-left: 8.33333%; }
  .g-col--l-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--l-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--l-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--l-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--l-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--l-push-2 { left: 16.66667%; }
  .g-col--l-push-1_5 { left: 12.5%; }
  .g-col--l-offset-2 { margin-left: 16.66667%; }
  .g-col--l-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--l-3 { width: 25%; } }
  @supports (display: flex) { .g-col--l-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--l-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--l-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--l-push-3 { left: 25%; }
  .g-col--l-push-2_5 { left: 20.83333%; }
  .g-col--l-offset-3 { margin-left: 25%; }
  .g-col--l-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--l-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--l-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--l-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--l-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--l-push-4 { left: 33.33333%; }
  .g-col--l-push-3_5 { left: 29.16667%; }
  .g-col--l-offset-4 { margin-left: 33.33333%; }
  .g-col--l-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--l-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--l-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--l-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--l-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--l-push-5 { left: 41.66667%; }
  .g-col--l-push-4_5 { left: 37.5%; }
  .g-col--l-offset-5 { margin-left: 41.66667%; }
  .g-col--l-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--l-6 { width: 50%; } }
  @supports (display: flex) { .g-col--l-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--l-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--l-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--l-push-6 { left: 50%; }
  .g-col--l-push-5_5 { left: 45.83333%; }
  .g-col--l-offset-6 { margin-left: 50%; }
  .g-col--l-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--l-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--l-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--l-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--l-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--l-push-7 { left: 58.33333%; }
  .g-col--l-push-6_5 { left: 54.16667%; }
  .g-col--l-offset-7 { margin-left: 58.33333%; }
  .g-col--l-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--l-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--l-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--l-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--l-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--l-push-8 { left: 66.66667%; }
  .g-col--l-push-7_5 { left: 62.5%; }
  .g-col--l-offset-8 { margin-left: 66.66667%; }
  .g-col--l-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--l-9 { width: 75%; } }
  @supports (display: flex) { .g-col--l-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--l-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--l-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--l-push-9 { left: 75%; }
  .g-col--l-push-8_5 { left: 70.83333%; }
  .g-col--l-offset-9 { margin-left: 75%; }
  .g-col--l-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--l-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--l-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--l-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--l-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--l-push-10 { left: 83.33333%; }
  .g-col--l-push-9_5 { left: 79.16667%; }
  .g-col--l-offset-10 { margin-left: 83.33333%; }
  .g-col--l-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--l-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--l-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--l-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--l-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--l-push-11 { left: 91.66667%; }
  .g-col--l-push-10_5 { left: 87.5%; }
  .g-col--l-offset-11 { margin-left: 91.66667%; }
  .g-col--l-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--l-12 { width: 100%; } }
  @supports (display: flex) { .g-col--l-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--l-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--l-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--l-push-12 { left: 100%; }
  .g-col--l-push-11_5 { left: 95.83333%; }
  .g-col--l-offset-12 { margin-left: 100%; }
  .g-col--l-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 1280px) { [class*="g-col--xl-"] { display: block; }
  .g-col--xl-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--xl-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--xl-left { float: left; }
  .g-col--xl-right { float: right; }
  .g-col--xl-push-0 { left: auto; }
  .g-col--xl-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--xl-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--xl-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--xl-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--xl-push-1 { left: 8.33333%; }
  .g-col--xl-push-0_5 { left: 4.16667%; }
  .g-col--xl-offset-1 { margin-left: 8.33333%; }
  .g-col--xl-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--xl-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--xl-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--xl-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--xl-push-2 { left: 16.66667%; }
  .g-col--xl-push-1_5 { left: 12.5%; }
  .g-col--xl-offset-2 { margin-left: 16.66667%; }
  .g-col--xl-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--xl-3 { width: 25%; } }
  @supports (display: flex) { .g-col--xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--xl-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--xl-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--xl-push-3 { left: 25%; }
  .g-col--xl-push-2_5 { left: 20.83333%; }
  .g-col--xl-offset-3 { margin-left: 25%; }
  .g-col--xl-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--xl-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--xl-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--xl-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--xl-push-4 { left: 33.33333%; }
  .g-col--xl-push-3_5 { left: 29.16667%; }
  .g-col--xl-offset-4 { margin-left: 33.33333%; }
  .g-col--xl-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--xl-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--xl-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--xl-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--xl-push-5 { left: 41.66667%; }
  .g-col--xl-push-4_5 { left: 37.5%; }
  .g-col--xl-offset-5 { margin-left: 41.66667%; }
  .g-col--xl-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--xl-6 { width: 50%; } }
  @supports (display: flex) { .g-col--xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--xl-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--xl-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--xl-push-6 { left: 50%; }
  .g-col--xl-push-5_5 { left: 45.83333%; }
  .g-col--xl-offset-6 { margin-left: 50%; }
  .g-col--xl-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--xl-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--xl-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--xl-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--xl-push-7 { left: 58.33333%; }
  .g-col--xl-push-6_5 { left: 54.16667%; }
  .g-col--xl-offset-7 { margin-left: 58.33333%; }
  .g-col--xl-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--xl-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--xl-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--xl-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--xl-push-8 { left: 66.66667%; }
  .g-col--xl-push-7_5 { left: 62.5%; }
  .g-col--xl-offset-8 { margin-left: 66.66667%; }
  .g-col--xl-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--xl-9 { width: 75%; } }
  @supports (display: flex) { .g-col--xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--xl-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--xl-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--xl-push-9 { left: 75%; }
  .g-col--xl-push-8_5 { left: 70.83333%; }
  .g-col--xl-offset-9 { margin-left: 75%; }
  .g-col--xl-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--xl-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--xl-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--xl-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--xl-push-10 { left: 83.33333%; }
  .g-col--xl-push-9_5 { left: 79.16667%; }
  .g-col--xl-offset-10 { margin-left: 83.33333%; }
  .g-col--xl-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--xl-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--xl-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--xl-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--xl-push-11 { left: 91.66667%; }
  .g-col--xl-push-10_5 { left: 87.5%; }
  .g-col--xl-offset-11 { margin-left: 91.66667%; }
  .g-col--xl-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--xl-12 { width: 100%; } }
  @supports (display: flex) { .g-col--xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--xl-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--xl-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--xl-push-12 { left: 100%; }
  .g-col--xl-push-11_5 { left: 95.83333%; }
  .g-col--xl-offset-12 { margin-left: 100%; }
  .g-col--xl-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 1440px) { [class*="g-col--xxl-"] { display: block; }
  .g-col--xxl-no-gutter { padding-right: 0; padding-left: 0; }
  .g-col--xxl-gutter { padding-right: 10px; padding-left: 10px; }
  .g-col--xxl-left { float: left; }
  .g-col--xxl-right { float: right; }
  .g-col--xxl-push-0 { left: auto; }
  .g-col--xxl-offset-0 { margin-left: 0; }
  @supports not (display: flex) { .g-col--xxl-1 { width: 8.33333%; } }
  @supports (display: flex) { .g-col--xxl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  @supports not (display: flex) { .g-col--xxl-0_5 { width: 4.16667%; } }
  @supports (display: flex) { .g-col--xxl-0_5 { -ms-flex: 0 0 4.16667%; flex: 0 0 4.16667%; max-width: 4.16667%; } }
  .g-col--xxl-push-1 { left: 8.33333%; }
  .g-col--xxl-push-0_5 { left: 4.16667%; }
  .g-col--xxl-offset-1 { margin-left: 8.33333%; }
  .g-col--xxl-offset-0_5 { margin-left: 4.16667%; }
  @supports not (display: flex) { .g-col--xxl-2 { width: 16.66667%; } }
  @supports (display: flex) { .g-col--xxl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  @supports not (display: flex) { .g-col--xxl-1_5 { width: 12.5%; } }
  @supports (display: flex) { .g-col--xxl-1_5 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }
  .g-col--xxl-push-2 { left: 16.66667%; }
  .g-col--xxl-push-1_5 { left: 12.5%; }
  .g-col--xxl-offset-2 { margin-left: 16.66667%; }
  .g-col--xxl-offset-1_5 { margin-left: 12.5%; }
  @supports not (display: flex) { .g-col--xxl-3 { width: 25%; } }
  @supports (display: flex) { .g-col--xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  @supports not (display: flex) { .g-col--xxl-2_5 { width: 20.83333%; } }
  @supports (display: flex) { .g-col--xxl-2_5 { -ms-flex: 0 0 20.83333%; flex: 0 0 20.83333%; max-width: 20.83333%; } }
  .g-col--xxl-push-3 { left: 25%; }
  .g-col--xxl-push-2_5 { left: 20.83333%; }
  .g-col--xxl-offset-3 { margin-left: 25%; }
  .g-col--xxl-offset-2_5 { margin-left: 20.83333%; }
  @supports not (display: flex) { .g-col--xxl-4 { width: 33.33333%; } }
  @supports (display: flex) { .g-col--xxl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  @supports not (display: flex) { .g-col--xxl-3_5 { width: 29.16667%; } }
  @supports (display: flex) { .g-col--xxl-3_5 { -ms-flex: 0 0 29.16667%; flex: 0 0 29.16667%; max-width: 29.16667%; } }
  .g-col--xxl-push-4 { left: 33.33333%; }
  .g-col--xxl-push-3_5 { left: 29.16667%; }
  .g-col--xxl-offset-4 { margin-left: 33.33333%; }
  .g-col--xxl-offset-3_5 { margin-left: 29.16667%; }
  @supports not (display: flex) { .g-col--xxl-5 { width: 41.66667%; } }
  @supports (display: flex) { .g-col--xxl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  @supports not (display: flex) { .g-col--xxl-4_5 { width: 37.5%; } }
  @supports (display: flex) { .g-col--xxl-4_5 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } }
  .g-col--xxl-push-5 { left: 41.66667%; }
  .g-col--xxl-push-4_5 { left: 37.5%; }
  .g-col--xxl-offset-5 { margin-left: 41.66667%; }
  .g-col--xxl-offset-4_5 { margin-left: 37.5%; }
  @supports not (display: flex) { .g-col--xxl-6 { width: 50%; } }
  @supports (display: flex) { .g-col--xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  @supports not (display: flex) { .g-col--xxl-5_5 { width: 45.83333%; } }
  @supports (display: flex) { .g-col--xxl-5_5 { -ms-flex: 0 0 45.83333%; flex: 0 0 45.83333%; max-width: 45.83333%; } }
  .g-col--xxl-push-6 { left: 50%; }
  .g-col--xxl-push-5_5 { left: 45.83333%; }
  .g-col--xxl-offset-6 { margin-left: 50%; }
  .g-col--xxl-offset-5_5 { margin-left: 45.83333%; }
  @supports not (display: flex) { .g-col--xxl-7 { width: 58.33333%; } }
  @supports (display: flex) { .g-col--xxl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  @supports not (display: flex) { .g-col--xxl-6_5 { width: 54.16667%; } }
  @supports (display: flex) { .g-col--xxl-6_5 { -ms-flex: 0 0 54.16667%; flex: 0 0 54.16667%; max-width: 54.16667%; } }
  .g-col--xxl-push-7 { left: 58.33333%; }
  .g-col--xxl-push-6_5 { left: 54.16667%; }
  .g-col--xxl-offset-7 { margin-left: 58.33333%; }
  .g-col--xxl-offset-6_5 { margin-left: 54.16667%; }
  @supports not (display: flex) { .g-col--xxl-8 { width: 66.66667%; } }
  @supports (display: flex) { .g-col--xxl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  @supports not (display: flex) { .g-col--xxl-7_5 { width: 62.5%; } }
  @supports (display: flex) { .g-col--xxl-7_5 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } }
  .g-col--xxl-push-8 { left: 66.66667%; }
  .g-col--xxl-push-7_5 { left: 62.5%; }
  .g-col--xxl-offset-8 { margin-left: 66.66667%; }
  .g-col--xxl-offset-7_5 { margin-left: 62.5%; }
  @supports not (display: flex) { .g-col--xxl-9 { width: 75%; } }
  @supports (display: flex) { .g-col--xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  @supports not (display: flex) { .g-col--xxl-8_5 { width: 70.83333%; } }
  @supports (display: flex) { .g-col--xxl-8_5 { -ms-flex: 0 0 70.83333%; flex: 0 0 70.83333%; max-width: 70.83333%; } }
  .g-col--xxl-push-9 { left: 75%; }
  .g-col--xxl-push-8_5 { left: 70.83333%; }
  .g-col--xxl-offset-9 { margin-left: 75%; }
  .g-col--xxl-offset-8_5 { margin-left: 70.83333%; }
  @supports not (display: flex) { .g-col--xxl-10 { width: 83.33333%; } }
  @supports (display: flex) { .g-col--xxl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  @supports not (display: flex) { .g-col--xxl-9_5 { width: 79.16667%; } }
  @supports (display: flex) { .g-col--xxl-9_5 { -ms-flex: 0 0 79.16667%; flex: 0 0 79.16667%; max-width: 79.16667%; } }
  .g-col--xxl-push-10 { left: 83.33333%; }
  .g-col--xxl-push-9_5 { left: 79.16667%; }
  .g-col--xxl-offset-10 { margin-left: 83.33333%; }
  .g-col--xxl-offset-9_5 { margin-left: 79.16667%; }
  @supports not (display: flex) { .g-col--xxl-11 { width: 91.66667%; } }
  @supports (display: flex) { .g-col--xxl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  @supports not (display: flex) { .g-col--xxl-10_5 { width: 87.5%; } }
  @supports (display: flex) { .g-col--xxl-10_5 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } }
  .g-col--xxl-push-11 { left: 91.66667%; }
  .g-col--xxl-push-10_5 { left: 87.5%; }
  .g-col--xxl-offset-11 { margin-left: 91.66667%; }
  .g-col--xxl-offset-10_5 { margin-left: 87.5%; }
  @supports not (display: flex) { .g-col--xxl-12 { width: 100%; } }
  @supports (display: flex) { .g-col--xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  @supports not (display: flex) { .g-col--xxl-11_5 { width: 95.83333%; } }
  @supports (display: flex) { .g-col--xxl-11_5 { -ms-flex: 0 0 95.83333%; flex: 0 0 95.83333%; max-width: 95.83333%; } }
  .g-col--xxl-push-12 { left: 100%; }
  .g-col--xxl-push-11_5 { left: 95.83333%; }
  .g-col--xxl-offset-12 { margin-left: 100%; }
  .g-col--xxl-offset-11_5 { margin-left: 95.83333%; } }

/* ========================================================================== Header @mixin ========================================================================= */
.l-header { width: 100%; }

.l-main { width: 100%; }

/* ========================================================================== Footer @mixin ========================================================================= */
.l-footer { background-color: #010047; width: 100%; }

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

.l-footer__section { padding: 40px 0; color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.l-footer__section--claim { font-size: 30px; }

@media (min-width: 992px) { .l-footer__section--claim { font-size: 40px; } }

.l-footer__section--legals { border-bottom: 0; }

@media (min-width: 992px) { .l-footer__section { border-bottom: 0; padding: 0; }
  .l-footer__section--address, .l-footer__section--contact { margin-bottom: 60px; } }

.l-footer__title { font-size: 25px; margin-bottom: 1em; }

.l-footer__content { font-size: 18px; line-height: 1.3em; }

.l-footer__content:not(li) { margin-bottom: 1em; }

.l-footer__content:last-child { margin-bottom: 0; }

.l-footer__content a { text-decoration: none; display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.l-footer__content a:hover { background-size: 100% 100%; }

.l-section { display: block; overflow: hidden; }

.l-section--fs { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.l-section:not(.no-reveal) .l-section__inner { opacity: 0; -ms-transform: scale(1.05); transform: scale(1.05); transition: opacity 1.1s cubic-bezier(0.4, 0, 0.2, 1) 0.4s, transform 1.1s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.l-section:not(.no-reveal).is-reveal .l-section__inner { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.l-section__inner:not(.l-section__inner--fh) { margin-top: 3em; margin-bottom: 3em; }

@media (min-width: 992px) { .l-section__inner:not(.l-section__inner--fh) { margin-top: 6em; margin-bottom: 6em; } }

@media (min-width: 1280px) { .l-section__inner:not(.l-section__inner--fh) { margin-top: 7em; margin-bottom: 7em; } }

.l-section__next { position: absolute; bottom: 1em; left: 50%; display: -ms-flexbox; display: flex; width: 1em; height: 1em; transforn: translateX(-50%); color: #010047; transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.l-section__next .o-icon { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: .5em; }

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

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

ol, ul { list-style: none; }

q, blockquote { quotes: none; }

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

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

button { background-color: transparent; cursor: pointer; }

/* ========================================================================== Global settings @mixin ========================================================================= */
*, *:after, *:before { position: relative; box-sizing: inherit; outline: none; }

html { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-weight: 400; line-height: 1.3em; font-family: "Athletics"; box-sizing: border-box; color: #010047; }

@media (min-width: 1280px) { html { font-size: 30px; } }

body { width: 100%; overflow-x: hidden; }

body::-webkit-scrollbar-track { background-color: #d9d9d9; }

body::-webkit-scrollbar { width: 8px; }

body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #010047; border: 1px solid #d9d9d9; min-height: 30px; }

@media (min-width: 992px) { body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; min-height: 100vh; } }

strong, b { font-weight: 500; }

title { display: none; }

/* ========================================================================== Typography basics @mixin ========================================================================= */
@font-face { font-family: "Athletics"; src: url("../../assets/fonts/athletics/regular.woff") format("woff2"), url("../../assets/fonts/athletics/regular.woff") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Athletics"; src: url("http://somoshermosa.es/assets/fonts/athletics/italic.woff2") format("woff2"), url("http://somoshermosa.es/assets/fonts/athletics/italic.woff") format("woff"); font-weight: 400; font-style: italic; }

@font-face { font-family: "Athletics"; src: url("http://somoshermosa.es/assets/fonts/athletics/light.woff2") format("woff2"), url("http://somoshermosa.es/assets/fonts/athletics/light.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: "Athletics"; src: url("http://somoshermosa.es/assets/fonts/athletics/light-italic.woff2") format("woff2"), url("http://somoshermosa.es/assets/fonts/athletics/light-italic.woff") format("woff"); font-weight: 300; font-style: italic; }

@font-face { font-family: "Para Supreme"; src: url("http://somoshermosa.es/assets/fonts/para-supreme/regular-normal.woff2") format("woff2"), url("http://somoshermosa.es/assets/fonts/para-supreme/regular-normal.woff") format("woff"); font-weight: 400; font-style: normal; }

.t-title { font-family: "Para Supreme"; line-height: 1.2em; font-weight: 400; }

@media (min-width: 992px) { .t-title { line-height: 1.1em; } }

.t-title--secondary { font-family: "Athletics"; }

.t-title--light { font-family: "Athletics"; font-weight: 300; }

sub, sup, small { font-size: 0.75em; }

sup { vertical-align: super; }

sub { vertical-align: baseline; }

a { color: inherit; }

strong { font-weight: 500; }

/* Selection @mixin ========================================================================= */
::-moz-selection { text-shadow: none; color: #FFF; background: #f58b7e; }

::selection { text-shadow: none; color: #FFF; background: #f58b7e; }

.o-icon { display: -ms-inline-flexbox; display: inline-flex; width: 1em; height: 1em; font-size: 1rem; }

.o-icon--deg45 { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.o-icon--deg90 { -ms-transform: rotate(90deg); transform: rotate(90deg); }

.o-icon--deg270 { -ms-transform: rotate(270deg); transform: rotate(270deg); }

.o-icon__svg { fill: currentColor; font-size: 1em; width: 100%; }

.o-img { display: block; width: 100%; height: ayto; }

.o-img--fs { height: 100vh; }

.o-img--fs img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.o-video { width: 100%; max-height: 630px; margin: auto; }

.o-video.is-playing .o-video__cover, .o-video.is-playing .o-video__play { opacity: 0; z-index: -1; transition: z-index .4s step-end, opacity .4s ease-out; }

.o-video__cover, .o-video__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.o-video__cover { z-index: 1; }

.o-video__cover img { -o-object-fit: cover; object-fit: cover; }

.o-video__play { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 60px; height: 60px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.5); border-radius: 100%; text-align: center; }

.o-video__play .o-icon { position: absolute; top: 50%; left: 55%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 3rem; }

.o-logo { position: absolute; top: 0; left: 0; width: 33px; z-index: 101; font-size: 7em; overflow: hidden; transition: all 0.8s step-end; transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1); cursor: default; }

.o-logo:after { content: ''; position: absolute; top: calc(100% - 7px); left: 25px; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #010047; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }

@media (min-width: 992px) { .o-logo { left: 10px; } }

@media (min-width: 1280px) { .o-logo { font-size: 6.5em; width: 45px; }
  .o-logo:after { top: calc(100% - 10px); left: 35px; width: 8px; height: 8px; } }

.o-logo [class*='g-col-'] { padding: 0; }

.o-logo .o-logo__svg { width: 1em; height: 0.19em; }

.o-logo .o-logo__svg path { fill: #010047; }

.o-logo .o-logo__svg path:not(:first-child) { -ms-transform: translateX(20px); transform: translateX(20px); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.o-logo .o-logo__svg path:nth-child(2) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.275s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.25s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo .o-logo__svg path:nth-child(3) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.22s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo .o-logo__svg path:nth-child(4) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.165s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo .o-logo__svg path:nth-child(5) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.11s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo .o-logo__svg path:nth-child(6) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.055s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.05s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo .o-logo__svg path:nth-child(7) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 0; -ms-transform-origin: center center; transform-origin: center center; }

.o-logo.is-hover { width: 100%; transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.o-logo.is-hover:after { -ms-transform: translateX(-11px); transform: translateX(-11px); transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); }

@media (min-width: 1280px) { .o-logo.is-hover:after { -ms-transform: translateX(-15px); transform: translateX(-15px); } }

.o-logo.is-hover .o-logo__svg path { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.o-logo.is-hover .o-logo__svg path:nth-child(2) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.11s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.o-logo.is-hover .o-logo__svg path:nth-child(3) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.165s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; }

.o-logo.is-hover .o-logo__svg path:nth-child(4) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.22s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }

.o-logo.is-hover .o-logo__svg path:nth-child(5) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.275s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.25s; }

.o-logo.is-hover .o-logo__svg path:nth-child(6) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.33s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; }

.o-logo.is-hover .o-logo__svg path:nth-child(7) { transition: opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.385s, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.35s; }

.logo__switch { position: absolute; bottom: 0; left: 0; z-index: 1; width: 33px; height: 50%; cursor: pointer; }

.o-ratio { display: block; width: 100%; height: 0; padding-top: 100%; }

.o-ratio__img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.o-burger { position: absolute; top: 35px; right: 8.33333%; z-index: 101; display: block; width: 20px; height: 20px; }

.o-burger .o-burguer__line { position: absolute; left: 0; display: block; width: 100%; height: 2px; background-color: #010047; transition: all .2s ease-in .2s; }

.o-burger .o-burguer__line:first-child { top: 2px; }

.o-burger .o-burguer__line:nth-child(2), .o-burger .o-burguer__line:nth-child(3), .o-burger .o-burguer__line:nth-child(4) { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.o-burger .o-burguer__line:nth-child(3), .o-burger .o-burguer__line:nth-child(4) { transition: all .2s ease-in; opacity: 0; }

.o-burger .o-burguer__line:last-child { bottom: 2px; }

.o-burger.is-open .o-burguer__line { transition: all .2s ease-in; }

.o-burger.is-open .o-burguer__line:first-child { top: 50%; opacity: 0; }

.o-burger.is-open .o-burguer__line:nth-child(2) { opacity: 0; }

.o-burger.is-open .o-burguer__line:nth-child(3) { opacity: 1; -ms-transform-origin: center center; transform-origin: center center; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .2s ease-in .2s; }

.o-burger.is-open .o-burguer__line:nth-child(4) { opacity: 1; -ms-transform-origin: center center; transform-origin: center center; -ms-transform: rotate(45deg); transform: rotate(45deg); transition: all .2s ease-in .2s; }

.o-burger.is-open .o-burguer__line:last-child { opacity: 0; bottom: 50%; }

@media (min-width: 992px) { .o-burger { display: none; } }

.o-instagram-switch { position: fixed; top: 50%; right: 0; line-height: 1; -ms-transform: rotate(-90deg) translateY(-50%); transform: rotateZ(-90deg) translateY(-50%); -ms-transform-origin: 75% 0; transform-origin: 75% 0; font-size: 17px; font-size: 14px; text-decoration: none; font-weight: 300; display: inline; background-image: linear-gradient(transparent calc(100% - 1px), #010047 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1), top 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.o-instagram-switch:hover { background-size: 100% 100%; }

.c-nav { position: fixed; top: 0; left: 0; z-index: -1; width: 100vw; height: 100vh; background-color: #f58b7e; opacity: 0; transition: z-index 0.4s step-end, opacity .4s ease-out, transform .4s ease-out; }

.c-nav.is-visible { display: block; opacity: 1; z-index: 100; -ms-transform: scale(1); transform: scale(1); transition: z-index 0.4s step-start, opacity .4s ease-out, transform .4s ease-out; }

.c-nav.is-visible .c-nav__menu { -ms-transform: scale(1); transform: scale(1); }

@media (min-width: 992px) { .c-nav { position: absolute; display: block; background-color: transparent; height: auto; z-index: 100; -ms-transform: scale(1); transform: scale(1); opacity: 1; } }

.c-nav__menu { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-transform: scale(0.95); transform: scale(0.95); transition: all .4s ease-out; }

@media (min-width: 992px) { .c-nav__menu { -ms-flex-direction: row; flex-direction: row; height: auto; padding-top: 1.4em; } }

.c-nav__item { margin: .7em 0; }

.c-nav__item.is-active .c-nav__link { display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); background-size: 100% 100%; }

.c-nav__item.is-active .c-nav__link:hover { background-size: 100% 100%; }

@media (min-width: 992px) { .c-nav__item { margin: 0 .7em; } }

.c-nav__link { font-size: 27px; text-decoration: none; font-weight: 300; display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.c-nav__link:hover { background-size: 100% 100%; }

@media (min-width: 992px) { .c-nav__link { font-size: 18px; } }

.c-nav__close { position: absolute; top: 1em; right: 1em; z-index: 100; display: block; width: 30px; height: 30px; }

.c-nav__close svg { width: 100%; height: 100%; }

.c-nav__close svg path, .c-nav__close svg polygon, .c-nav__close svg rect { fill: #010047; stroke-width: 1; }

@media (min-width: 992px) { .c-nav__close { display: none; } }

.c-video { width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; }

.c-video--4-3 { padding-top: 75%; }

.c-video--21-9 { padding-top: 42.85714%; }

@media (min-width: 992px) { .c-video--fs { height: 100vh; padding-top: 0; } }

.c-video--fs.is-playing .c-video__cover, .c-video--fs.is-playing .c-video__inner { -ms-transform: scale(1.1); transform: scale(1.1); }

.c-video--fs.is-playing:hover .c-video__hover-msg { opacity: 1; z-index: 1; }

.c-video.is-playing .c-video__cover, .c-video.is-playing .c-video__inner { opacity: 0; z-index: -1; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, z-index 0.8s step-end; }

.c-video.is-playing:hover .c-video__hover-msg { opacity: 1; z-index: 1; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 1s, opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.2s, z-index 0.8s step-start 1s; }

.c-video .plyr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-video__cover, .c-video__inner { transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.8s step-start; opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.c-video__hover-msg { transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), z-index 0.8s step-end; opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.c-video__player { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.c-video__cover { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

.c-video__cover img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.c-video__inner, .c-video__hover-msg { position: absolute; top: 0; left: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; background-color: rgba(1, 0, 71, 0.1); cursor: pointer; font-size: 21px; color: white; }

@media (min-width: 992px) { .c-video__inner, .c-video__hover-msg { font-size: 42px; } }

.c-video__hover-msg { opacity: 0; z-index: -1; }

.c-slider { width: 100%; overflow: hidden; }

.c-slider:not(.c-slider--auto) { height: 100vh; }

.c-slider:not(.c-slider--auto) .flickity-viewport { height: 100% !important; }

.c-slider--fsAnimation .c-slider__img img { -ms-transform: scale(1); transform: scale(1); transition: transform .4s ease-out .2s; }

.c-slider--fsAnimation .c-slider__title { transition: all .4s ease-out .2s; }

.c-slider--fsAnimation .c-slider__desc { transition: all .4s ease-out .4s; }

.c-slider--fsAnimation .c-slider__btn { transition: all .4s ease-out .6s; }

.c-slider--fsAnimation .c-slider__title, .c-slider--fsAnimation .c-slider__desc, .c-slider--fsAnimation .c-slider__btn { max-width: 300px; opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); }

@media (min-width: 480px) { .c-slider--fsAnimation .c-slider__title, .c-slider--fsAnimation .c-slider__desc, .c-slider--fsAnimation .c-slider__btn { max-width: 500px; } }

@media (min-width: 768px) { .c-slider--fsAnimation .c-slider__title, .c-slider--fsAnimation .c-slider__desc, .c-slider--fsAnimation .c-slider__btn { max-width: 800px; } }

.c-slider--fsAnimation .c-slider__item.is-selected .c-slider__title, .c-slider--fsAnimation .c-slider__item.is-selected .c-slider__desc, .c-slider--fsAnimation .c-slider__item.is-selected .c-slider__btn { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }

.c-slider--fsAnimation .c-slider__item.is-selected .c-slider__img img { -ms-transform: scale(1.02); transform: scale(1.02); }

.c-slider__item { width: 100vw; height: 100vh; }

.c-slider__inner, .c-slider__img, .c-slider__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-slider__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.c-slider__content { z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: rgba(0, 0, 0, 0.2); color: #FFF; padding: 0 2em; cursor: -webkit-grab; cursor: grab; }

.c-slider__content--clear { background-color: transparent; }

.c-slider__title { font-size: 15px; line-height: 1em; }

@media (min-width: 992px) { .c-slider__title { font-size: 23px; } }

.c-slider__desc { font-size: 21px; margin-top: .25em; line-height: 1em; }

@media (min-width: 992px) { .c-slider__desc { font-size: 42px; } }

.c-slider__btn { font-size: 15px; margin-top: 1em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; }

.c-slider__btn .o-icon { width: 1em; height: 1em; top: -1px; margin-left: .5em; fill: #FFF; font-size: .9em; }

@media (min-width: 992px) { .c-slider__btn { font-size: 23px; } }

.c-accordion { height: calc(100vh - 100px); max-height: 900px; overflow: hidden; }

@media (min-width: 992px) { .c-accordion.is-1 .c-accordion__item > .c-accordion__title { opacity: 0; }
  .c-accordion.is-1 .c-accordion__item:nth-child(1) { -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); }
  .c-accordion.is-1 .c-accordion__item:nth-child(1) .c-accordion__inner { opacity: 1; z-index: 10; -ms-transform: scale(1); transform: scale(1); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }
  .c-accordion.is-1 .c-accordion__item:nth-child(1) .c-accordion__content { opacity: 1; }
  .c-accordion.is-2 .c-accordion__item > .c-accordion__title { opacity: 0; }
  .c-accordion.is-2 .c-accordion__item:nth-child(2) { -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); }
  .c-accordion.is-2 .c-accordion__item:nth-child(2) .c-accordion__inner { opacity: 1; z-index: 10; -ms-transform: scale(1); transform: scale(1); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }
  .c-accordion.is-2 .c-accordion__item:nth-child(2) .c-accordion__content { opacity: 1; }
  .c-accordion.is-3 .c-accordion__item > .c-accordion__title { opacity: 0; }
  .c-accordion.is-3 .c-accordion__item:nth-child(3) { -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); }
  .c-accordion.is-3 .c-accordion__item:nth-child(3) .c-accordion__inner { opacity: 1; z-index: 10; -ms-transform: scale(1); transform: scale(1); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }
  .c-accordion.is-3 .c-accordion__item:nth-child(3) .c-accordion__content { opacity: 1; }
  .c-accordion.is-4 .c-accordion__item > .c-accordion__title { opacity: 0; }
  .c-accordion.is-4 .c-accordion__item:nth-child(4) { -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); }
  .c-accordion.is-4 .c-accordion__item:nth-child(4) .c-accordion__inner { opacity: 1; z-index: 10; -ms-transform: scale(1); transform: scale(1); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }
  .c-accordion.is-4 .c-accordion__item:nth-child(4) .c-accordion__content { opacity: 1; } }

.c-accordion__item { padding: 0; }

@media (min-width: 992px) { .c-accordion__item { height: 100%; } }

.c-accordion__item:after { content: '+'; position: absolute; bottom: 1em; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; font-size: 1.2em; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.8s, content 0.4s step-end 0.8s; }

.c-accordion__item.is-visible:after { content: '-'; }

.c-accordion__item--consultoria { background-color: #010047; }

.c-accordion__item--consultoria .c-accordion__inner { background-color: #010047; }

.c-accordion__item--estrategia { background-color: #f58b7e; }

.c-accordion__item--estrategia .c-accordion__inner { background-color: #f58b7e; }

.c-accordion__item--comunicacion { background-color: #cebaae; }

.c-accordion__item--comunicacion .c-accordion__inner { background-color: #cebaae; }

.c-accordion__item--branding { background-color: #bcc3d5; }

.c-accordion__item--branding .c-accordion__inner { background-color: #bcc3d5; }

.c-accordion__item > .c-accordion__title { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotateZ(-90deg); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

@media (min-width: 992px) { .c-accordion__item > .c-accordion__title { -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (min-width: 992px) { .c-accordion__item .c-accordion__title { font-size: 30px; } }

@media (min-width: 1280px) { .c-accordion__item .c-accordion__title { font-size: 46px; } }

@media (max-width: 991px) { .c-accordion__item:nth-child(1) .c-accordion__inner { left: 0; }
  .c-accordion__item:nth-child(2) .c-accordion__inner { left: calc(-100vw / 4); }
  .c-accordion__item:nth-child(3) .c-accordion__inner { left: calc((-100vw / 4) * 2); }
  .c-accordion__item:nth-child(4) .c-accordion__inner { left: calc((-100vw / 4) * 3); } }

@media (min-width: 992px) { .c-accordion__item { transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; overflow: hidden; } }

.c-accordion__title { color: #FFF; font-family: "Para Supreme"; font-size: 27px; }

@media (min-width: 992px) { .c-accordion__title { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } }

.c-accordion__inner { position: absolute; top: 0; left: 0; z-index: -1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100vw; height: calc(100% - (100vw / 4)); padding: 3em 2em; font-size: 17px; color: #FFF; opacity: 0; -ms-transform: scale(1.1); transform: scale(1.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

@media (max-width: 991px) { .c-accordion__item.is-visible .c-accordion__inner { opacity: 1; z-index: 10; -ms-transform: scale(1); transform: scale(1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; } }

@media (min-width: 992px) { .c-accordion__inner { position: relative; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; left: auto; margin: auto; font-size: 26px; }
  .c-accordion__inner > .c-accordion__title { margin-right: 1em; margin-left: auto; }
  .c-accordion__inner > .c-accordion__content { margin-right: auto; } }

.c-accordion__inner > * { margin-bottom: 1em; }

.c-accordion__inner > *:last-child { margin-bottom: 0; }

.c-accordion__inner ul li { padding-left: 20px; }

.c-accordion__inner ul li:before { content: '→'; position: absolute; top: 0; left: 0; }

@media (min-width: 992px) { .c-accordion__content { opacity: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; width: auto; } }

.c-accordion.is-1 .c-accordion__item, .c-accordion.is-2 .c-accordion__item, .c-accordion.is-3 .c-accordion__item, .c-accordion.is-4 .c-accordion__item { transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }

@media (min-width: 992px) { .c-accordion.is-1 .c-accordion__item:after, .c-accordion.is-2 .c-accordion__item:after, .c-accordion.is-3 .c-accordion__item:after, .c-accordion.is-4 .c-accordion__item:after { transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } }

.c-accordion.is-1 .c-accordion__item > .c-accordion__title, .c-accordion.is-2 .c-accordion__item > .c-accordion__title, .c-accordion.is-3 .c-accordion__item > .c-accordion__title, .c-accordion.is-4 .c-accordion__item > .c-accordion__title { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.c-accordion.is-1 .c-accordion__item:nth-child(1):after { content: '-'; }

.c-accordion.is-2 .c-accordion__item:nth-child(2):after { content: '-'; }

.c-accordion.is-3 .c-accordion__item:nth-child(3):after { content: '-'; }

.c-accordion.is-4 .c-accordion__item:nth-child(4):after { content: '-'; }

@media (min-width: 992px) { .c-accordion .c-accordion__content { width: 40vw; } }

.c-loader { position: fixed; top: 0; left: 0; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; background-color: #FFF; }

.c-loader.is-loaded .c-loader__progress:before { width: 200%; -ms-transform: translateY(-50%) skew(0); transform: translateY(-50%) skew(0); }

.c-loader.is-hide { transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), z-index 1s step-end; z-index: -1; opacity: 0; }

.c-loader__progress { width: 80%; max-width: 200px; background-color: rgba(1, 0, 71, 0.2); overflow: hidden; margin-top: -70px; }

@media (min-width: 992px) { .c-loader__progress { margin-top: 0; } }

.c-loader__progress:before { content: ''; position: absolute; top: 50%; left: -15%; width: 0; height: 200%; -ms-transform: translateY(-50%) skew(30deg); transform: translateY(-50%) skew(30deg); background-color: #010047; transition: all 3s cubic-bezier(0.4, 0, 0.2, 1); }

.c-loader__mask { display: block; width: 100%; height: auto; }

/* ========================================================================== Display & position @mixin ========================================================================= */
.u-none { display: none; }

.u-table { display: table; }

.u-cell { display: table-cell; }

.u-inlbk { display: inline-block; }

.u-block { display: inline-block; }

.u-clearfix:after { content: ""; clear: both; display: block; }

.u-clear { clear: both; }

.u-clear-left { clear: left; }

.u-clear-right { clear: right; }

.u-img { display: block; width: 100%; height: auto; }

/* ========================================================================== Typography @mixin ========================================================================= */
.u-tac { text-align: center; }

.u-tal { text-align: left; }

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

.u-hide { display: none; }

@media (max-width: 374px) { .u-visible-ss { display: none !important; } }

@media (min-width: 375px) { .u-hide-ss { display: none !important; } }

@media (max-width: 479px) { .u-visible-s { display: none !important; } }

@media (min-width: 480px) { .u-hide-s { display: none !important; } }

@media (max-width: 767px) { .u-visible-m { display: none !important; } }

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

@media (max-width: 991px) { .u-visible-l { display: none !important; } }

@media (min-width: 992px) { .u-hide-l { display: none !important; } }

@media (max-width: 1279px) { .u-visible-xl { display: none !important; } }

@media (min-width: 1280px) { .u-hide-xl { display: none !important; } }

@media (max-width: 1439px) { .u-visible-xxl { display: none !important; } }

@media (min-width: 1440px) { .u-hide-xxl { display: none !important; } }

[class*="g-col-"].flex:not(.u-flex--l), [class*="g-col-"].flex:not(.u-flex--m) { float: none; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { [class*="g-col-"].flex--m { float: none; display: -ms-flexbox; display: flex; } }

@media (min-width: 992px) { [class*="g-col-"].flex--l { float: none; display: -ms-flexbox; display: flex; } }

.u-flex { -ms-flex-align: center; align-items: center; }

.u-flex--block { width: 100%; }

.u-flex:not(.u-flex--m):not(.u-flex--l) { display: -ms-flexbox; display: flex; }

.u-flex--jcenter { -ms-flex-pack: center; justify-content: center; }

.u-flex--jbetween { -ms-flex-pack: justify; justify-content: space-between; }

.u-flex--jright { -ms-flex-pack: end; justify-content: flex-end; }

.u-flex--atop { -ms-flex-align: start; align-items: flex-start; }

.u-flex--aleft { -ms-flex-align: start; align-items: flex-start; }

.u-flex--acenter { -ms-flex-align: center; align-items: center; }

.u-flex--aright { -ms-flex-align: end; align-items: flex-end; }

.u-flex--abottom { -ms-flex-align: end; align-items: flex-end; }

.u-flex--abaseline { -ms-flex-align: baseline; align-items: baseline; }

.u-flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.u-flex--column { -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .u-flex--m { display: -ms-flexbox; display: flex; } }

@media (min-width: 992px) { .u-flex--l { display: -ms-flexbox; display: flex; }
  .u-flex--l.u-flex--acenter { -ms-flex-align: center; align-items: center; } }

.u-flex__right { margin-left: auto; }

.u-flex__bottom { margin-top: auto; }

.u-flex__top { margin-bottom: auto; }

.p-home .l-section--main { -ms-flex-pack: start; justify-content: flex-start; }

.p-home .l-section--main .js-phrase-list { display: none; }

.p-home .l-section--main .t-title { font-size: 28px; line-height: 1.3em; }

@media (min-width: 375px) { .p-home .l-section--main .t-title { font-size: 36px; } }

@media (max-width: 991px) { .p-home .l-section--main .t-title { position: absolute; top: 2em; left: 0; }
  .p-home .l-section--main [class*='g-col'] { padding: 0; } }

@media (min-width: 992px) { .p-home .l-section--main .t-title { font-size: 57px; }
  .p-home .l-section--main .l-section__inner { max-width: 800px; } }

.p-home .l-section--manifesto > .g-wrap { padding: 0; max-width: 100%; }

.p-home .l-section--manifesto > .g-wrap > .g-row { margin: 0; }

.p-home .l-section--manifesto > .g-wrap > .g-row > [class*='g-col'] { padding: 0; }

.p-home .l-section--manifesto .l-section__next { color: #FFF; }

@media (max-width: 991px) { .p-home .l-section--manifesto .c-video__hover-msg { top: 35px; height: calc(100% - 70px); } }

@media (min-width: 992px) { .p-home .l-section--intro .l-section__inner { max-width: 800px; } }

.p-home .l-section--intro p { font-size: 24px; line-height: 1.3em; }

@media (min-width: 992px) { .p-home .l-section--intro p { font-size: 42px; } }

.p-home .l-section--works > .g-wrap { padding: 0; max-width: 100%; }

@media (max-width: 991px) { .p-home .l-section--works .flickity-button { display: none; }
  .p-home .l-section--works > .g-wrap, .p-home .l-section--works > .g-wrap .g-row, .p-home .l-section--works > .g-wrap [class*="col-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } }

.p-somos .l-section .l-section__inner p { font-weight: 300; }

.p-somos .l-section--main .l-section__next[href="#sct-murray"] { top: calc(100vh - 2em); bottom: auto; }

@media (max-width: 991px) { .p-somos .l-section--main .l-section__inner { margin-top: 0; margin-bottom: 0; }
  .p-somos .l-section--main .l-section__inner [class*='g-col-'] { padding: 0; } }

.p-somos .l-section--main .l-section__inner--content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; }

@media (min-width: 992px) { .p-somos .l-section--main .l-section__inner--content .t-title { margin-top: 80px; }
  .p-somos .l-section--main .l-section__inner--content p:last-child { margin-bottom: 80px; } }

.p-somos .l-section--main .l-section__inner--media { display: -ms-flexbox; display: flex; padding-top: 1em; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.p-somos .l-section--main .l-section__inner--media img { display: block; width: 100%; max-width: 300px; margin: auto; }

@media (min-width: 992px) { .p-somos .l-section--main .l-section__inner--media img { max-width: 500px; } }

.p-somos .l-section--main .l-section__inner--media p { width: 70%; line-height: 1.3em; margin: 1em auto 0 auto; font-size: 15px; text-align: center; }

@media (min-width: 992px) { .p-somos .l-section--main .l-section__inner--media { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; margin: 0 5em; padding-top: 0; }
  .p-somos .l-section--main .l-section__inner--media p { margin: 1em auto 0 auto; } }

.p-somos .l-section--intro .l-section__inner { min-height: calc(100vh - 4em); }

.p-somos .l-section--intro p { margin-bottom: 1em; }

.p-somos .l-section--intro p:last-child { margin-bottom: 0; }

.p-somos .l-section--services .g-wrap { padding: 0; }

.p-somos .l-section--services .g-row { margin: 0; }

.p-somos .l-section--services [class*='g-col-'] { padding: 0; }

.p-somos .l-section--clients .t-title { text-align: center; }

@media (min-width: 992px) { .p-somos .l-section--clients .p-somos__clients { text-align: center; } }

.p-somos .l-section--clients .p-somos__client { text-align: center; }

.p-somos .l-section--clients .p-somos__client:hover .p-somos__client-logo { opacity: 1; z-index: auto; }

@media (min-width: 992px) { .p-somos .l-section--clients .p-somos__client { display: inline-block; padding: 0 1em; } }

.p-somos .l-section--clients .p-somos__client-name { font-size: 40px; line-height: 1.3em; font-family: "Para Supreme"; }

@media (min-width: 992px) { .p-somos .l-section--clients .p-somos__client-name { font-size: 57px; } }

.p-somos .l-section--clients .p-somos__client-logo { position: absolute; top: 50%; left: 50%; display: block; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; opacity: 0; transition: opacity .4s ease-out; }

.p-somos .l-section .t-title { font-size: 27px; margin-bottom: .7em; }

.p-somos .l-section .t-title:not(.t-title--secondary) { padding-bottom: .7em; }

.p-somos .l-section .t-title:not(.t-title--secondary):after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 50px; height: 2px; background-color: #010047; }

@media (min-width: 992px) { .p-somos .l-section .t-title { font-size: 47px; }
  .p-somos .l-section .t-title--secondary { font-size: 37px; } }

@media (min-width: 1280px) { .p-somos .l-section .t-title { font-size: 57px; } }

.p-estamos .l-section--main { font-family: "Para Supreme"; text-align: center; font-size: 26px; padding: 4em 0 2em 0; }

@media (min-width: 992px) { .p-estamos .l-section--main { font-size: 57px; padding: 3em 0; } }

.p-estamos .l-section__inner { margin-bottom: 2em; line-height: 1.3em; }

@media (min-width: 992px) { .p-estamos .l-section__inner { margin-bottom: 1em; } }

.p-estamos .l-section__inner:last-child { margin-bottom: 0; }

.p-estamos .l-section__inner--address p a { font-size: 13px; }

@media (min-width: 992px) { .p-estamos .l-section__inner--address p a { font-size: 23px; } }

.p-estamos .l-section__inner--address p.p-estamos__maplink { margin-top: -.5em; }

.p-estamos .l-section__inner--address p.p-estamos__maplink a { font-size: 13px; font-weight: 300; font-family: "Athletics"; display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.p-estamos .l-section__inner--address p.p-estamos__maplink a:hover { background-size: 100% 100%; }

@media (min-width: 992px) { .p-estamos .l-section__inner--address p.p-estamos__maplink a { font-size: 17px; } }

.p-estamos p a, .p-estamos li a { text-decoration: none; display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.p-estamos p a:hover, .p-estamos li a:hover { background-size: 100% 100%; }

.p-estamos__title { margin-bottom: .5em; font-size: 13px; font-weight: 300; }

@media (min-width: 992px) { .p-estamos__title { font-size: 23px; } }

.p-hacemos { overflow: hidden; }

.p-hacemos .l-section { min-height: 100vh; }

.p-hacemos .l-section--works { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

@media (max-width: 991px) { .p-hacemos .flickity-page-dots { bottom: 3em; }
  .p-hacemos .c-slider__img img { -ms-transform: scale(1); transform: scale(1); transition: transform .4s ease-out .2s; }
  .p-hacemos .c-slider__title { transition: all .4s ease-out .2s; }
  .p-hacemos .c-slider__desc { transition: all .4s ease-out .4s; }
  .p-hacemos .c-slider__btn { transition: all .4s ease-out .6s; }
  .p-hacemos .c-slider__title, .p-hacemos .c-slider__desc, .p-hacemos .c-slider__btn { max-width: 300px; -ms-transform: translateY(10px); transform: translateY(10px); } }

@media (max-width: 991px) and (min-width: 480px) { .p-hacemos .c-slider__title, .p-hacemos .c-slider__desc, .p-hacemos .c-slider__btn { max-width: 500px; } }

@media (max-width: 991px) and (min-width: 768px) { .p-hacemos .c-slider__title, .p-hacemos .c-slider__desc, .p-hacemos .c-slider__btn { max-width: 800px; } }

@media (max-width: 991px) { .p-hacemos .c-slider__item.is-selected .c-slider__img img { -ms-transform: scale(1.02); transform: scale(1.02); } }

@media (min-width: 992px) { .p-hacemos .c-slider { margin: 0; width: 100vw; height: 650px; }
  .p-hacemos .c-slider.is-dragged .c-slider__item { -ms-transform: scale(0.95); transform: scale(0.95); }
  .p-hacemos .c-slider.is-dragged .c-slider__img { -ms-transform: scale(1.05); transform: scale(1.05); }
  .p-hacemos .c-slider.is-dragged.is-drag-left .c-slider__item { -ms-transform: scale(0.95); transform: scale(0.95); }
  .p-hacemos .c-slider.is-dragged.is-drag-left .c-slider__content, .p-hacemos .c-slider.is-dragged.is-drag-left .c-slider__img { -ms-transform: scale(1); transform: scale(1); }
  .p-hacemos .c-slider.is-dragged.is-drag-right .c-slider__item { -ms-transform: scale(0.95); transform: scale(0.95); }
  .p-hacemos .c-slider.is-dragged.is-drag-right .c-slider__content, .p-hacemos .c-slider.is-dragged.is-drag-right .c-slider__img { -ms-transform: scale(1); transform: scale(1); }
  .p-hacemos .c-slider .c-slider__item { max-height: 75vh; }
  .p-hacemos .c-slider .c-slider__item.is-loaded { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transform: scale(1) translate(50px, 0); transform: scale(1) translate(50px, 0); opacity: 1; }
  .p-hacemos .c-slider .c-slider__item .c-slider__content { background-color: rgba(0, 0, 0, 0); transition: background-color 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
  .p-hacemos .c-slider .c-slider__item .c-slider__content .c-slider__title, .p-hacemos .c-slider .c-slider__item .c-slider__content .c-slider__desc, .p-hacemos .c-slider .c-slider__item .c-slider__content .c-slider__btn { opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
  .p-hacemos .c-slider .c-slider__item .c-slider__content:hover { background-color: rgba(0, 0, 0, 0.2); }
  .p-hacemos .c-slider .c-slider__item .c-slider__content:hover .c-slider__title, .p-hacemos .c-slider .c-slider__item .c-slider__content:hover .c-slider__desc, .p-hacemos .c-slider .c-slider__item .c-slider__content:hover .c-slider__btn { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
  .p-hacemos .c-slider__item { width: 430px; height: 650px; margin: 0 .125em; overflow: hidden; background-color: transparent; -ms-transform: scale(0.9) translate(50px, 150px); transform: scale(0.9) translate(50px, 150px); opacity: 0; }
  .p-hacemos .c-slider__item:last-child { width: 480px; border-right: 50px solid white; }
  .p-hacemos .c-slider__item, .p-hacemos .c-slider__img, .p-hacemos .c-slider__content { transition: transform .4s ease-out; }
  .p-hacemos .c-slider__content { transition: background-color .4s ease-out; }
  .p-hacemos .flickity-slider { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
  .p-hacemos .flickity-page-dots { display: none; } }

@media (min-width: 1280px) { .p-hacemos .c-slider { height: 750px; }
  .p-hacemos .c-slider__item { width: 500px; height: 750px; }
  .p-hacemos .c-slider__item:last-child { width: 550px; } }

@media (max-width: 991px) { .p-work .l-section > .g-wrap { padding: 0; } }

@media (max-width: 991px) and (max-width: 991px) { .p-work .l-section > .g-wrap .g-row { margin: 0; } }

@media (max-width: 991px) { .p-work .l-section > .g-wrap > .g-row > [class*="g-col-"] { padding: 0; } }

.p-work .l-section--main > .g-wrap { z-index: 1; }

.p-work .l-section--main.is-dark:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }

.p-work .l-section--main .o-img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; }

.p-work .l-section--main .t-title { position: absolute; top: calc(50% - 60px); left: 0; z-index: 2; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 35px; }

.p-work .l-section--main .t-title--clear { color: #FFF; }

.p-work .l-section--main .t-title span { font-size: .6em; font-family: "Athletics"; }

@media (min-width: 992px) { .p-work .l-section--main .t-title { font-size: 57px; } }

.p-work .l-section--intro .l-section__inner--title { padding: 3em 0; }

.p-work .l-section--intro .l-section__inner--content { padding: 3.8em 0; font-size: 16px; }

@media (min-width: 1280px) { .p-work .l-section--intro .l-section__inner--content { padding: 4em 0; } }

.p-work .l-section--intro .l-section__inner--content:before { content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background-color: #f58b7e; }

@media (min-width: 480px) { .p-work .l-section--intro .l-section__inner--content:before { left: -25px; } }

@media (min-width: 992px) { .p-work .l-section--intro .l-section__inner--content:before { left: 0; } }

@media (max-width: 991px) { .p-work .l-section--intro .l-section__inner--content > .g-wrap { padding: 0; } }

.p-work .l-section--intro .l-section__inner--content .t-title { font-size: 16px; font-weight: 400; }

.p-work .l-section--intro .p-work__intro-list { margin-bottom: 2em; margin-top: .5em; }

.p-work .l-section--intro .p-work__intro-list:last-child { margin-bottom: 0; }

.p-work .l-section--intro .p-work__intro-list li { line-height: 1.5em; }

.p-work .l-section--intro .t-title { font-size: 29px; }

@media (min-width: 992px) { .p-work .l-section--intro > .g-wrap > .g-row { -ms-flex-align: center; align-items: center; }
  .p-work .l-section--intro .t-title { font-size: 42px; } }

.p-work .l-section--blocks > .g-wrap { opacity: 0; -ms-transform: scale(1.05); transform: scale(1.05); transition: opacity 1.1s cubic-bezier(0.4, 0, 0.2, 1) 0.4s, transform 1.1s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.p-work .l-section--blocks > .g-wrap.is-reveal { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.p-work .l-section--blocks .g-wrap--img { padding: 0; }

.p-work .l-section--blocks .g-wrap--img .p-work__img-wrap { padding: 0; }

@media (min-width: 480px) { .p-work .l-section--blocks .g-wrap--img.has-margin .p-work__img-wrap:nth-child(odd) { padding-right: 5px; }
  .p-work .l-section--blocks .g-wrap--img.has-margin .p-work__img-wrap:nth-child(even) { padding-left: 5px; } }

.p-work .l-section--blocks .g-wrap--img.has-margin img { margin-bottom: 10px; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--img .g-wrap:not(.g-wrap--fluid) .p-work__img-wrap:nth-child(odd) { padding-left: 10px; }
  .p-work .l-section--blocks .g-wrap--img .g-wrap:not(.g-wrap--fluid) .p-work__img-wrap:nth-child(even) { padding-right: 10px; } }

.p-work .l-section--blocks .g-wrap--txtImg > .g-row { padding: 3em 0 0 0; }

.p-work .l-section--blocks .g-wrap--txtImg > .g-row:last-child { padding: 3em 0; }

.p-work .l-section--blocks .g-wrap--txtImg > .g-row:last-child:first-child { padding: 5em 0; }

.p-work .l-section--blocks .g-wrap--txtImg > .g-row img { margin-top: 1em; }

.p-work .l-section--blocks .g-wrap--txtImg > .g-row--revert img { margin-top: 0; margin-bottom: 1em; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--txtImg > .g-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
  .p-work .l-section--blocks .g-wrap--txtImg > .g-row img { margin: 0; } }

.p-work .l-section--blocks .g-wrap--textCol .t-title--secondary { font-size: 26px; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--textCol .t-title--secondary { font-size: 37px; padding-top: .15em; } }

.p-work .l-section--blocks .g-wrap--textCol .g-row--blockContent { padding: 3em 0 0 0; }

.p-work .l-section--blocks .g-wrap--textCol .g-row--blockContent:last-child { padding: 3em 0; }

.p-work .l-section--blocks .g-wrap--textCol .g-row--blockContent:last-child:first-child { padding: 5em 0; }

.p-work .l-section--blocks .g-wrap--textCol .l-section__inner--title { text-align: center; padding: 2em 0 0 0; }

.p-work .l-section--blocks .g-wrap--textCol .l-section__inner--stitle { font-size: 29px; font-weight: 400; margin-bottom: .2em; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--textCol .l-section__inner--stitle { font-size: 42px; } }

.p-work .l-section--blocks .g-wrap--textCol .l-section__inner--content { font-weight: 300; padding-top: 1.5em; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--textCol .l-section__inner--content { padding-top: .8em; } }

@media (min-width: 1280px) { .p-work .l-section--blocks .g-wrap--textCol .l-section__inner--content { padding-top: .25em; } }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--slider { padding: 3em  0; } }

.p-work .l-section--blocks .g-wrap--slider--spaced > .g-row { padding: 3em 0 0 0; }

.p-work .l-section--blocks .g-wrap--slider--spaced > .g-row:last-child { padding: 3em 0; }

.p-work .l-section--blocks .g-wrap--slider--spaced > .g-row:last-child:first-child { padding: 5em 0; }

.p-work .l-section--blocks .g-wrap--slider .c-slider { margin-bottom: 2em; overflow: visible; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--slider .c-slider { margin-bottom: 0em; } }

.p-work .l-section--blocks .g-wrap--slider .c-slider .flickity-viewport, .p-work .l-section--blocks .g-wrap--slider .c-slider .flickity-slider { height: auto; }

.p-work .l-section--blocks .g-wrap--slider .c-slider .flickity-page-dots { bottom: -1em; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--slider .c-slider .flickity-page-dots { display: none; } }

.p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item { height: auto; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item { max-width: 40%; margin-right: 7px; }
  .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item:first-child { padding-left: 40px; max-width: calc(40% + 40px); }
  .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item:last-child { padding-right: 40px; max-width: calc(40% + 40px); } }

@media (min-width: 1280px) { .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item { max-width: 50%; }
  .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item:first-child { padding-left: 60px; max-width: calc(50% + 60px); }
  .p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__item:last-child { padding-right: 60px; max-width: calc(50% + 60px); } }

.p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__inner { position: relative; width: 100%; height: 0; }

@media (max-width: 991px) { .p-work .l-section--blocks .g-wrap--slider .c-slider .flickity-button { display: none; } }

.p-work .l-section--blocks .g-wrap--slider .c-slider .c-slider__img img { width: 100%; height: 100%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--16-9 .c-slider__inner { padding-top: 56.25%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--1-1 .c-slider__inner { padding-top: 100%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item { width: 80%; margin-right: 7px; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item { max-width: 350px; }
  .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item:first-child, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item:first-child { max-width: calc(350px + 40px); }
  .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item:last-child, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item:last-child { max-width: calc(350px + 40px); } }

@media (min-width: 1280px) { .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item { max-width: 450px; }
  .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item:first-child, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item:first-child { max-width: calc(450px + 60px); }
  .p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__item:last-child, .p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__item:last-child { max-width: calc(450px + 60px); } }

.p-work .l-section--blocks .g-wrap--slider .c-slider--1-2 .c-slider__inner { padding-top: 200%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--2-3 .c-slider__inner { padding-top: 150%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--3-2 .c-slider__inner { padding-top: 66.66667%; }

.p-work .l-section--blocks .g-wrap--slider .c-slider--4-3 .c-slider__inner { padding-top: 75%; }

.p-work .l-section--blocks .g-wrap--video.g-wrap--videoFS, .p-work .l-section--blocks .g-wrap--autoplay-video.g-wrap--videoFS { padding: 0; }

.p-work .l-section--blocks .g-wrap--video.has-mt, .p-work .l-section--blocks .g-wrap--autoplay-video.has-mt { padding-top: 3em; }

.p-work .l-section--blocks .g-wrap--video.has-mb, .p-work .l-section--blocks .g-wrap--autoplay-video.has-mb { padding-bottom: 3em; }

@media (min-width: 992px) { .p-work .l-section--blocks .g-wrap--video.has-mt, .p-work .l-section--blocks .g-wrap--autoplay-video.has-mt { padding-top: 5em; }
  .p-work .l-section--blocks .g-wrap--video.has-mb, .p-work .l-section--blocks .g-wrap--autoplay-video.has-mb { padding-bottom: 5em; } }

.p-work .l-section--blocks .g-wrap--video .c-video .plyr, .p-work .l-section--blocks .g-wrap--autoplay-video .c-video .plyr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 991px) { .p-work .l-section--blocks .g-wrap--video .c-video__hover-msg { top: 35px; height: calc(100% - 70px); } }

@media (max-width: 991px) { .p-work .l-section--blocks .g-wrap--autoplay-video.has-mt { padding-top: 0; }
  .p-work .l-section--blocks .g-wrap--autoplay-video.has-mb { padding-bottom: 0; }
  .p-work .l-section--blocks .g-wrap--autoplay-video .g-wrap { padding: 0; max-width: 100%; }
  .p-work .l-section--blocks .g-wrap--autoplay-video .g-wrap .g-col--xs-12 { padding: 0; } }

.p-work .l-section--credits { background-color: #f58b7e; padding: 3em 0; }

@media (min-width: 992px) { .p-work .l-section--credits { text-align: center; } }

.p-work .l-section--credits .l-section__inner--title .t-title--secondary { padding: 0 0 2em 0; font-size: 26px; }

@media (min-width: 992px) { .p-work .l-section--credits .l-section__inner--title .t-title--secondary { font-size: 37px; } }

.p-work .l-section--credits .l-section__inner--content { font-size: 16px; margin-bottom: 1em; }

.p-work .l-section--credits .l-section__inner--content:last-child { margin-bottom: 0; }

@media (min-width: 992px) { .p-work .l-section--credits .l-section__inner--content { font-size: 22px; } }

.p-work__paginate { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1em 0; }

.p-work__prev, .p-work__next { line-height: 1; }

.p-work__prev a, .p-work__next a { font-size: 22px; text-decoration: none; }

.p-work__prev a span, .p-work__next a span { display: inline; width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.p-work__prev a span:hover, .p-work__next a span:hover { background-size: 100% 100%; }

.p-work__next { margin-left: auto; text-align: right; }

.p-legal .l-section__inner { font-size: 20px; font-weight: 300; }

.p-legal .l-section__inner .t-title { padding-top: 2em; margin-bottom: 1em; font-size: 30px; }

.p-legal .l-section__inner h2, .p-legal .l-section__inner h3, .p-legal .l-section__inner h4 { font-weight: 400; font-family: "Para Supreme"; padding-top: 1em; }

.p-legal .l-section__inner h2 { font-size: 27px; }

.p-legal .l-section__inner h3 { font-size: 25px; }

.p-legal .l-section__inner h4 { font-size: 22px; }

.p-legal .l-section__inner p, .p-legal .l-section__inner ul, .p-legal .l-section__inner table, .p-legal .l-section__inner h2, .p-legal .l-section__inner h3, .p-legal .l-section__inner h4 { margin-bottom: 1em; }

.p-legal .l-section__inner table th, .p-legal .l-section__inner table td { padding: .5em; border: 1px solid #bcc3d5; text-align: left; }

.p-legal .l-section__inner table th { font-weight: 500; vertical-align: bottom; }

.p-404 .l-section { height: 100vh; background: url("http://somoshermosa.es/assets/img/404-mobile.jpg") center center no-repeat; background-size: cover; }

@media (min-width: 992px) { .p-404 { background: url("http://somoshermosa.es/assets/img/404-desktop.jpg") center center no-repeat; } }

.p-404 .l-header { position: fixed; top: 0; left: 0; width: 100%; height: 83px; background-color: white; z-index: 1; }

@media (min-width: 1280px) { .p-404 .l-header { height: 110px; } }

.p-404 .l-section__inner { text-transform: uppercase; line-height: 1.2em; text-align: center; font-family: "Athletics"; font-size: 3em; font-weight: 400; color: white; }

.p-404 .l-section__inner span { font-size: 1.5em; }

/* ========================================================================== Vendor 1 plugin @mixin ========================================================================= */
@-webkit-keyframes plyr-progress { to { background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0; } }
@keyframes plyr-progress { to { background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0; } }

@-webkit-keyframes plyr-popup { 0% { opacity: .5;
    transform: translateY(10px); }
  to { opacity: 1;
    transform: translateY(0); } }

@keyframes plyr-popup { 0% { opacity: .5;
    transform: translateY(10px); }
  to { opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes plyr-fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes plyr-fade-in { from { opacity: 0; }
  to { opacity: 1; } }

.plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -ms-flex-align: center; align-items: center; direction: ltr; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); height: 100%; line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0; }

.plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; }

.plyr button { font: inherit; line-height: inherit; width: auto; }

.plyr:focus { outline: 0; }

.plyr--full-ui { box-sizing: border-box; }

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; }

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { -ms-touch-action: manipulation; touch-action: manipulation; }

.plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container { display: none; }

.plyr__captions { -webkit-animation: plyr-fade-in .3s ease; animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100%; }

.plyr__captions span:empty { display: none; }

@media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing,10px) * 2); } }

@media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } }

.plyr--captions-active .plyr__captions { display: block; }

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { -ms-transform: translateY(calc(10px * -4)); transform: translateY(calc(10px * -4)); -ms-transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)); transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)); }

.plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap; }

.plyr__caption div { display: inline; }

.plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7); position: relative; transition: all .3s ease; }

.plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); }

.plyr__control:focus { outline: 0; }

.plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; }

a.plyr__control { text-decoration: none; }

a.plyr__control::after, a.plyr__control::before { display: none; }

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; }

.plyr--full-ui ::-webkit-media-controls { display: none; }

.plyr__controls { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; text-align: center; }

.plyr__controls .plyr__progress__container { -ms-flex: 1; flex: 1; min-width: 0; }

.plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing,10px)/ 4); }

.plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; }

.plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing,10px)/ 4); }

.plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing,10px)/ 2); }

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; }

.plyr__controls:empty { display: none; }

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; }

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; }

.plyr__menu { display: -ms-flexbox; display: flex; position: relative; }

.plyr__menu .plyr__control svg { transition: transform .3s ease; }

.plyr__menu .plyr__control[aria-expanded=true] svg { -ms-transform: rotate(90deg); transform: rotate(90deg); }

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; }

.plyr__menu__container { -webkit-animation: plyr-popup .2s ease; animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; }

.plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ''; height: 0; position: absolute; right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2)); right: calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2)); top: 100%; width: 0; }

.plyr__menu__container [role=menu] { padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7); }

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; }

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; }

.plyr__menu__container .plyr__control { -ms-flex-align: center; align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: -ms-flexbox; display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * .7)/ 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); padding-left: calc(calc(10px * .7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-right: calc(calc(10px * .7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-top: calc(calc(10px * .7)/ 1.5); padding-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; width: 100%; }

.plyr__menu__container .plyr__control > span { -ms-flex-align: inherit; align-items: inherit; display: -ms-flexbox; display: flex; width: 100%; }

.plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ''; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * .7) * 4); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); }

.plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * .7) * 1.5) - 4px); right: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); }

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; }

.plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * .7); margin: calc(var(--plyr-control-spacing,10px) * .7); margin-bottom: calc(calc(10px * .7)/ 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); padding-left: calc(calc(10px * .7) * 4); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); position: relative; width: calc(100% - (calc(10px * .7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2)); }

.plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * .7) * 1.5) - 4px); left: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); }

.plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ''; height: 1px; left: 0; margin-top: calc(calc(10px * .7)/ 2); margin-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); overflow: hidden; position: absolute; right: 0; top: 100%; }

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; }

.plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: calc(10px * .7); padding-left: calc(var(--plyr-control-spacing,10px) * .7); }

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; }

.plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all .3s ease; width: 16px; }

.plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; -ms-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px; }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(35, 40, 47, 0.1); }

.plyr__menu__container .plyr__menu__value { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: calc((calc(10px * .7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * .7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5); pointer-events: none; }

.plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height,13px) * 2); color: #00b3ff; color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2) + 13px); height: calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px)); margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; }

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }

.plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px)/ 2) * -1); margin-top: calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1); }

.plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; }

.plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); }

.plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); }

.plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; }

.plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; }

.plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; }

.plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; }

.plyr--full-ui input[type=range]::-ms-tooltip { display: none; }

.plyr--full-ui input[type=range]:focus { outline: 0; }

.plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; }

.plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; }

.plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); }

.plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); }

@media (max-width: calc(768px - 1)) { .plyr__time + .plyr__time { display: none; } }

.plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5); pointer-events: none; position: absolute; -ms-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2; }

.plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -ms-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip { z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -ms-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -ms-transform-origin: 0 100%; transform-origin: 0 100%; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: calc((18px / 2) + calc(10px * .7)); left: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); }

.plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; -ms-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2) + calc(10px * .7)); right: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); -ms-transform: translateX(50%); transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); }

.plyr__progress { left: calc(13px * .5); left: calc(var(--plyr-range-thumb-height,13px) * .5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; }

.plyr__progress input[type=range], .plyr__progress__buffer { margin-left: calc(13px * -.5); margin-left: calc(var(--plyr-range-thumb-height,13px) * -.5); margin-right: calc(13px * -.5); margin-right: calc(var(--plyr-range-thumb-height,13px) * -.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height,13px)); }

.plyr__progress input[type=range] { position: relative; z-index: 2; }

.plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; }

.plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height,5px)/ 2) * -1); padding: 0; position: absolute; top: 50%; }

.plyr__progress__buffer::-webkit-progress-bar { background: 0 0; }

.plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); transition: width .2s ease; }

.plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); transition: width .2s ease; }

.plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease; }

.plyr--loading .plyr__progress__buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr__volume { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; }

.plyr__volume input[type=range] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing,10px)/ 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing,10px)/ 2); position: relative; z-index: 2; }

.plyr--is-ios .plyr__volume { min-width: 0; width: auto; }

.plyr--audio { display: block; }

.plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr--video { background: #000; overflow: hidden; }

.plyr--video.plyr--menu-open { overflow: visible; }

.plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; }

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; }

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -ms-transform: translateY(-38.28125%); transform: translateY(-38.28125%); }

.plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing,10px)/ 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing,10px) * 2); position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3; }

@media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing,10px) * 3.5); } }

.plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -ms-transform: translateY(100%); transform: translateY(100%); }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); }

.plyr__control--overlaid { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: .9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing,10px) * 1.5); position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .3s; z-index: 2; }

.plyr__control--overlaid svg { left: 2px; position: relative; }

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; }

.plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; }

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-webkit-full-screen video { height: 100%; }

.plyr:-ms-fullscreen video { height: 100%; }

.plyr:-moz-full-screen video { height: 100%; }

.plyr:fullscreen video { height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; }

.plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; }

.plyr:-moz-full-screen.plyr--hide-controls { cursor: none; }

.plyr:fullscreen.plyr--hide-controls { cursor: none; }

@media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); }
  .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); }
  .plyr:-moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); }
  .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-webkit-full-screen video { height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; }

@media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-moz-full-screen video { height: 100%; }

.plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-moz-full-screen.plyr--hide-controls { cursor: none; }

@media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; }

.plyr:-ms-fullscreen video { height: 100%; }

.plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; }

@media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; }

.plyr--fullscreen-fallback video { height: 100%; }

.plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; }

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; }

.plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; }

@media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; }

.plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; }

.plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; }

.plyr__ads::after:empty { display: none; }

.plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px)/2 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; }

.plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; -ms-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; z-index: 2; }

.plyr__preview-thumb--is-shown { opacity: 1; -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); }

.plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; }

.plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); overflow: hidden; position: relative; z-index: 0; }

.plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; }

.plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; }

.plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; }

.plyr__preview-scrubbing { bottom: 0; -webkit-filter: blur(1px); filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1; }

.plyr__preview-scrubbing--is-shown { opacity: 1; }

.plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; }

.plyr--no-transition { transition: none !important; }

.plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.plyr [hidden] { display: none !important; }

.plyr__controls { display: none; }

@media (max-width: 991px) { .l-section--manifesto .plyr__controls, .g-wrap--video .plyr__controls { display: -ms-flexbox; display: flex; top: 0.2em !important; bottom: auto !important; opacity: 1 !important; -ms-transform: none !important; transform: none !important; padding-top: 0 !important; pointer-events: all !important; z-index: 100; } }

.plyr__poster { display: none !important; }

.plyr__control--overlaid { background: #f58b7e; display: none !important; }

.plyr--video, .plyr__video-wrapper { background-color: transparent; }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #f58b7e; }

.plyr--full-ui input[type=range] { color: #f58b7e; }

.plyr__video-wrapper { padding-bottom: 0 !important; height: 100% !important; }

.plyr__video-embed__container { height: 100%; }

.plyr--video .plyr__controls { background: none; }

.plyr__progress__container, .plyr__time, [data-plyr="volume"], [data-plyr="settings"], [data-plyr="play"], [data-plyr="pip"] { display: none !important; }

.plyr__volume { display: none; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 0 !important; -ms-transform: none !important; transform: none !important; }

/* Override @mixin ========================================================================= */
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { overflow: hidden; position: relative; height: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; }

.flickity-button:hover { background: white; cursor: pointer; }

.flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; }

.flickity-button:active { opacity: 0.6; }

.flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; }

.flickity-button-icon { fill: #333; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ -ms-transform: translateY(-50%); transform: translateY(-50%); }

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }

.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }

.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }

/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }

.flickity-page-dots .dot.is-selected { opacity: 1; }

.flickity-page-dots { position: absolute; bottom: 1em; left: 0; width: 100%; transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.flickity-page-dots .dot { width: 5px; height: 5px; margin: 0 3px; opacity: 1; background-color: #d9d9d9; }

@media (min-width: 992px) { .flickity-page-dots .dot { width: 6px; height: 6px; margin: 0 5px; } }

.flickity-page-dots .dot.is-selected { background-color: #f58b7e; }

.c-slider--themeClear .flickity-page-dots .dot { background-color: rgba(255, 255, 255, 0.4); }

.c-slider--themeClear .flickity-page-dots .dot.is-selected { background-color: #FFF; }

.flickity-viewport { width: 100%; }

.flickity-button { background-color: transparent !important; }

.flickity-button:hover { background-color: transparent !important; }

.flickity-button:disabled { z-index: -1; opacity: 0; }

.flickity-prev-next-button { top: 0; height: 100%; border-radius: 0; -ms-transform: translateX(0); transform: translateX(0); width: 10%; }

.flickity-prev-next-button:after { content: '→'; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: "Athletics"; font-size: 20px; color: #FFF; transition: font-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.flickity-prev-next-button:hover:after { font-size: 32px; }

.flickity-prev-next-button.next { left: auto; right: 0; }

.flickity-prev-next-button.next:after { right: 20px; }

@media (min-width: 992px) { .flickity-prev-next-button.next:after { right: 30px; } }

@media (min-width: 1280px) { .flickity-prev-next-button.next:after { right: 40px; } }

.flickity-prev-next-button.previous { right: auto; left: 0; }

.flickity-prev-next-button.previous:after { content: '←'; left: 20px; }

@media (min-width: 992px) { .flickity-prev-next-button.previous:after { left: 30px; } }

@media (min-width: 1280px) { .flickity-prev-next-button.previous:after { left: 40px; } }

.flickity-button-icon { display: none; }