/* ========================================================================== 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 ========================================================================= */
/** Export z-index @param  {string} $layer      The z-index value @return {string}             A z-index property with its value */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.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: 480px; } }

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

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

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

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

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

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

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

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

.g-row--bottom { -webkit-box-align: end; -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; -webkit-box-flex: 1; flex-positive: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 10px; padding-left: 10px; }
  .g-col--auto { -webkit-box-flex: 0; -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 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  .g-col--xs-0_5 { width: 4.16667%; }
  .g-col--xs-push-1 { left: 8.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  .g-col--xs-1_5 { width: 12.5%; }
  .g-col--xs-push-2 { left: 16.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  .g-col--xs-2_5 { width: 20.83333%; }
  .g-col--xs-push-3 { left: 25%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  .g-col--xs-3_5 { width: 29.16667%; }
  .g-col--xs-push-4 { left: 33.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  .g-col--xs-4_5 { width: 37.5%; }
  .g-col--xs-push-5 { left: 41.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  .g-col--xs-5_5 { width: 45.83333%; }
  .g-col--xs-push-6 { left: 50%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  .g-col--xs-6_5 { width: 54.16667%; }
  .g-col--xs-push-7 { left: 58.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  .g-col--xs-7_5 { width: 62.5%; }
  .g-col--xs-push-8 { left: 66.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  .g-col--xs-8_5 { width: 70.83333%; }
  .g-col--xs-push-9 { left: 75%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  .g-col--xs-9_5 { width: 79.16667%; }
  .g-col--xs-push-10 { left: 83.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  .g-col--xs-10_5 { width: 87.5%; }
  .g-col--xs-push-11 { left: 91.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  .g-col--xs-11_5 { width: 95.83333%; }
  .g-col--xs-push-12 { left: 100%; }
  .g-col--xs-offset-12 { margin-left: 100%; }
  .g-col--xs-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 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  .g-col--s-0_5 { width: 4.16667%; }
  .g-col--s-push-1 { left: 8.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  .g-col--s-1_5 { width: 12.5%; }
  .g-col--s-push-2 { left: 16.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  .g-col--s-2_5 { width: 20.83333%; }
  .g-col--s-push-3 { left: 25%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  .g-col--s-3_5 { width: 29.16667%; }
  .g-col--s-push-4 { left: 33.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  .g-col--s-4_5 { width: 37.5%; }
  .g-col--s-push-5 { left: 41.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  .g-col--s-5_5 { width: 45.83333%; }
  .g-col--s-push-6 { left: 50%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  .g-col--s-6_5 { width: 54.16667%; }
  .g-col--s-push-7 { left: 58.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  .g-col--s-7_5 { width: 62.5%; }
  .g-col--s-push-8 { left: 66.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  .g-col--s-8_5 { width: 70.83333%; }
  .g-col--s-push-9 { left: 75%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  .g-col--s-9_5 { width: 79.16667%; }
  .g-col--s-push-10 { left: 83.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  .g-col--s-10_5 { width: 87.5%; }
  .g-col--s-push-11 { left: 91.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  .g-col--s-11_5 { width: 95.83333%; }
  .g-col--s-push-12 { left: 100%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  .g-col--m-0_5 { width: 4.16667%; }
  .g-col--m-push-1 { left: 8.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  .g-col--m-1_5 { width: 12.5%; }
  .g-col--m-push-2 { left: 16.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  .g-col--m-2_5 { width: 20.83333%; }
  .g-col--m-push-3 { left: 25%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  .g-col--m-3_5 { width: 29.16667%; }
  .g-col--m-push-4 { left: 33.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  .g-col--m-4_5 { width: 37.5%; }
  .g-col--m-push-5 { left: 41.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  .g-col--m-5_5 { width: 45.83333%; }
  .g-col--m-push-6 { left: 50%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  .g-col--m-6_5 { width: 54.16667%; }
  .g-col--m-push-7 { left: 58.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  .g-col--m-7_5 { width: 62.5%; }
  .g-col--m-push-8 { left: 66.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  .g-col--m-8_5 { width: 70.83333%; }
  .g-col--m-push-9 { left: 75%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  .g-col--m-9_5 { width: 79.16667%; }
  .g-col--m-push-10 { left: 83.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  .g-col--m-10_5 { width: 87.5%; }
  .g-col--m-push-11 { left: 91.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  .g-col--m-11_5 { width: 95.83333%; }
  .g-col--m-push-12 { left: 100%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  .g-col--l-0_5 { width: 4.16667%; }
  .g-col--l-push-1 { left: 8.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  .g-col--l-1_5 { width: 12.5%; }
  .g-col--l-push-2 { left: 16.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  .g-col--l-2_5 { width: 20.83333%; }
  .g-col--l-push-3 { left: 25%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  .g-col--l-3_5 { width: 29.16667%; }
  .g-col--l-push-4 { left: 33.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  .g-col--l-4_5 { width: 37.5%; }
  .g-col--l-push-5 { left: 41.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  .g-col--l-5_5 { width: 45.83333%; }
  .g-col--l-push-6 { left: 50%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  .g-col--l-6_5 { width: 54.16667%; }
  .g-col--l-push-7 { left: 58.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  .g-col--l-7_5 { width: 62.5%; }
  .g-col--l-push-8 { left: 66.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  .g-col--l-8_5 { width: 70.83333%; }
  .g-col--l-push-9 { left: 75%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  .g-col--l-9_5 { width: 79.16667%; }
  .g-col--l-push-10 { left: 83.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  .g-col--l-10_5 { width: 87.5%; }
  .g-col--l-push-11 { left: 91.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  .g-col--l-11_5 { width: 95.83333%; }
  .g-col--l-push-12 { left: 100%; }
  .g-col--l-offset-12 { margin-left: 100%; }
  .g-col--l-offset-11_5 { margin-left: 95.83333%; } }

@media (min-width: 1144px) { [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 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } }
  .g-col--xl-0_5 { width: 4.16667%; }
  .g-col--xl-push-1 { left: 8.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } }
  .g-col--xl-1_5 { width: 12.5%; }
  .g-col--xl-push-2 { left: 16.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }
  .g-col--xl-2_5 { width: 20.83333%; }
  .g-col--xl-push-3 { left: 25%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }
  .g-col--xl-3_5 { width: 29.16667%; }
  .g-col--xl-push-4 { left: 33.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } }
  .g-col--xl-4_5 { width: 37.5%; }
  .g-col--xl-push-5 { left: 41.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
  .g-col--xl-5_5 { width: 45.83333%; }
  .g-col--xl-push-6 { left: 50%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } }
  .g-col--xl-6_5 { width: 54.16667%; }
  .g-col--xl-push-7 { left: 58.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } }
  .g-col--xl-7_5 { width: 62.5%; }
  .g-col--xl-push-8 { left: 66.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }
  .g-col--xl-8_5 { width: 70.83333%; }
  .g-col--xl-push-9 { left: 75%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } }
  .g-col--xl-9_5 { width: 79.16667%; }
  .g-col--xl-push-10 { left: 83.33333%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } }
  .g-col--xl-10_5 { width: 87.5%; }
  .g-col--xl-push-11 { left: 91.66667%; }
  .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 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
  .g-col--xl-11_5 { width: 95.83333%; }
  .g-col--xl-push-12 { left: 100%; }
  .g-col--xl-offset-12 { margin-left: 100%; }
  .g-col--xl-offset-11_5 { margin-left: 95.83333%; } }

/* ========================================================================== Header @mixin ========================================================================= */
.l-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; }

.l-main__content { width: 100%; }

.l-main__content--course .l-section--landing { margin-bottom: -30px; }

@media (min-width: 992px) { .l-main__content--course { width: calc(100% - 140px); overflow: hidden; margin-left: auto; }
  .l-main__content--course .l-section--landing { margin-bottom: 0; } }

@media (min-width: 1144px) { .l-main__content--course { width: calc(100% - 160px); } }

.l-main__nav { position: fixed; top: 0; width: 100%; z-index: 5; }

@media (min-width: 992px) { .l-main__nav { display: block; width: 140px; } }

@media (min-width: 1144px) { .l-main__nav { width: 160px; } }

/* ========================================================================== Footer @mixin ========================================================================= */
.l-section { min-height: 100vh; width: 100%; overflow: hidden; }

.l-section--v-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.l-section--v-center .l-section__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.l-section--v-center .l-section__inner--space-around { -ms-flex-pack: distribute; justify-content: space-around; }

.l-section--landing { color: #FFF; }

.l-section--landing .l-section__title { margin-bottom: 1em; }

.l-section--slide { border-radius: 30px; margin-bottom: 1em; overflow: hidden; background-color: #FFF; }

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

@media (min-width: 992px) { .l-section--slide { border-radius: 0; margin-bottom: 0; overflow: hidden; } }

.l-section--slide .o-background { z-index: 0; }

.l-section--slide .l-section__header { margin-bottom: 3em; }

@media (min-width: 992px) { .l-section--slide .l-section__header { margin-bottom: 4em; } }

@media (min-width: 1144px) { .l-section--slide .l-section__header { margin-bottom: 5em; } }

.l-section--slide .l-section__title { font-family: "Montserrat", sans-serif; font-weight: 300; line-height: 1.5; font-style: normal; font-size: 14px; text-transform: uppercase; margin-bottom: .3em; }

.l-section--slide .l-section__stitle { font-family: "Barlow Condensed", sans-serif; font-weight: 300; line-height: 1; font-style: normal; font-size: 44px; }

@media (min-width: 992px) { .l-section--slide .l-section__stitle { font-size: 54px; } }

.l-section--nude { background-color: #EBE3E0; }

.l-section--ldark { background-color: #EFEFEF; }

.l-section--light { color: #FFF; }

.l-section--light .l-section__title { color: #EFEFEF; }

.l-section > .o-bg, .l-section .l-section__overlay, .l-section .l-section__inner { -webkit-transition: opacity .5s ease-out .4s, -webkit-transform .5s ease-out .4s; transition: opacity .5s ease-out .4s, -webkit-transform .5s ease-out .4s; -o-transition: opacity .5s ease-out .4s, transform .5s ease-out .4s; transition: opacity .5s ease-out .4s, transform .5s ease-out .4s; transition: opacity .5s ease-out .4s, transform .5s ease-out .4s, -webkit-transform .5s ease-out .4s; }

.l-section > .o-bg { opacity: 0; }

.l-section .l-section__overlay { opacity: 0; }

.l-section .l-section__inner { opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.l-section.is-reveal > .o-bg, .l-section.is-reveal .l-section__inner { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.l-section.is-reveal > .o-bg .l-section__content:first-child, .l-section.is-reveal .l-section__inner .l-section__content:first-child { -webkit-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }

.l-section.is-reveal .l-section__overlay { opacity: .7; }

.l-section.is-reveal .l-section__overlay--dark { opacity: .6; }

.l-section.is-reveal .l-section__overlay--black-gradient, .l-section.is-reveal .l-section__overlay--black-gradient-reverse, .l-section.is-reveal .l-section__overlay--dark-gradient, .l-section.is-reveal .l-section__overlay--dark-gradient-reverse, .l-section.is-reveal .l-section__overlay--mdark-gradient, .l-section.is-reveal .l-section__overlay--mdark-gradient-reverse, .l-section.is-reveal .l-section__overlay--blue-gradient { opacity: 1; }

.l-section.is-reveal .l-section__overlay--60 { opacity: .6; }

.l-section.is-reveal .l-section__overlay--70 { opacity: .7; }

.l-section.is-reveal .l-section__overlay--80 { opacity: .8; }

.l-section.is-reveal .l-section__header .l-section__title, .l-section.is-reveal .l-section__header .l-section__stitle { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.l-section.is-reveal .l-section__content { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.l-section.is-reveal .l-section__intro { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.l-section.is-reveal .l-section__next { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media (max-width: 479px) { .l-section.is-reveal .l-section__next { left: 52%; position: fixed; } }

.l-section.is-reveal fieldset { margin-bottom: 1.5em; }

.l-section__overlay { content: ''; position: absolute; top: 0; left: 0; z-index: auto; width: 100%; height: 100%; background-color: #000000; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: .7; }

@media (min-width: 992px) { .l-section__overlay { width: 50%; } }

.l-section__overlay--full { width: 100%; }

@media (min-width: 992px) { .l-section__overlay--half { height: 50%; } }

@media (min-width: 992px) { .l-section__overlay--hquarter { height: 25%; } }

@media (min-width: 992px) { .l-section__overlay--hthird { height: 33.333%; } }

@media (min-width: 992px) { .l-section__overlay--hquarter3 { height: 66.66%; } }

@media (min-width: 992px) { .l-section__overlay--bottom { top: auto; bottom: 0; } }

.l-section__overlay--right { right: 0; left: auto; }

@media (min-width: 992px) { .l-section__overlay--quarter { width: 25%; } }

@media (min-width: 992px) { .l-section__overlay--quarter3 { width: 75%; } }

@media (min-width: 992px) { .l-section__overlay--third { width: 33%; } }

.l-section__overlay--dark { background-color: #000000; -webkit-backdrop-filter: none; backdrop-filter: none; opacity: .6; }

.l-section__overlay--clear-blur { background: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1; }

.l-section__overlay--black-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: -o-linear-gradient(0, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: linear-gradient(0, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--black-gradient-reverse { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(0, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); background: linear-gradient(0, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--dark-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(34, 34, 34, 0)), to(#222222)); background: -o-linear-gradient(0, rgba(34, 34, 34, 0), #222222); background: linear-gradient(0, rgba(34, 34, 34, 0), #222222); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--dark-gradient-reverse { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#222222), to(rgba(34, 34, 34, 0))); background: -o-linear-gradient(0, #222222, rgba(34, 34, 34, 0)); background: linear-gradient(0, #222222, rgba(34, 34, 34, 0)); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--mdark-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(51, 60, 66, 0)), to(#333c42)); background: -o-linear-gradient(0, rgba(51, 60, 66, 0), #333c42); background: linear-gradient(0, rgba(51, 60, 66, 0), #333c42); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--mdark-gradient-reverse { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#333c42), to(rgba(51, 60, 66, 0))); background: -o-linear-gradient(0, #333c42, rgba(51, 60, 66, 0)); background: linear-gradient(0, #333c42, rgba(51, 60, 66, 0)); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--blue-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0ABCC9), to(#1972B8)); background: -o-linear-gradient(0, #0ABCC9, #1972B8); background: linear-gradient(0, #0ABCC9, #1972B8); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.l-section__overlay--60 { opacity: .6; }

.l-section__overlay--70 { opacity: .7; }

.l-section__overlay--80 { opacity: .8; }

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

.l-section__header { text-align: left; }

.l-section__header .l-section__title, .l-section__header .l-section__stitle { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; -o-transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s, -webkit-transform .5s ease-out .8s; }

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

.l-section__header--right .l-section__title, .l-section__header--right .l-section__stitle { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

.l-section__header--right ~ .l-section__content { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }

.l-section__header--light { color: #FFF; }

.l-section__header--light .l-section__title { color: #FFF; }

.l-section__title, .l-section__stitle { text-transform: uppercase; }

.l-section__title--capitalize, .l-section__stitle--capitalize { text-transform: none; }

.l-section__intro { font-family: "Barlow Condensed", sans-serif; font-weight: 400; line-height: 1.3; font-style: normal; font-size: 24px; margin-top: 1em; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; -o-transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s, -webkit-transform .5s ease-out .8s; }

.l-section__content { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s; -o-transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s; transition: opacity .5s ease-out .8s, transform .5s ease-out .8s, -webkit-transform .5s ease-out .8s; }

.l-section__inner { z-index: 1; width: 100%; padding: 70px 1em; opacity: 0; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; }

.l-section__inner .l-section__content:first-child { -webkit-transform: translateX(0) scale(0.95); -ms-transform: translateX(0) scale(0.95); transform: translateX(0) scale(0.95); }

.l-section__inner--auto { margin: auto; }

@media (min-width: 768px) { .l-section__inner { padding: 70px 2em; } }

.l-section__next { position: absolute; bottom: 2em; left: 50%; -webkit-transform: translate(-50%, 100px); -ms-transform: translate(-50%, 100px); transform: translate(-50%, 100px); z-index: 1; opacity: 0; -webkit-transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; -o-transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s, -webkit-transform .4s ease-out 1s; }

.l-section__next a { border-radius: 100%; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

.l-section__next a:first-child { margin-right: 12px; }

.l-section__next .js-quiz-submit { border-radius: 0%; }

/** 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; -webkit-box-sizing: inherit; box-sizing: inherit; outline: none; }

html { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.5; font-style: normal; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #333C42; }

@media (min-width: 992px) { html { background-color: #FFF; } }

/* ========================================================================== Typography basics @mixin ========================================================================= */
.t-title { font-family: "Barlow Condensed", sans-serif; font-weight: 400; line-height: 1; font-style: normal; font-size: 28px; }

.t-title--xs { font-size: 21px; }

.t-title--sm { font-size: 24px; }

.t-title--md { font-size: 36px; }

.t-title--lg { font-size: 40px; }

@media (min-width: 992px) { .t-title--lg { font-size: 54px; } }

.t-title--xl { font-size: 45px; }

@media (min-width: 992px) { .t-title--xl { font-size: 74px; } }

.t-title--xlight { font-weight: 200; }

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

.t-title--medium { font-weight: 500; }

.t-title--bold { font-weight: 700; }

.t-title sup { font-size: .5em; top: -.25em; }

.t-title sub { font-size: .5em; }

.t-body { font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.5; font-style: normal; font-size: 14px; }

.t-body--xs { font-size: 11px; }

.t-body--sm { font-size: 12px; }

.t-body--md { font-size: 16px; }

.t-body--lg { font-size: 18px; }

.t-body--xl { font-size: 21px; }

.t-body--xxl { font-size: 24px; }

.t-body--light { font-weight: 300; }

.t-body--medium { font-weight: 500; }

.t-body--bold { font-weight: 700; }

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

sup { vertical-align: super; }

sub { vertical-align: baseline; }

a { color: inherit; }

strong { font-weight: bold; }

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

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

form { margin-top: 1em; }

form fieldset { margin-bottom: 1.5em; }

form input, form select { font-size: 100%; }

@media (max-width: 991px) { .animation-dot-layer.is-loaded:nth-child(1) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot:before { opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .75s; -o-transition: stroke-dashoffset 2s ease-in-out .75s; transition: stroke-dashoffset 2s ease-in-out .75s; stroke-dashoffset: 0; }
  .animation-dot-layer.is-loaded:nth-child(2) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot:before { opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .animation-dot-layer.is-loaded:nth-child(3) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot:before { opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .animation-dot-layer.is-loaded:nth-child(4) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot:before { opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .animation-dot-layer.is-loaded:nth-child(5) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot:before { opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .animation-dot-layer.is-loaded:nth-child(6) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot:before { opacity: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out .5s; -o-transition: stroke-dashoffset 2s ease-in-out .5s; transition: stroke-dashoffset 2s ease-in-out .5s; stroke-dashoffset: 0; } }

@media (min-width: 992px) { .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 0.75s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot:before, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot:before { opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(1) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(1) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(1) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .t-body { -webkit-transition: opacity 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; -o-transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(1) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(1) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.5s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(2) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(2) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(2) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .t-body { -webkit-transition: opacity 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; -o-transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(2) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(2) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(3) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(3) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(3) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .t-body { -webkit-transition: opacity 0.4s ease-out 2.25s, -webkit-transform 0.4s ease-out 2.25s; transition: opacity 0.4s ease-out 2.25s, -webkit-transform 0.4s ease-out 2.25s; -o-transition: opacity 0.4s ease-out 2.25s, transform 0.4s ease-out 2.25s; transition: opacity 0.4s ease-out 2.25s, transform 0.4s ease-out 2.25s; transition: opacity 0.4s ease-out 2.25s, transform 0.4s ease-out 2.25s, -webkit-transform 0.4s ease-out 2.25s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(3) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(3) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(4) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(4) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(4) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .t-body { -webkit-transition: opacity 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; transition: opacity 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; -o-transition: opacity 0.4s ease-out 3s, transform 0.4s ease-out 3s; transition: opacity 0.4s ease-out 3s, transform 0.4s ease-out 3s; transition: opacity 0.4s ease-out 3s, transform 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(4) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(4) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 3.75s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.75s; -o-transition: stroke-dashoffset 2s ease-in-out 3.75s; transition: stroke-dashoffset 2s ease-in-out 3.75s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(5) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(5) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(5) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .t-body { -webkit-transition: opacity 0.4s ease-out 3.75s, -webkit-transform 0.4s ease-out 3.75s; transition: opacity 0.4s ease-out 3.75s, -webkit-transform 0.4s ease-out 3.75s; -o-transition: opacity 0.4s ease-out 3.75s, transform 0.4s ease-out 3.75s; transition: opacity 0.4s ease-out 3.75s, transform 0.4s ease-out 3.75s; transition: opacity 0.4s ease-out 3.75s, transform 0.4s ease-out 3.75s, -webkit-transform 0.4s ease-out 3.75s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(5) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(5) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 4.5s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(1) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(2) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(3) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(4) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(5) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(6) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(7) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(8) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(9) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .o-dot .o-icon__src g:nth-child(10) ellipse, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) path, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) polyline, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) polygon, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) circle, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) line, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) rect, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .o-dot .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }
  .animation-dot-layer:not(.c-box-purpose):nth-child(6) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose):nth-child(6) .t-title, .animation-dot-layer:not(.c-box-purpose):nth-child(6) .t-body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .t-title, .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .t-body { -webkit-transition: opacity 0.4s ease-out 4.5s, -webkit-transform 0.4s ease-out 4.5s; transition: opacity 0.4s ease-out 4.5s, -webkit-transform 0.4s ease-out 4.5s; -o-transition: opacity 0.4s ease-out 4.5s, transform 0.4s ease-out 4.5s; transition: opacity 0.4s ease-out 4.5s, transform 0.4s ease-out 4.5s; transition: opacity 0.4s ease-out 4.5s, transform 0.4s ease-out 4.5s, -webkit-transform 0.4s ease-out 4.5s; }
  .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .c-box-purpose__body, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .t-title, .is-reveal .animation-dot-layer:not(.c-box-purpose):nth-child(6) .t-body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .c-box-purpose__body, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .t-title, .is-reveal .c-box-purpose.animation-dot-layer.is-loaded:nth-child(6) .t-body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .animation-dot-layer:not(.c-box-purpose) .o-dot--layer, .c-box-purpose.animation-dot-layer.is-loaded .o-dot--layer { z-index: auto; }
  .animation-dot-layer:not(.c-box-purpose) .o-dot--layer:before, .c-box-purpose.animation-dot-layer.is-loaded .o-dot--layer:before { opacity: 0; -webkit-transition: opacity 2s ease-out 1s; -o-transition: opacity 2s ease-out 1s; transition: opacity 2s ease-out 1s; }
  .animation-dot-layer:not(.c-box-purpose) .c-box-purpose__body, .animation-dot-layer:not(.c-box-purpose) .t-title, .animation-dot-layer:not(.c-box-purpose) .t-body, .c-box-purpose.animation-dot-layer.is-loaded .c-box-purpose__body, .c-box-purpose.animation-dot-layer.is-loaded .t-title, .c-box-purpose.animation-dot-layer.is-loaded .t-body { opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } }

.animation-results-reporting-arrows > *:nth-child(1), .animation-results-reporting-content > *:nth-child(1) { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: opacity .4s linear 1.2s, -webkit-transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, -webkit-transform .4s linear 1.2s; -o-transition: opacity .4s linear 1.2s, transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, transform .4s linear 1.2s, -webkit-transform .4s linear 1.2s; }

.animation-results-reporting-arrows > *:nth-child(2), .animation-results-reporting-content > *:nth-child(2) { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition: opacity .4s linear 1.5s, -webkit-transform .4s linear 1.5s; transition: opacity .4s linear 1.5s, -webkit-transform .4s linear 1.5s; -o-transition: opacity .4s linear 1.5s, transform .4s linear 1.5s; transition: opacity .4s linear 1.5s, transform .4s linear 1.5s; transition: opacity .4s linear 1.5s, transform .4s linear 1.5s, -webkit-transform .4s linear 1.5s; }

.is-reveal .animation-results-reporting-arrows > *, .is-reveal .animation-results-reporting-content > * { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-footer { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .4s ease-out 1.7s, -webkit-transform .4s ease-out 1.7s; transition: opacity .4s ease-out 1.7s, -webkit-transform .4s ease-out 1.7s; -o-transition: opacity .4s ease-out 1.7s, transform .4s ease-out 1.7s; transition: opacity .4s ease-out 1.7s, transform .4s ease-out 1.7s; transition: opacity .4s ease-out 1.7s, transform .4s ease-out 1.7s, -webkit-transform .4s ease-out 1.7s; }

.is-reveal .animation-results-reporting-footer { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .4s ease-out .75s, -webkit-transform .4s ease-out .75s; transition: opacity .4s ease-out .75s, -webkit-transform .4s ease-out .75s; -o-transition: opacity .4s ease-out .75s, transform .4s ease-out .75s; transition: opacity .4s ease-out .75s, transform .4s ease-out .75s; transition: opacity .4s ease-out .75s, transform .4s ease-out .75s, -webkit-transform .4s ease-out .75s; }

.is-reveal .animation-results-reporting-unit { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit-arrow > * { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

.animation-results-reporting-unit-arrow > *:nth-child(1) { -webkit-transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; -o-transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s, -webkit-transform .4s ease-out 1s; }

.animation-results-reporting-unit-arrow > *:nth-child(2) { -webkit-transition: opacity .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; -o-transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; }

.animation-results-reporting-unit-arrow > *:nth-child(2) img { -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); opacity: 0; -webkit-transition: opacity .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; -o-transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; }

.is-reveal .animation-results-reporting-unit-arrow > *:nth-child(2) img { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; }

.animation-results-reporting-unit-arrow > *:nth-child(3) { -webkit-transition: opacity .4s ease-out 1.4s, -webkit-transform .4s ease-out 1.4s; transition: opacity .4s ease-out 1.4s, -webkit-transform .4s ease-out 1.4s; -o-transition: opacity .4s ease-out 1.4s, transform .4s ease-out 1.4s; transition: opacity .4s ease-out 1.4s, transform .4s ease-out 1.4s; transition: opacity .4s ease-out 1.4s, transform .4s ease-out 1.4s, -webkit-transform .4s ease-out 1.4s; }

.is-reveal .animation-results-reporting-unit-arrow > * { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit-content1 { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; -o-transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s; transition: opacity .4s ease-out 1.6s, transform .4s ease-out 1.6s, -webkit-transform .4s ease-out 1.6s; }

.is-reveal .animation-results-reporting-unit-content1 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit-content2 { margin: 4px 0; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .4s ease-out 1.8s, -webkit-transform .4s ease-out 1.8s; transition: opacity .4s ease-out 1.8s, -webkit-transform .4s ease-out 1.8s; -o-transition: opacity .4s ease-out 1.8s, transform .4s ease-out 1.8s; transition: opacity .4s ease-out 1.8s, transform .4s ease-out 1.8s; transition: opacity .4s ease-out 1.8s, transform .4s ease-out 1.8s, -webkit-transform .4s ease-out 1.8s; }

.is-reveal .animation-results-reporting-unit-content2 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit-content3 > * { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

.animation-results-reporting-unit-content3 > *:nth-child(1) { -webkit-transition: opacity .4s ease-out 2s, -webkit-transform .4s ease-out 2s; transition: opacity .4s ease-out 2s, -webkit-transform .4s ease-out 2s; -o-transition: opacity .4s ease-out 2s, transform .4s ease-out 2s; transition: opacity .4s ease-out 2s, transform .4s ease-out 2s; transition: opacity .4s ease-out 2s, transform .4s ease-out 2s, -webkit-transform .4s ease-out 2s; }

.animation-results-reporting-unit-content3 > *:nth-child(2) { -webkit-transition: opacity .4s ease-out 2.2s, -webkit-transform .4s ease-out 2.2s; transition: opacity .4s ease-out 2.2s, -webkit-transform .4s ease-out 2.2s; -o-transition: opacity .4s ease-out 2.2s, transform .4s ease-out 2.2s; transition: opacity .4s ease-out 2.2s, transform .4s ease-out 2.2s; transition: opacity .4s ease-out 2.2s, transform .4s ease-out 2.2s, -webkit-transform .4s ease-out 2.2s; }

.is-reveal .animation-results-reporting-unit-content3 > * { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-results-reporting-unit-content4 > * { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

.animation-results-reporting-unit-content4 > *:nth-child(1) { -webkit-transition: opacity .4s ease-out 2.4s, -webkit-transform .4s ease-out 2.4s; transition: opacity .4s ease-out 2.4s, -webkit-transform .4s ease-out 2.4s; -o-transition: opacity .4s ease-out 2.4s, transform .4s ease-out 2.4s; transition: opacity .4s ease-out 2.4s, transform .4s ease-out 2.4s; transition: opacity .4s ease-out 2.4s, transform .4s ease-out 2.4s, -webkit-transform .4s ease-out 2.4s; }

.animation-results-reporting-unit-content4 > *:nth-child(2) { -webkit-transition: opacity .4s ease-out 2.6s, -webkit-transform .4s ease-out 2.6s; transition: opacity .4s ease-out 2.6s, -webkit-transform .4s ease-out 2.6s; -o-transition: opacity .4s ease-out 2.6s, transform .4s ease-out 2.6s; transition: opacity .4s ease-out 2.6s, transform .4s ease-out 2.6s; transition: opacity .4s ease-out 2.6s, transform .4s ease-out 2.6s, -webkit-transform .4s ease-out 2.6s; }

.is-reveal .animation-results-reporting-unit-content4 > * { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-box1 { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }

.animation-box-plus { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

.animation-box2 { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

.animation-box1 { -webkit-transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, -webkit-transform .4s ease-out 1s; -o-transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s; transition: opacity .4s ease-out 1s, transform .4s ease-out 1s, -webkit-transform .4s ease-out 1s; }

.is-reveal .animation-box1 { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.animation-box2 { -webkit-transition: opacity .4s ease-out 1.5s, -webkit-transform .4s ease-out 1.5s; transition: opacity .4s ease-out 1.5s, -webkit-transform .4s ease-out 1.5s; -o-transition: opacity .4s ease-out 1.5s, transform .4s ease-out 1.5s; transition: opacity .4s ease-out 1.5s, transform .4s ease-out 1.5s; transition: opacity .4s ease-out 1.5s, transform .4s ease-out 1.5s, -webkit-transform .4s ease-out 1.5s; }

.is-reveal .animation-box2 { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.animation-box-plus { -webkit-transition: opacity .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; -o-transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s; transition: opacity .4s ease-out 1.2s, transform .4s ease-out 1.2s, -webkit-transform .4s ease-out 1.2s; }

.is-reveal .animation-box-plus { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-ppcr-methodology-left .o-rounded { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.is-reveal .animation-ppcr-methodology-left .o-rounded { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.animation-ppcr-methodology-left .o-rounded:nth-child(1) { -webkit-transition: opacity 0.4s linear 0.75s, -webkit-transform 0.4s linear 0.75s; transition: opacity 0.4s linear 0.75s, -webkit-transform 0.4s linear 0.75s; -o-transition: opacity 0.4s linear 0.75s, transform 0.4s linear 0.75s; transition: opacity 0.4s linear 0.75s, transform 0.4s linear 0.75s; transition: opacity 0.4s linear 0.75s, transform 0.4s linear 0.75s, -webkit-transform 0.4s linear 0.75s; }

.animation-ppcr-methodology-left .o-rounded:nth-child(2) { -webkit-transition: opacity 0.4s linear 1s, -webkit-transform 0.4s linear 1s; transition: opacity 0.4s linear 1s, -webkit-transform 0.4s linear 1s; -o-transition: opacity 0.4s linear 1s, transform 0.4s linear 1s; transition: opacity 0.4s linear 1s, transform 0.4s linear 1s; transition: opacity 0.4s linear 1s, transform 0.4s linear 1s, -webkit-transform 0.4s linear 1s; }

.animation-ppcr-methodology-left .o-rounded:nth-child(3) { -webkit-transition: opacity 0.4s linear 1.25s, -webkit-transform 0.4s linear 1.25s; transition: opacity 0.4s linear 1.25s, -webkit-transform 0.4s linear 1.25s; -o-transition: opacity 0.4s linear 1.25s, transform 0.4s linear 1.25s; transition: opacity 0.4s linear 1.25s, transform 0.4s linear 1.25s; transition: opacity 0.4s linear 1.25s, transform 0.4s linear 1.25s, -webkit-transform 0.4s linear 1.25s; }

.animation-ppcr-methodology-left .o-rounded:nth-child(4) { -webkit-transition: opacity 0.4s linear 1.5s, -webkit-transform 0.4s linear 1.5s; transition: opacity 0.4s linear 1.5s, -webkit-transform 0.4s linear 1.5s; -o-transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.5s; transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.5s; transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.5s, -webkit-transform 0.4s linear 1.5s; }

.animation-ppcr-methodology-left .o-rounded:nth-child(5) { -webkit-transition: opacity 0.4s linear 1.75s, -webkit-transform 0.4s linear 1.75s; transition: opacity 0.4s linear 1.75s, -webkit-transform 0.4s linear 1.75s; -o-transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.75s; transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.75s; transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.75s, -webkit-transform 0.4s linear 1.75s; }

.animation-ppcr-methodology-arrows img { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: opacity 0.4s linear 2.2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s; transition: opacity 0.4s linear 2.2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s; -o-transition: opacity 0.4s linear 2.2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s; transition: opacity 0.4s linear 2.2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s; transition: opacity 0.4s linear 2.2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.2s; }

.is-reveal .animation-ppcr-methodology-arrows img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.animation-ppcr-methodology-right > * { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.is-reveal .animation-ppcr-methodology-right > * { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.animation-ppcr-methodology-right > *:nth-child(1) { -webkit-transition: opacity 0.4s linear 2.45s, -webkit-transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.45s, -webkit-transform 0.4s linear 2.45s; -o-transition: opacity 0.4s linear 2.45s, transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.45s, transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.45s, transform 0.4s linear 2.45s, -webkit-transform 0.4s linear 2.45s; }

.animation-ppcr-methodology-right > *:nth-child(2) { -webkit-transition: opacity 0.4s linear 2.7s, -webkit-transform 0.4s linear 2.7s; transition: opacity 0.4s linear 2.7s, -webkit-transform 0.4s linear 2.7s; -o-transition: opacity 0.4s linear 2.7s, transform 0.4s linear 2.7s; transition: opacity 0.4s linear 2.7s, transform 0.4s linear 2.7s; transition: opacity 0.4s linear 2.7s, transform 0.4s linear 2.7s, -webkit-transform 0.4s linear 2.7s; }

.animation-ppcr-methodology-right > *:nth-child(3) { -webkit-transition: opacity 0.4s linear 2.95s, -webkit-transform 0.4s linear 2.95s; transition: opacity 0.4s linear 2.95s, -webkit-transform 0.4s linear 2.95s; -o-transition: opacity 0.4s linear 2.95s, transform 0.4s linear 2.95s; transition: opacity 0.4s linear 2.95s, transform 0.4s linear 2.95s; transition: opacity 0.4s linear 2.95s, transform 0.4s linear 2.95s, -webkit-transform 0.4s linear 2.95s; }

.animation-ppcr-methodology-right > *:nth-child(4) { -webkit-transition: opacity 0.4s linear 3.2s, -webkit-transform 0.4s linear 3.2s; transition: opacity 0.4s linear 3.2s, -webkit-transform 0.4s linear 3.2s; -o-transition: opacity 0.4s linear 3.2s, transform 0.4s linear 3.2s; transition: opacity 0.4s linear 3.2s, transform 0.4s linear 3.2s; transition: opacity 0.4s linear 3.2s, transform 0.4s linear 3.2s, -webkit-transform 0.4s linear 3.2s; }

.animation-ppcr-methodology-right > *:nth-child(5) { -webkit-transition: opacity 0.4s linear 3.45s, -webkit-transform 0.4s linear 3.45s; transition: opacity 0.4s linear 3.45s, -webkit-transform 0.4s linear 3.45s; -o-transition: opacity 0.4s linear 3.45s, transform 0.4s linear 3.45s; transition: opacity 0.4s linear 3.45s, transform 0.4s linear 3.45s; transition: opacity 0.4s linear 3.45s, transform 0.4s linear 3.45s, -webkit-transform 0.4s linear 3.45s; }

.animation-five-indicators .o-rounded { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.animation-five-indicators .o-rounded:nth-child(1) { -webkit-transition: opacity 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; -o-transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s; transition: opacity 0.4s ease-out 0.75s, transform 0.4s ease-out 0.75s, -webkit-transform 0.4s ease-out 0.75s; }

.animation-five-indicators .o-rounded:nth-child(2) { -webkit-transition: opacity 0.4s ease-out 1s, -webkit-transform 0.4s ease-out 1s; transition: opacity 0.4s ease-out 1s, -webkit-transform 0.4s ease-out 1s; -o-transition: opacity 0.4s ease-out 1s, transform 0.4s ease-out 1s; transition: opacity 0.4s ease-out 1s, transform 0.4s ease-out 1s; transition: opacity 0.4s ease-out 1s, transform 0.4s ease-out 1s, -webkit-transform 0.4s ease-out 1s; }

.animation-five-indicators .o-rounded:nth-child(3) { -webkit-transition: opacity 0.4s ease-out 1.25s, -webkit-transform 0.4s ease-out 1.25s; transition: opacity 0.4s ease-out 1.25s, -webkit-transform 0.4s ease-out 1.25s; -o-transition: opacity 0.4s ease-out 1.25s, transform 0.4s ease-out 1.25s; transition: opacity 0.4s ease-out 1.25s, transform 0.4s ease-out 1.25s; transition: opacity 0.4s ease-out 1.25s, transform 0.4s ease-out 1.25s, -webkit-transform 0.4s ease-out 1.25s; }

.animation-five-indicators .o-rounded:nth-child(4) { -webkit-transition: opacity 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; -o-transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s; transition: opacity 0.4s ease-out 1.5s, transform 0.4s ease-out 1.5s, -webkit-transform 0.4s ease-out 1.5s; }

.animation-five-indicators .o-rounded:nth-child(5) { -webkit-transition: opacity 0.4s ease-out 1.75s, -webkit-transform 0.4s ease-out 1.75s; transition: opacity 0.4s ease-out 1.75s, -webkit-transform 0.4s ease-out 1.75s; -o-transition: opacity 0.4s ease-out 1.75s, transform 0.4s ease-out 1.75s; transition: opacity 0.4s ease-out 1.75s, transform 0.4s ease-out 1.75s; transition: opacity 0.4s ease-out 1.75s, transform 0.4s ease-out 1.75s, -webkit-transform 0.4s ease-out 1.75s; }

.is-reveal .animation-five-indicators.is-loaded .o-rounded { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.animation-livehood-header > * { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

.is-reveal .animation-livehood-header > * { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-livehood-header > *:nth-child(1) { -webkit-transition: opacity .3s linear 1.2s, -webkit-transform .3s linear 1.2s; transition: opacity .3s linear 1.2s, -webkit-transform .3s linear 1.2s; -o-transition: opacity .3s linear 1.2s, transform .3s linear 1.2s; transition: opacity .3s linear 1.2s, transform .3s linear 1.2s; transition: opacity .3s linear 1.2s, transform .3s linear 1.2s, -webkit-transform .3s linear 1.2s; }

.animation-livehood-header > *:nth-child(2) { -webkit-transition: opacity .3s linear 1.4s, -webkit-transform .3s linear 1.4s; transition: opacity .3s linear 1.4s, -webkit-transform .3s linear 1.4s; -o-transition: opacity .3s linear 1.4s, transform .3s linear 1.4s; transition: opacity .3s linear 1.4s, transform .3s linear 1.4s; transition: opacity .3s linear 1.4s, transform .3s linear 1.4s, -webkit-transform .3s linear 1.4s; }

.animation-livehood-arrow img { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .3s linear 1.6s, -webkit-transform .3s linear 1.6s; transition: opacity .3s linear 1.6s, -webkit-transform .3s linear 1.6s; -o-transition: opacity .3s linear 1.6s, transform .3s linear 1.6s; transition: opacity .3s linear 1.6s, transform .3s linear 1.6s; transition: opacity .3s linear 1.6s, transform .3s linear 1.6s, -webkit-transform .3s linear 1.6s; }

.is-reveal .animation-livehood-arrow img { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-livehood-desc { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .3s linear 1.8s, -webkit-transform .3s linear 1.8s; transition: opacity .3s linear 1.8s, -webkit-transform .3s linear 1.8s; -o-transition: opacity .3s linear 1.8s, transform .3s linear 1.8s; transition: opacity .3s linear 1.8s, transform .3s linear 1.8s; transition: opacity .3s linear 1.8s, transform .3s linear 1.8s, -webkit-transform .3s linear 1.8s; }

.is-reveal .animation-livehood-desc { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.animation-livehood-indexline .c-indexline::before { -webkit-transition: width 1s linear 2s; -o-transition: width 1s linear 2s; transition: width 1s linear 2s; width: 0; }

.is-reveal .animation-livehood-indexline .c-indexline::before { width: calc(100% - 8px); }

.animation-livehood-indexline .c-indexline__item { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.is-reveal .animation-livehood-indexline .c-indexline__item { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.animation-livehood-indexline .c-indexline__item:nth-child(1) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; }

.animation-livehood-indexline .c-indexline__item:nth-child(2) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; }

.animation-livehood-indexline .c-indexline__item:nth-child(3) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; }

.animation-livehood-indexline .c-indexline__item:nth-child(4) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; }

.animation-livehood-indexline .c-indexline__item:nth-child(5) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; }

.animation-boxes { opacity: 0; -webkit-transform: translateY(75px); -ms-transform: translateY(75px); transform: translateY(75px); overflow: hidden; }

.animation-boxes .c-box__header { opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.is-reveal .animation-boxes { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.is-reveal .animation-boxes .c-box__header { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.animation-boxes:nth-child(1) { -webkit-transition: opacity 0.4s linear 1.4s, -webkit-transform 0.4s linear 1.4s; transition: opacity 0.4s linear 1.4s, -webkit-transform 0.4s linear 1.4s; -o-transition: opacity 0.4s linear 1.4s, transform 0.4s linear 1.4s; transition: opacity 0.4s linear 1.4s, transform 0.4s linear 1.4s; transition: opacity 0.4s linear 1.4s, transform 0.4s linear 1.4s, -webkit-transform 0.4s linear 1.4s; }

.animation-boxes:nth-child(1) .c-box__header { -webkit-transition: opacity 0.4s linear 1.5s, -webkit-transform 0.4s linear 1.7s; transition: opacity 0.4s linear 1.5s, -webkit-transform 0.4s linear 1.7s; -o-transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.7s; transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.7s; transition: opacity 0.4s linear 1.5s, transform 0.4s linear 1.7s, -webkit-transform 0.4s linear 1.7s; }

.animation-boxes:nth-child(2) { -webkit-transition: opacity 0.4s linear 1.65s, -webkit-transform 0.4s linear 1.65s; transition: opacity 0.4s linear 1.65s, -webkit-transform 0.4s linear 1.65s; -o-transition: opacity 0.4s linear 1.65s, transform 0.4s linear 1.65s; transition: opacity 0.4s linear 1.65s, transform 0.4s linear 1.65s; transition: opacity 0.4s linear 1.65s, transform 0.4s linear 1.65s, -webkit-transform 0.4s linear 1.65s; }

.animation-boxes:nth-child(2) .c-box__header { -webkit-transition: opacity 0.4s linear 1.75s, -webkit-transform 0.4s linear 1.95s; transition: opacity 0.4s linear 1.75s, -webkit-transform 0.4s linear 1.95s; -o-transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.95s; transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.95s; transition: opacity 0.4s linear 1.75s, transform 0.4s linear 1.95s, -webkit-transform 0.4s linear 1.95s; }

.animation-boxes:nth-child(3) { -webkit-transition: opacity 0.4s linear 1.9s, -webkit-transform 0.4s linear 1.9s; transition: opacity 0.4s linear 1.9s, -webkit-transform 0.4s linear 1.9s; -o-transition: opacity 0.4s linear 1.9s, transform 0.4s linear 1.9s; transition: opacity 0.4s linear 1.9s, transform 0.4s linear 1.9s; transition: opacity 0.4s linear 1.9s, transform 0.4s linear 1.9s, -webkit-transform 0.4s linear 1.9s; }

.animation-boxes:nth-child(3) .c-box__header { -webkit-transition: opacity 0.4s linear 2s, -webkit-transform 0.4s linear 2.2s; transition: opacity 0.4s linear 2s, -webkit-transform 0.4s linear 2.2s; -o-transition: opacity 0.4s linear 2s, transform 0.4s linear 2.2s; transition: opacity 0.4s linear 2s, transform 0.4s linear 2.2s; transition: opacity 0.4s linear 2s, transform 0.4s linear 2.2s, -webkit-transform 0.4s linear 2.2s; }

.animation-boxes:nth-child(4) { -webkit-transition: opacity 0.4s linear 2.15s, -webkit-transform 0.4s linear 2.15s; transition: opacity 0.4s linear 2.15s, -webkit-transform 0.4s linear 2.15s; -o-transition: opacity 0.4s linear 2.15s, transform 0.4s linear 2.15s; transition: opacity 0.4s linear 2.15s, transform 0.4s linear 2.15s; transition: opacity 0.4s linear 2.15s, transform 0.4s linear 2.15s, -webkit-transform 0.4s linear 2.15s; }

.animation-boxes:nth-child(4) .c-box__header { -webkit-transition: opacity 0.4s linear 2.25s, -webkit-transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.25s, -webkit-transform 0.4s linear 2.45s; -o-transition: opacity 0.4s linear 2.25s, transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.25s, transform 0.4s linear 2.45s; transition: opacity 0.4s linear 2.25s, transform 0.4s linear 2.45s, -webkit-transform 0.4s linear 2.45s; }

.o-icon { font-size: 2.858em; }

.o-icon--sm { font-size: 2.143em; }

.o-icon--md { font-size: 3.929em; }

.o-icon--lg { font-size: 5.143em; }

.o-icon--xl { font-size: 7.143em; }

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

.o-icon--invert .o-icon__src { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.o-icon .o-icon__src path, .o-icon .o-icon__src polyline, .o-icon .o-icon__src polygon, .o-icon .o-icon__src circle, .o-icon .o-icon__src line, .o-icon .o-icon__src rect, .o-icon .o-icon__src ellipse { fill: none; stroke: currentColor; stroke-width: 3px; stroke-dasharray: 1000; stroke-dashoffset: 1000; }

.o-icon.is-visible .o-icon__src g:nth-child(1) path, .o-icon.is-visible .o-icon__src g:nth-child(1) polyline, .o-icon.is-visible .o-icon__src g:nth-child(1) polygon, .o-icon.is-visible .o-icon__src g:nth-child(1) circle, .o-icon.is-visible .o-icon__src g:nth-child(1) line, .o-icon.is-visible .o-icon__src g:nth-child(1) rect, .o-icon.is-visible .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.5s; -o-transition: stroke-dashoffset 2s ease-in-out 0.5s; transition: stroke-dashoffset 2s ease-in-out 0.5s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(2) path, .o-icon.is-visible .o-icon__src g:nth-child(2) polyline, .o-icon.is-visible .o-icon__src g:nth-child(2) polygon, .o-icon.is-visible .o-icon__src g:nth-child(2) circle, .o-icon.is-visible .o-icon__src g:nth-child(2) line, .o-icon.is-visible .o-icon__src g:nth-child(2) rect, .o-icon.is-visible .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1s; -o-transition: stroke-dashoffset 2s ease-in-out 1s; transition: stroke-dashoffset 2s ease-in-out 1s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(3) path, .o-icon.is-visible .o-icon__src g:nth-child(3) polyline, .o-icon.is-visible .o-icon__src g:nth-child(3) polygon, .o-icon.is-visible .o-icon__src g:nth-child(3) circle, .o-icon.is-visible .o-icon__src g:nth-child(3) line, .o-icon.is-visible .o-icon__src g:nth-child(3) rect, .o-icon.is-visible .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(4) path, .o-icon.is-visible .o-icon__src g:nth-child(4) polyline, .o-icon.is-visible .o-icon__src g:nth-child(4) polygon, .o-icon.is-visible .o-icon__src g:nth-child(4) circle, .o-icon.is-visible .o-icon__src g:nth-child(4) line, .o-icon.is-visible .o-icon__src g:nth-child(4) rect, .o-icon.is-visible .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2s; -o-transition: stroke-dashoffset 2s ease-in-out 2s; transition: stroke-dashoffset 2s ease-in-out 2s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(5) path, .o-icon.is-visible .o-icon__src g:nth-child(5) polyline, .o-icon.is-visible .o-icon__src g:nth-child(5) polygon, .o-icon.is-visible .o-icon__src g:nth-child(5) circle, .o-icon.is-visible .o-icon__src g:nth-child(5) line, .o-icon.is-visible .o-icon__src g:nth-child(5) rect, .o-icon.is-visible .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.5s; -o-transition: stroke-dashoffset 2s ease-in-out 2.5s; transition: stroke-dashoffset 2s ease-in-out 2.5s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(6) path, .o-icon.is-visible .o-icon__src g:nth-child(6) polyline, .o-icon.is-visible .o-icon__src g:nth-child(6) polygon, .o-icon.is-visible .o-icon__src g:nth-child(6) circle, .o-icon.is-visible .o-icon__src g:nth-child(6) line, .o-icon.is-visible .o-icon__src g:nth-child(6) rect, .o-icon.is-visible .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(7) path, .o-icon.is-visible .o-icon__src g:nth-child(7) polyline, .o-icon.is-visible .o-icon__src g:nth-child(7) polygon, .o-icon.is-visible .o-icon__src g:nth-child(7) circle, .o-icon.is-visible .o-icon__src g:nth-child(7) line, .o-icon.is-visible .o-icon__src g:nth-child(7) rect, .o-icon.is-visible .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.5s; -o-transition: stroke-dashoffset 2s ease-in-out 3.5s; transition: stroke-dashoffset 2s ease-in-out 3.5s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(8) path, .o-icon.is-visible .o-icon__src g:nth-child(8) polyline, .o-icon.is-visible .o-icon__src g:nth-child(8) polygon, .o-icon.is-visible .o-icon__src g:nth-child(8) circle, .o-icon.is-visible .o-icon__src g:nth-child(8) line, .o-icon.is-visible .o-icon__src g:nth-child(8) rect, .o-icon.is-visible .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4s; -o-transition: stroke-dashoffset 2s ease-in-out 4s; transition: stroke-dashoffset 2s ease-in-out 4s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(9) path, .o-icon.is-visible .o-icon__src g:nth-child(9) polyline, .o-icon.is-visible .o-icon__src g:nth-child(9) polygon, .o-icon.is-visible .o-icon__src g:nth-child(9) circle, .o-icon.is-visible .o-icon__src g:nth-child(9) line, .o-icon.is-visible .o-icon__src g:nth-child(9) rect, .o-icon.is-visible .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 4.5s; -o-transition: stroke-dashoffset 2s ease-in-out 4.5s; transition: stroke-dashoffset 2s ease-in-out 4.5s; stroke-dashoffset: 0; }

.o-icon.is-visible .o-icon__src g:nth-child(10) path, .o-icon.is-visible .o-icon__src g:nth-child(10) polyline, .o-icon.is-visible .o-icon__src g:nth-child(10) polygon, .o-icon.is-visible .o-icon__src g:nth-child(10) circle, .o-icon.is-visible .o-icon__src g:nth-child(10) line, .o-icon.is-visible .o-icon__src g:nth-child(10) rect, .o-icon.is-visible .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 5s; -o-transition: stroke-dashoffset 2s ease-in-out 5s; transition: stroke-dashoffset 2s ease-in-out 5s; stroke-dashoffset: 0; }

.o-icon--help { position: absolute; top: .3em; right: .3em; z-index: 1; }

.o-icon__src { display: block; width: 1em; height: 1em; margin: auto; font-size: 1em; }

.o-dot { display: -webkit-box; display: -ms-flexbox; display: flex; align-center: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 0; padding-top: 100%; }

.o-dot--layer::before { content: ''; position: absolute; top: 50%; left: -100vw; z-index: -1; display: block; width: 1000vw; height: 100vh; background-color: #EFEFEF; }

.o-dot__inner { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: -webkit-gradient(linear, left top, left bottom, from(#0ABCC9), to(#1972B8)); background: -o-linear-gradient(top, #0ABCC9, #1972B8); background: linear-gradient(180deg, #0ABCC9, #1972B8); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); color: #FFF; overflow: hidden; }

.o-dot__inner .o-icon__src { width: 45%; height: 45%; }

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

.o-box-ratio--bg-blue { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0ABCC9), to(#1972B8)); background: -o-linear-gradient(0, #0ABCC9, #1972B8); background: linear-gradient(0, #0ABCC9, #1972B8); }

.o-box-ratio--21-9 { width: 100%; height: 0; padding-top: 42.85714%; }

.o-box-ratio--3-2 { width: 100%; height: 0; padding-top: 66.66667%; }

.o-box-ratio--4-3 { width: 100%; height: 0; padding-top: 75%; }

.o-box-ratio--3-4 { width: 100%; height: 0; padding-top: 133.33333%; }

.o-box-ratio--2-1 { width: 100%; height: 0; padding-top: 50%; }

.o-box-ratio--1-2 { width: 100%; height: 0; padding-top: 200%; }

.o-box-ratio--full { height: auto; padding-top: 0; }

.o-box-ratio--full .o-box-ratio__inner { position: relative; }

.o-box-ratio--shadow { width: calc(100% - 20px); }

.o-box-ratio--shadow:after { content: ''; position: absolute; top: 20px; left: 20px; z-index: -1; background-color: #979797; width: 100%; height: 100%; }

.o-box-ratio__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.o-box-ratio__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.o-box-ratio__icon:hover { opacity: .9; }

.o-label { display: inline-block; margin-bottom: .75em; color: #FFF; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1.5; font-style: normal; font-size: 11px; }

.o-label--dark { color: #222222; }

.o-bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; background-color: #000000; }

.o-bg--relative { position: relative; }

.o-bg--bottom { top: auto; bottom: 0; }

.o-bg--right { left: auto; right: 0; }

.o-bg--h-quarter { height: 25%; }

.o-bg--h-third { height: 33.33%; }

.o-bg--h-half { height: 50%; }

.o-bg--h-third2 { height: 66.66%; }

.o-bg--h-quarter3 { height: 75%; }

.o-bg--w-quarter { width: 25%; }

.o-bg--w-third { width: 33.33%; }

.o-bg--w-half { width: 50%; }

.o-bg--w-third2 { width: 66.66%; }

.o-bg--w-quarter3 { width: 75%; }

.o-bg--blue-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0ABCC9), color-stop(75%, #1972B8)); background: -o-linear-gradient(0, #0ABCC9, #1972B8 75%); background: linear-gradient(0, #0ABCC9, #1972B8 75%); opacity: 1; }

.o-bg--ldark { background-color: #EFEFEF; opacity: 1; }

.o-bg--blue { background-color: #0ABCC9; opacity: 1; }

.o-bg--dark-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(34, 34, 34, 0)), to(#222222)); background: -o-linear-gradient(0, rgba(34, 34, 34, 0), #222222); background: linear-gradient(0, rgba(34, 34, 34, 0), #222222); opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; }

.o-bg__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.o-bg--60 .o-bg__img { opacity: .6; }

.o-bg--70 .o-bg__img { opacity: .7; }

.o-bg--80 .o-bg__img { opacity: .8; }

.o-rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 80px; padding: 0 1em; border-radius: 40px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); }

.o-rounded--blue { background-color: #1972B8; color: #FFF; }

.o-rounded--mblue { background-color: #0ABCC9; color: #FFF; }

.o-rounded--ldark { background-color: #EFEFEF; }

.o-rounded--ldark::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 40px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(0, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)); background: linear-gradient(0, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)); opacity: .4; }

.o-rounded--no-shadows { -webkit-box-shadow: none; box-shadow: none; }

.o-rounded--md { min-height: 50px; border-radius: 25px; }

.o-rounded--md::before { border-radius: 25px; }

.o-rounded--lg { min-height: 100px; border-radius: 50px; }

.o-rounded--lg::before { border-radius: 50px; }

.o-rounded--gradient-blue { background: -o-linear-gradient(45deg, #0ABCC9, 15%, #1972B8); background: linear-gradient(45deg, #0ABCC9, 15%, #1972B8); color: #FFF; }

.o-rounded--box { border-radius: 15px; padding: 1em; }

.o-rounded__text { width: 100%; }

@media (max-width: 991px) { .o-scrollable { overflow-x: auto; overflow-y: hidden; }
  .o-scrollable::-webkit-scrollbar-track { background-color: #FFF; }
  .o-scrollable::-webkit-scrollbar { width: 12px; }
  .o-scrollable::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #1972B8; border: 3px solid #FFF; min-height: 30px; }
  .o-scrollable .o-scrollable__content { min-width: 1124px; padding-bottom: 2em; }
  .o-scrollable .o-scrollable__content--200 { min-width: 200%; } }

.c-btn { display: block; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#1972B8), to(#0ABCC9)); background: -o-linear-gradient(bottom, #1972B8, #0ABCC9); background: linear-gradient(0deg, #1972B8, #0ABCC9); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); text-decoration: none; }

.c-btn.is-disabled { background: -webkit-gradient(linear, left bottom, left top, from(#6e6e6e), to(#333C42)); background: -o-linear-gradient(bottom, #6e6e6e, #333C42); background: linear-gradient(0deg, #6e6e6e, #333C42); pointer-events: none; }

.c-btn--ib { display: inline-block; width: auto; }

.c-btn--border { border: 1px solid #1972B8; background: #FFF; -webkit-box-shadow: none; box-shadow: none; }

.c-btn--border .c-btn__text { color: #1972B8; padding: 1.5em; }

.c-btn:not(.c-btn--no-hover):hover:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); }

.c-btn--box { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 120px; background: none; color: #FFF; background: rgba(0, 0, 0, 0.5); }

.c-btn--box.c-btn--full-height { height: 100%; }

.c-btn--box:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #1972B8), to(#0ABCC9)); background: -o-linear-gradient(bottom, #1972B8 5%, #0ABCC9); background: linear-gradient(0deg, #1972B8 5%, #0ABCC9); opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; }

.c-btn--box.c-btn--clear { background: rgba(255, 255, 255, 0.6); }

.c-btn--box.c-btn--clear .c-btn__text { color: #222222; }

.c-btn--box.c-btn--clear:before { background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #222222), to(#333C42)); background: -o-linear-gradient(bottom, #222222 5%, #333C42); background: linear-gradient(0deg, #222222 5%, #333C42); }

.c-btn--box.c-btn--clear:not(.c-btn--no-hover):hover .c-btn__text { color: #FFF; }

.c-btn--box .c-btn__number { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 43px; flex: 0 0 43px; min-height: 100%; background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #1972B8), to(#0ABCC9)); background: -o-linear-gradient(bottom, #1972B8 5%, #0ABCC9); background: linear-gradient(0deg, #1972B8 5%, #0ABCC9); font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 1; font-style: normal; font-size: 28px; }

.c-btn--box .c-btn__number ~ .c-btn__text { padding: .7em 0 .7em .7em; }

.c-btn--box .c-btn__text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 1; font-style: normal; font-size: 36px; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; }

.c-btn--box .c-btn__text--sm { font-size: 30px; }

.c-btn--box .c-btn__text--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-btn--box .c-btn__icon { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-btn--box:not(.c-btn--no-hover):hover:before { opacity: 1; }

.c-btn__text { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 100%; padding: .7em; text-align: center; color: #FFF; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1; font-style: normal; font-size: 16px; }

.c-btn--xl .c-btn__text { padding: 2em; }

.c-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.8); }

.c-popup.is-visible { opacity: 1; z-index: 10; }

.c-popup__window { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100vw - 2em); height: calc(100vh - 2em); border: 1px solid black; background-color: white; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.c-popup__header { padding: 1em; border-bottom: 1px solid black; }

.c-popup__content { padding: 1em; height: 100%; overflow-x: hidden; overflow-y: auto; }

.c-popup__footer { padding: 1em; margin-top: auto; border-top: 1px solid black; }

.c-popup__close { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 100%; border-left: 1px solid black; }

@media (min-width: 480px) { .c-popup__window { max-height: 85%; max-width: 80%; } }

.c-input.is-invalid:after { content: ''; position: absolute; top: 9px; left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; background-image: url("/assets/img/icons/alert.png"); background-size: cover; }

.c-input__icon { display: inline; }

.is-invalid .c-input__icon { color: #FF4040; }

.c-input__field { background-color: transparent; width: 100%; border: 0; border: 1px solid #FFF; color: #FFF; padding: .7em; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.5; font-style: normal; font-size: 14px; }

.c-input__field::-webkit-input-placeholder { color: #EFEFEF; }

.c-input__field:-moz-placeholder { color: #EFEFEF; }

.c-input__field::-moz-placeholder { color: #EFEFEF; }

.c-input__field:-ms-input-placeholder { color: #EFEFEF; }

.c-input__field:focus { border-width: 3px; border-color: #1972B8; padding: calc(.7em - 2px); }

.c-input.is-invalid .c-input__field { border-width: 3px; border-color: #FF4040; padding: calc(.7em - 2px); padding-left: 40px; }

.c-input--dropdown .c-input__field { padding-right: 34px; }

.c-input__field::-ms-expand { display: none; }

textarea.c-input__field::-webkit-resizer { background: rgba(0, 128, 0, 0); outline: 2px solid blue; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; margin: 2em; }

textarea.c-input__field::-webkit-scrollbar-track { background-color: #333C42; }

textarea.c-input__field::-webkit-scrollbar { width: 12px; }

textarea.c-input__field::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #FFF; border: 3px solid #333C42; min-height: 30px; }

select.c-input__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.c-input__arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }

/* ========================================================================== Checboxes and radio buttons @mixin ========================================================================= */
.c-checkbox { cursor: pointer; }

.c-checkbox--block .c-checkbox__label { display: block; }

.c-checkbox--radio .c-checkbox__label:before { border-radius: 50%; background-color: #FFF; }

.c-checkbox--radio .c-checkbox__label:after { top: 1px; left: .5px; }

.c-checkbox--right .c-checkbox__label:after, .c-checkbox--right .c-checkbox__label:before { left: auto; right: 0; }

.c-checkbox--right .c-checkbox__text { padding-right: calc(15px + 10px); padding-left: 0; }

.c-checkbox.is-disabled .c-checkbox__label { pointer-events: none; }

.c-checkbox.is-disabled .c-checkbox__label:before { background-color: #EFEFEF; border-color: transparent; }

.c-checkbox.is-disabled .c-checkbox__label:after { color: #333C42; }

.c-checkbox.is-disabled .c-checkbox__input:checked + label:after { color: #333C42; }

.checkout-conditions.is-invalid .c-checkbox .input-text__invalid, .c-checkbox.is-invalid .input-text__invalid { display: block; }

.checkout-conditions.is-invalid .c-checkbox .c-checkbox__label:before, .c-checkbox.is-invalid .c-checkbox__label:before { border-color: #FF4040; }

.c-checkbox__input { display: none; }

.c-checkbox__input:checked + label:before { background-color: #1972B8; border-color: #1972B8; }

.c-checkbox__input:checked + label:after { color: #0ABCC9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-checkbox__input:checked + label:hover:before { border-color: #0ABCC9; }

.c-checkbox__input:checked + label:hover:after { color: #1972B8; }

.c-checkbox__label { display: inline-block; min-height: 15px; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

.c-checkbox__label:after, .c-checkbox__label:before { position: absolute; top: 0; left: 0; display: block; width: 15px; height: 15px; }

.c-checkbox__label:before { content: ""; background-color: transparent; border: 1px solid #FFF; border-radius: 0; -webkit-transition: border-color .1s ease-out; -o-transition: border-color .1s ease-out; transition: border-color .1s ease-out; }

.c-checkbox__label:after { content: ""; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .1s ease-out; transition: -webkit-transform .1s ease-out; -o-transition: transform .1s ease-out; transition: transform .1s ease-out; transition: transform .1s ease-out, -webkit-transform .1s ease-out; }

.c-checkbox__label--middle:after, .c-checkbox__label--middle:before { top: calc(50% - 15px/2); }

.c-checkbox__label:hover:before { border-color: #1972B8; }

.c-checkbox__label:hover:after { color: #333C42; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-checkbox__label:active:after { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.c-checkbox__text { display: block; padding-left: calc(15px + 10px); top: 0; color: #FFF; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.5; font-style: normal; font-size: 12px; }

.c-checkbox__text a { color: #FFF; }

.c-checkbox__text a:hover { text-decoration: underline; }

.c-indexline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 18px; }

.c-indexline--full { padding-bottom: 5em; }

@media (min-width: 992px) { .c-indexline--full { padding-bottom: 7em; } }

.c-indexline--full:before { content: ""; position: absolute; top: 8px; left: 8px; height: 2px; width: calc(100% - 8px); background-color: #1972B8; }

@media (max-width: 991px) { .c-indexline:not(.c-indexline--full) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .c-indexline:not(.c-indexline--full):before { content: ""; position: absolute; top: 0; left: 8px; width: 2px; height: calc(100% - 8px); background-color: #FFF; } }

.c-indexline .flickity-viewport { overflow: visible; }

.c-indexline .flickity-slider:before { content: ''; position: absolute; top: 9px; left: 6px; display: block; width: 200%; height: 2px; background-color: #FFF; }

@media (min-width: 992px) { .flickity-enabled .c-indexline__item { width: 20%; }
  .flickity-enabled .c-indexline__item.c-slider__item { opacity: 1; } }

.c-indexline__item { width: auto; }

@media (min-width: 992px) { .c-indexline__item { width: 20%; }
  .c-indexline--full .c-indexline__item { width: initial; }
  .c-indexline--full .c-indexline__item:not(:first-child):before { left: -36px; } }

@media (max-width: 991px) { .c-indexline__item { padding-left: 2em; margin-bottom: 1em; }
  .c-indexline__item:last-child { margin-bottom: 0; } }

.c-indexline__item:before { content: ''; position: absolute; top: 9px; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #FFF; background-color: #FFF; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); }

.c-indexline__item.is-done:before { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#1972B8), to(#0ABCC9)); background: -o-linear-gradient(0, #1972B8, #0ABCC9); background: linear-gradient(0, #1972B8, #0ABCC9); border: none; width: 12px; height: 12px; }

.c-indexline__item.is-active:before { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#1972B8), to(#0ABCC9)); background: -o-linear-gradient(0, #1972B8, #0ABCC9); background: linear-gradient(0, #1972B8, #0ABCC9); border-color: #FFF; }

.c-indexline__item--end { display: none; }

.c-indexline__item--end:before { display: none; }

.c-indexline__item--xl:before { width: 36px; height: 36px; border-color: #1972B8; }

.c-indexline__item--xl.is-active:before { border-color: #1972B8; background: #FFF; }

.c-indexline__item--xl.is-active:after { content: ''; position: absolute; top: 0; left: 9px; display: block; width: 18px; height: 18px; background-color: #1972B8; border-radius: 100%; }

.c-indexline__text { width: 150px; margin: 2em 0 0 6px; text-transform: uppercase; text-decoration: none; }

@media (min-width: 992px) { .c-indexline__text { width: 160px; } }

@media (min-width: 1144px) { .c-indexline__text { width: 180px; } }

.c-indexline__text--light { color: #FFF; }

.c-indexline--full .c-indexline__text { position: absolute; top: 0; right: 0; text-align: right; margin: 1.5em 0 0 6px; }

@media (min-width: 992px) { .c-indexline--full .c-indexline__text { right: 0; } }

.c-text-img { width: 100%; }

.c-text-img--scale--1 { -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); }

.c-text-img--scale--2 { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); }

.c-text-img--scale--3 { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }

.c-text-img--scale--4 { -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); }

.c-text-img--scale--5 { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.c-text-img--scale--6 { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }

.c-text-img--scale--7 { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.c-text-img--scale--8 { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.c-text-img--scale--9 { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.c-text-img--scale--10 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-text-img--scale--11 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.c-text-img--scale--12 { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.c-text-img--scale--13 { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }

.c-text-img--scale--14 { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

.c-text-img--scale--15 { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }

.c-text-img--scale--16 { -webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); }

.c-text-img--scale--17 { -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); }

.c-text-img--scale--18 { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); }

.c-text-img--scale--19 { -webkit-transform: scale(1.9); -ms-transform: scale(1.9); transform: scale(1.9); }

.c-text-img--scale--20 { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }

.flickity-slider .c-text-img { min-height: 100%; }

.c-text-img .c-text-img__media { margin-top: 2em; }

.c-text-img .c-text-img__body { height: 100%; padding: 3em 2em; }

.c-text-img .c-text-img__body > * { opacity: 0; -webkit-transition: opacity 1s linear 1s; -o-transition: opacity 1s linear 1s; transition: opacity 1s linear 1s; }

.is-reveal .c-text-img .c-text-img__body > * { opacity: 1; }

.c-text-img .c-text-img__body:before { content: ''; position: absolute; top: 0; right: 66%; display: block; width: 0; height: 0; border-top: 5px solid #0ABCC9; -webkit-transition: width .2s linear 1s; -o-transition: width .2s linear 1s; transition: width .2s linear 1s; }

.is-reveal .c-text-img .c-text-img__body:before { width: 34%; }

.c-text-img .c-text-img__body--full:before { right: 85%; }

.is-reveal .c-text-img .c-text-img__body--full:before { width: 15%; }

.c-text-img .c-text-img__body:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; border-left: 5px solid #0ABCC9; border-bottom: 5px solid #0ABCC9; opacity: 0; -webkit-transition: height .3s linear 1.2s, width .3s linear 1.5s, opacity .0s linear 1.2s; -o-transition: height .3s linear 1.2s, width .3s linear 1.5s, opacity .0s linear 1.2s; transition: height .3s linear 1.2s, width .3s linear 1.5s, opacity .0s linear 1.2s; }

.is-reveal .c-text-img .c-text-img__body:after { opacity: 1; height: 100%; width: 100%; z-index: -1; }

.is-reveal .c-text-img .c-text-img__body--full:after { width: 50%; }

.c-text-img .c-text-img__body > .t-title { margin-top: 1em; margin-bottom: 1em; }

.c-text-img .c-text-img__body > .t-title:first-child { margin-top: 0; }

.c-text-img .c-text-img__body > .t-body { margin-bottom: .75em; }

.c-text-img .c-text-img__body > .t-body:last-child { margin-bottom: 0; }

@media (min-width: 992px) { .c-text-img .c-text-img__body--box { height: auto; } }

.c-text-img .c-text-img__body--clear { border: none; padding: 0; }

.c-text-img .c-text-img__body--clear:before, .c-text-img .c-text-img__body--clear:after { display: none; }

.c-text-img--reverse .c-text-img__body.c-text-img__body--full:before { left: 85%; }

.c-text-img--light { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #FFF; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

@media (max-width: 991px) { .c-text-img--light { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; } }

.c-text-img--light .c-text-img__body--clear { padding: 1.5em; }

.c-text-img--light .c-text-img__media { margin-top: 0; }

@media (max-width: 991px) { .c-text-img--light .c-text-img__media { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } }

.c-text-img--center .c-text-img__media { margin-right: auto; }

@media (min-width: 992px) { .c-text-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; }
  .c-text-img .c-text-img__body { width: calc(50% - 60px); padding: 3em 2em; }
  .c-text-img .c-text-img__body--full { width: calc(100% - 60px); border-bottom: none; }
  .c-text-img .c-text-img__media { width: 50%; margin-left: auto; margin-top: 0; height: 100%; }
  .c-text-img .c-text-img__media--bottom { margin-top: auto; }
  .c-text-img .c-text-img__media--30 { width: 30%; } }

.c-text-img--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.c-text-img--reverse .c-text-img__media { margin-left: 0; margin-right: auto; }

.c-text-img--reverse .c-text-img__body { border-left: none; text-align: right; }

.c-text-img--reverse .c-text-img__body:before { left: 66%; right: auto; }

.c-text-img--reverse .c-text-img__body:after { left: auto; right: 0; border-left: none; border-right: 5px solid #0ABCC9; }

.c-text-img--reverse .c-text-img__body--clear { border: none; }

.c-text-img--reverse .c-text-img__body--clear:before { display: none; }

.c-box-purpose { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

@media (min-width: 992px) { .c-box-purpose { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3em 4em; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } }

.flickity-slider .c-box-purpose { min-height: 100%; }

.flickity-slider .c-box-purpose:first-child .c-box-purpose__icon .o-dot__inner .t-title { -webkit-transition: opacity 1s ease-out 1.2s, -webkit-transform 1s ease-out 1.2s; transition: opacity 1s ease-out 1.2s, -webkit-transform 1s ease-out 1.2s; -o-transition: opacity 1s ease-out 1.2s, transform 1s ease-out 1.2s; transition: opacity 1s ease-out 1.2s, transform 1s ease-out 1.2s; transition: opacity 1s ease-out 1.2s, transform 1s ease-out 1.2s, -webkit-transform 1s ease-out 1.2s; }

.flickity-slider .c-box-purpose:first-child .c-box-purpose__body { -webkit-transition: opacity .4s linear 2.2s, -webkit-transform .4s linear 2.2s; transition: opacity .4s linear 2.2s, -webkit-transform .4s linear 2.2s; -o-transition: opacity .4s linear 2.2s, transform .4s linear 2.2s; transition: opacity .4s linear 2.2s, transform .4s linear 2.2s; transition: opacity .4s linear 2.2s, transform .4s linear 2.2s, -webkit-transform .4s linear 2.2s; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.25s; -o-transition: stroke-dashoffset 2s ease-in-out 1.25s; transition: stroke-dashoffset 2s ease-in-out 1.25s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.75s; -o-transition: stroke-dashoffset 2s ease-in-out 1.75s; transition: stroke-dashoffset 2s ease-in-out 1.75s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2s; -o-transition: stroke-dashoffset 2s ease-in-out 2s; transition: stroke-dashoffset 2s ease-in-out 2s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.5s; -o-transition: stroke-dashoffset 2s ease-in-out 2.5s; transition: stroke-dashoffset 2s ease-in-out 2.5s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.75s; -o-transition: stroke-dashoffset 2s ease-in-out 2.75s; transition: stroke-dashoffset 2s ease-in-out 2.75s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3s; -o-transition: stroke-dashoffset 2s ease-in-out 3s; transition: stroke-dashoffset 2s ease-in-out 3s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.25s; -o-transition: stroke-dashoffset 2s ease-in-out 3.25s; transition: stroke-dashoffset 2s ease-in-out 3.25s; stroke-dashoffset: 0; }

.is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) path, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) polyline, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) polygon, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) circle, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) line, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) rect, .is-reveal .flickity-slider .c-box-purpose:first-child.is-loaded .o-icon .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 3.5s; -o-transition: stroke-dashoffset 2s ease-in-out 3.5s; transition: stroke-dashoffset 2s ease-in-out 3.5s; stroke-dashoffset: 0; }

.c-box-purpose__icon { width: 220px; margin: 0 auto 2em auto; color: #FFF; }

.c-box-purpose__icon .o-dot__inner .t-title { opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: opacity 1s ease-out .25s, -webkit-transform 1s ease-out .25s; transition: opacity 1s ease-out .25s, -webkit-transform 1s ease-out .25s; -o-transition: opacity 1s ease-out .25s, transform 1s ease-out .25s; transition: opacity 1s ease-out .25s, transform 1s ease-out .25s; transition: opacity 1s ease-out .25s, transform 1s ease-out .25s, -webkit-transform 1s ease-out .25s; }

@media (min-width: 992px) { .c-box-purpose__icon .o-icon--xl { font-size: 5.143em; } }

@media (min-width: 1144px) { .c-box-purpose__icon .o-icon--xl { font-size: 7.143em; } }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(1) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.25s; -o-transition: stroke-dashoffset 2s ease-in-out 0.25s; transition: stroke-dashoffset 2s ease-in-out 0.25s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(2) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.5s; -o-transition: stroke-dashoffset 2s ease-in-out 0.5s; transition: stroke-dashoffset 2s ease-in-out 0.5s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(3) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 0.75s; -o-transition: stroke-dashoffset 2s ease-in-out 0.75s; transition: stroke-dashoffset 2s ease-in-out 0.75s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(4) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1s; -o-transition: stroke-dashoffset 2s ease-in-out 1s; transition: stroke-dashoffset 2s ease-in-out 1s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(5) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.25s; -o-transition: stroke-dashoffset 2s ease-in-out 1.25s; transition: stroke-dashoffset 2s ease-in-out 1.25s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(6) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.5s; -o-transition: stroke-dashoffset 2s ease-in-out 1.5s; transition: stroke-dashoffset 2s ease-in-out 1.5s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(7) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 1.75s; -o-transition: stroke-dashoffset 2s ease-in-out 1.75s; transition: stroke-dashoffset 2s ease-in-out 1.75s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(8) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2s; -o-transition: stroke-dashoffset 2s ease-in-out 2s; transition: stroke-dashoffset 2s ease-in-out 2s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(9) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.25s; -o-transition: stroke-dashoffset 2s ease-in-out 2.25s; transition: stroke-dashoffset 2s ease-in-out 2.25s; stroke-dashoffset: 0; }

.is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) path, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) polyline, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) polygon, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) circle, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) line, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) rect, .is-reveal .is-loaded .c-box-purpose__icon .o-icon .o-icon__src g:nth-child(10) ellipse { -webkit-transition: stroke-dashoffset 2s ease-in-out 2.5s; -o-transition: stroke-dashoffset 2s ease-in-out 2.5s; transition: stroke-dashoffset 2s ease-in-out 2.5s; stroke-dashoffset: 0; }

@media (min-width: 992px) { .c-box-purpose__icon { margin: 0 60px 0 0; width: 20%; } }

.is-reveal .is-loaded .c-box-purpose__icon .o-dot__inner .t-title { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-box-purpose__body { opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition: opacity .4s linear 1.2s, -webkit-transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, -webkit-transform .4s linear 1.2s; -o-transition: opacity .4s linear 1.2s, transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, transform .4s linear 1.2s; transition: opacity .4s linear 1.2s, transform .4s linear 1.2s, -webkit-transform .4s linear 1.2s; text-align: center; }

@media (min-width: 992px) { .c-box-purpose__body { text-align: left; } }

.is-reveal .is-loaded .c-box-purpose__body { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-box-purpose__body > .t-title { margin-top: .5em; margin-bottom: .5em; }

.c-box-purpose__body > .t-title:first-child { margin-top: 0; }

.c-box-purpose__body > .t-body { margin-bottom: .75em; }

.c-box-purpose__body > .t-body:last-child { margin-bottom: 0; }

@media (min-width: 480px) { .c-box-purpose__body { width: 75%; margin: auto; } }

@media (min-width: 992px) { .c-box-purpose__body { width: calc(80% - 60px); } }

.c-tabs { overflow: hidden; }

@media (min-width: 992px) { .c-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.c-tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media (min-width: 992px) { .c-tabs__list { z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 30%; -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15); } }

.c-tabs__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(50% - 10px); margin: 0 10px 20px 10px; background-color: #FFF; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; text-transform: uppercase; -webkit-transition: background-color .4s ease-out; -o-transition: background-color .4s ease-out; transition: background-color .4s ease-out; }

.c-tabs__tab.is-active, .c-tabs__tab:hover { background-color: #1972B8; }

.c-tabs__tab.is-active .c-tabs__link, .c-tabs__tab:hover .c-tabs__link { color: #FFF; }

@media (min-width: 992px) { .c-tabs__tab::after { content: ''; position: absolute; top: 0; right: -35px; display: block; width: 0; height: 0; border-top: 75px solid transparent; border-bottom: 75px solid transparent; border-left: 35px solid transparent; opacity: 0; -webkit-transition: opacity .4s ease-out, border-color .4s ease-out, right .4s ease-out; -o-transition: opacity .4s ease-out, border-color .4s ease-out, right .4s ease-out; transition: opacity .4s ease-out, border-color .4s ease-out, right .4s ease-out; }
  .c-tabs__tab.is-active::after { right: -35px; opacity: 1; border-left: 35px solid #1972B8; } }

@media (max-width: 991px) { .c-tabs__tab .t-title { font-size: 24px; } }

.c-tabs__tab:first-child { margin-left: 0; }

.c-tabs__tab:last-child { margin-right: 0; }

@media (min-width: 768px) { .c-tabs__tab { width: calc(33.333% - 13px); } }

@media (min-width: 992px) { .c-tabs__tab { width: 100%; height: 150px; margin: 0 0 1px 0; } }

.c-tabs__link { display: -webkit-box; display: -ms-flexbox; display: flex; color: #222222; text-decoration: none; padding: .5em; -webkit-transition: color .4s ease-out; -o-transition: color .4s ease-out; transition: color .4s ease-out; }

@media (min-width: 768px) { .c-tabs__link { padding: 1em; } }

.c-tabs__tab.is-active .c-tabs__link { color: #FFF; }

.c-tabs__inner { background-color: #FFF; padding: 2em; }

@media (min-width: 992px) { .c-tabs__inner { position: absolute; top: 0; right: 0; width: 70%; height: 100%; padding: 2em 4em 2em 4em; } }

.c-tabs__content { display: none; height: 100%; overflow: auto; }

.c-tabs__content::-webkit-scrollbar-track { background-color: #FFF; }

.c-tabs__content::-webkit-scrollbar { width: 12px; }

.c-tabs__content::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #1972B8; border: 3px solid #FFF; min-height: 30px; }

.c-tabs__content.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-tabs__content > .t-title { margin-top: 1em; margin-bottom: 1em; }

.c-tabs__content > .t-title:first-child { margin-top: 0; }

.c-tabs__content > .t-body { margin-bottom: .75em; }

.c-tabs__content > .t-body:last-child { margin-bottom: 0; }

.c-list-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.c-list-dots--fullheight { height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.c-list-dots .c-list-dots__item { padding-left: 30px; margin-bottom: 1em; }

.c-list-dots .c-list-dots__item:last-child { margin-bottom: 0; }

.c-list-dots .c-list-dots__item::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #333C42; }

.c-list-dots .c-list-dots__item--xs::before { top: 5px; left: 5px; width: 10px; height: 10px; }

.c-list-dots .c-list-dots__item--xxs { padding-left: 20px; }

.c-list-dots .c-list-dots__item--xxs::before { top: 8px; left: 5px; width: 6px; height: 6px; }

.c-list-dots .c-list-dots__item.is-yellow::before { background-color: #FFBF0E; }

.c-list-dots .c-list-dots__item.is-lgreen::before { background-color: #20C6C3; }

.c-list-dots .c-list-dots__item.is-green::before { background-color: #10808F; }

.c-list-dots .c-list-dots__item.is-lpurple::before { background-color: #45486D; }

.c-list-dots .c-list-dots__item.is-purple::before { background-color: #914E63; }

.c-list-dots .c-list-dots__item.is-blue::before { background-color: #1972B8; }

.c-list-dots .c-list-dots__item.is-mblue::before { background-color: #0ABCC9; }

.c-highlight { -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15); background-color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2em; width: 100%; height: 100%; }

.c-highlight--no-shadows { -webkit-box-shadow: none; box-shadow: none; }

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

.c-highlight--reverse .c-highlight__body { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

@media (min-width: 992px) { .c-highlight { margin-bottom: 0; }
  .c-highlight--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-highlight--horizontal .c-highlight__media, .c-highlight--horizontal .c-highlight__body { width: 50%; }
  .c-highlight--horizontal .c-highlight__body { position: absolute; top: 0; right: 0; height: 100%; }
  .c-highlight--horizontal.c-highlight--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .c-highlight--horizontal.c-highlight--reverse .c-highlight__body { right: auto; left: 0; } }

.c-highlight__body { padding: 2em; }

.c-highlight__body--v-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-highlight__body > .t-title { margin-top: .5em; margin-bottom: .5em; }

.c-highlight__body > .t-title:first-child { margin-top: 0; }

.c-highlight__body > .t-body { margin-bottom: .25em; }

.c-highlight__body > .t-body:last-child { margin-bottom: 0; }

@media (min-width: 992px) { .c-highlight--horizontal .c-highlight__body { overflow: auto; margin: 2em 1em 2em 2em; padding: 0 1em 0 0; width: calc(50% - 3em); height: calc(100% - 4em); }
  .c-highlight--horizontal .c-highlight__body::-webkit-scrollbar-track { background-color: #FFF; }
  .c-highlight--horizontal .c-highlight__body::-webkit-scrollbar { width: 12px; }
  .c-highlight--horizontal .c-highlight__body::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #1972B8; border: 3px solid #FFF; min-height: 30px; } }

.c-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; background-color: rgba(255, 255, 255, 0.6); height: 100%; }

.c-box--dark { background-color: rgba(255, 255, 255, 0.9); }

.c-box--full-height { height: 100%; }

.c-box--graph .c-list-dot c-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-box--border { border: 1px solid #1972B8; color: #1972B8; }

.c-box--blue-gradient { background-color: #1972B8; color: #FFF; background: -o-linear-gradient(45deg, #0ABCC9, #1972B8); background: linear-gradient(45deg, #0ABCC9, #1972B8); }

.c-box--blue { background-color: #1972B8; color: #FFF; }

.c-box--mblue { background-color: #0ABCC9; color: #FFF; }

.c-box--light { background-color: #FFF; color: #222222; }

.c-box--transparent { background-color: transparent; }

.c-box--b-shadow { -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); }

.c-box--backface { z-index: -1; }

.c-box__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1.5em; }

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

.c-box--sm .c-box__header { padding: .5em; }

@media (min-width: 992px) { .c-box--sm .c-box__header { padding: 1.5em; } }

.c-box--xl .c-box__header { padding: 3em; }

@media (min-width: 992px) { .c-box--xl .c-box__header { padding: 5em; } }

@media (min-width: 992px) { .c-box__header--right { -webkit-box-ordinal-group: 1001; -ms-flex-order: 1000; order: 1000; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-left: auto; } }

.c-box__header--blue { background-color: #1972B8; color: #FFF; }

.c-box__header--mblue { background-color: #0ABCC9; color: #FFF; }

.c-box__inner { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1.5em; }

.c-box__inner--dynamic { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; }

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

.c-box--sm .c-box__inner { padding: .5em; }

@media (min-width: 992px) { .c-box--sm .c-box__inner { padding: 1.5em; } }

.c-box--xl .c-box__inner { padding: 3em; }

@media (min-width: 992px) { .c-box--xl .c-box__inner { padding: 5em; } }

.c-box__inner > .t-title { margin-top: 1.5em; margin-bottom: .5em; }

.c-box__inner > .t-title:first-child { margin-top: 0; }

.c-box__inner > .t-title:last-child { margin-bottom: 0; }

.c-box__inner > .t-body { margin-bottom: .75em; }

.c-box__inner > .t-body:last-child { margin-bottom: 0; }

.c-box__inner--t-border::after { content: ''; position: absolute; top: 0; left: 1.5em; display: block; width: calc(100% - 3em); height: 0; border-top: 1px solid #EFEFEF; }

.c-box--sm .c-box__inner--t-border::after { left: .5em; width: calc(100% - 1em); }

@media (min-width: 992px) { .c-box__inner--t-border::after { left: 3em; width: calc(100% - 6em); }
  .c-box--sm .c-box__inner--t-border::after { left: 1.5em; width: calc(100% - 3em); } }

.c-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #FFF; padding: 0.5em .4em; background-color: #333C42; height: 53px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (min-width: 992px) { .c-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 100vh; padding: 0; } }

@media (min-width: 992px) { .c-nav__section { padding: 20px; } }

.c-nav__section--header { font-family: "Barlow Condensed", sans-serif; font-size: 72px; font-weight: 700; line-height: 1; }

@media (max-width: 991px) { .c-nav__section--header { display: none; } }

.c-nav__section--header span { display: block; font-size: 14px; line-height: 1.5; }

.c-nav__section--player { position: absolute; top: .4em; left: .4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #222222; padding: 2px; border-radius: 25px; overflow: hidden; }

@media (min-width: 992px) { .c-nav__section--player { position: relative; top: auto; left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; border-radius: 0; background-color: #222222; overflow: visible; } }

.c-nav__section--toolbar { position: fixed; bottom: 40px; left: 1em; padding: 0; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; -o-transition: opacity .2s ease-out, transform .2s ease-out; transition: opacity .2s ease-out, transform .2s ease-out; transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; }

@media (max-width: 991px) { .c-nav__section--toolbar { -webkit-transform: translateY(calc(100% + 1em)); -ms-transform: translateY(calc(100% + 1em)); transform: translateY(calc(100% + 1em)); opacity: 0; }
  .c-nav__section--toolbar.is-visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } }

@media (min-width: 992px) { .c-nav__section--toolbar { position: relative; bottom: auto; left: 0; width: 100%; } }

.c-nav__section--logo { display: none; opacity: .25; }

@media (min-width: 992px) { .c-nav__section--logo { display: block; } }

.c-nav__spectrum { display: block; width: 36px; }

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

@media (min-width: 992px) { .c-nav__spectrum { width: calc(100% - 40px); height: auto; margin: 0 20px; } }

.c-nav__player { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: distribute; justify-content: space-around; }

@media (max-width: 991px) { .c-nav__player { display: none; padding-bottom: .5em; }
  .is-visible .c-nav__player { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .c-nav__player .c-nav__btn { width: 36px; height: 36px; border-radius: 100%; }
  .c-nav__player .c-nav__btn .o-icon { font-size: 2.358em; } }

@media (min-width: 992px) { .c-nav__player { margin-top: 1em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.c-nav__player .c-nav__btn { background-color: #222222; margin: .5em 0 0 0; }

@media (min-width: 992px) { .c-nav__player .c-nav__btn { margin: .5em 2px 0 2px; }
  .c-nav__player .c-nav__btn:last-child { margin-bottom: 0; } }

.c-nav__player .c-nav__btn:hover { background-color: #1972B8; }

.c-nav__player .c-nav__btn:active { background-color: #1972B8; }

.c-nav__player .c-nav__btn.is-active { background-color: #1972B8; }

.c-nav__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; }

.c-nav__btn:hover { background-color: #222222; }

.c-nav__toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

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

.c-nav__toolbar .c-nav__btn { margin-top: 1em; border-radius: 50%; overflow: hidden; background-color: #222222; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

.c-nav__toolbar .c-nav__btn.is-disabled { pointer-events: none; opacity: .6; }

@media (min-width: 992px) { .c-nav__toolbar .c-nav__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 10vh; max-height: 140px; border-bottom: 1px solid #222222; background-color: #333C42; padding: 3em 0; border-radius: 0; margin-top: 0; -webkit-box-shadow: none; box-shadow: none; }
  .c-nav__toolbar .c-nav__btn:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); display: block; width: 100%; height: 100%; border-radius: 100%; background-color: #1972B8; opacity: 0; -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out; transition: opacity .4s ease-out, -webkit-transform .4s ease-out; -o-transition: transform .4s ease-out, opacity .4s ease-out; transition: transform .4s ease-out, opacity .4s ease-out; transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out; }
  .c-nav__toolbar .c-nav__btn:hover { background-color: #1972B8; }
  .c-nav__toolbar .c-nav__btn.is-active:before { -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); opacity: 1; } }

@media (min-width: 1144px) { .c-nav__toolbar .c-nav__btn { max-height: 160px; } }

.c-slider:after { content: 'flickity'; display: none; }

@media (min-width: 480px) { .c-slider--s-max::after { content: ''; } }

@media (min-width: 768px) { .c-slider--m-max::after { content: ''; } }

@media (min-width: 992px) { .c-slider--l-max::after { content: ''; } }

.c-slider--highlight .c-slider__item::before { content: ''; position: absolute; top: 0; display: block; left: 10px; width: calc(100% - 20px); height: 100%; background-color: #FFF; }

.c-slider--ovisible .flickity-viewport { overflow: visible; }

.flickity-enabled .flickity-slider .c-highlight { margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }

.flickity-enabled .flickity-slider .c-slider__item { min-height: 100%; }

.flickity-enabled .flickity-slider .c-slider__item > .g-row { min-height: 100%; }

.flickity-enabled .c-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; }

.flickity-enabled .c-slider__item--full { width: 100%; }

.flickity-enabled .c-slider__item.is-selected { opacity: 1; }

@media (max-width: 767px) { .flickity-enabled.c-tabs__list .flickity-viewport { width: 100%; }
  .flickity-enabled.c-tabs__list .flickity-page-dots { display: none; }
  .flickity-enabled.c-tabs__list .c-slider__item { opacity: 1; width: 40%; } }

.c-modal { display: block; background-color: #FFF; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

@media (min-width: 992px) { .c-modal { width: 100%; height: 0; padding-top: 33.33333%; } }

.c-modal__inner { top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 2em; }

@media (min-width: 992px) { .c-modal__inner { position: absolute; width: 75%; } }

.c-modal__inner .t-title { margin: .5em 0; }

.c-modal__inner .t-title:first-child { margin-top: 0; }

.c-modal__inner .t-body { margin-bottom: .25em; }

.c-modal__inner .t-body:last-child { margin-bottom: 0; }

.c-modal__media { position: absolute; top: 0; right: 0; width: 25%; height: 100%; display: none; }

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

.c-modal__buttons { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 992px) { .c-modal__buttons { margin-top: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.c-modal__buttons .c-btn { margin-right: .5em; width: 100%; margin-bottom: 1em; }

@media (min-width: 480px) { .c-modal__buttons .c-btn { width: auto; min-width: 150px; margin-bottom: 0; } }

.c-modal__buttons .c-btn:last-child { margin-bottom: 0; }

.c-modal__buttons .c-btn:hover .c-btn__text, .c-modal__buttons .c-btn.is-selected .c-btn__text { color: #FFF; }

.c-modal__buttons .c-btn:hover:before { background-color: #1972B8; }

.c-modal__buttons .c-btn.is-selected:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: #10568D; }

.c-modal__buttons .c-btn label { cursor: pointer; }

.c-modal__buttons .c-btn:last-child { margin-right: 0; }

.c-modal__buttons .c-btn input[type="radio"] { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; }

.c-eq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: 120px; height: 120px; padding: 1em; background-color: #FFF; border-radius: 50%; }

.c-eq__bar { height: 100%; width: 4px; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0ABCC9), to(#1972B8)); background: -o-linear-gradient(0, #0ABCC9, #1972B8); background: linear-gradient(0, #0ABCC9, #1972B8); }

.c-menu { position: fixed; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 53px; color: #FFF; }

@media (max-width: 991px) { .c-menu.is-open { z-index: 2; } }

@media (min-width: 992px) { .c-menu { color: #000000; background-color: #FFF; width: calc(100% - 140px); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; -o-transition: opacity .2s ease-out, transform .2s ease-out; transition: opacity .2s ease-out, transform .2s ease-out; transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.15); }
  .c-menu.is-visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } }

@media (min-width: 1144px) { .c-menu { width: calc(100% - 160px); } }

.c-menu__title { position: absolute; left: 1em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }

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

.c-menu__help { position: absolute; right: 1em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

@media (min-width: 992px) { .c-menu__help { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.c-menu__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Barlow Condensed", sans-serif; font-weight: 200; line-height: 1; font-style: normal; font-size: 24px; }

.c-menu__burger { position: absolute; top: 50%; right: 1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 25px; height: 18px; }

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

.is-open .c-menu__burger { z-index: 2; }

.is-open .c-menu__burger ~ .c-menu__nav { left: 0; opacity: 1; z-index: 1; -webkit-transition: opacity .3s ease-out, left .3s step-start, z-index .3s step-start; -o-transition: opacity .3s ease-out, left .3s step-start, z-index .3s step-start; transition: opacity .3s ease-out, left .3s step-start, z-index .3s step-start; }

.c-menu__burger-bar { position: absolute; left: 0; width: 100%; height: 2px; background-color: #FFF; border-radius: 3px; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }

.c-menu__burger-bar:nth-child(1) { top: 0; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }

.c-menu__burger-bar:nth-child(2), .c-menu__burger-bar:nth-child(3) { top: 50%; }

.c-menu__burger-bar:nth-child(4) { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; top: 100%; }

.c-menu__burger.is-open .c-menu__burger-bar:nth-child(1), .c-menu__burger.is-open .c-menu__burger-bar:nth-child(4) { opacity: 0; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); }

.c-menu__burger.is-open .c-menu__burger-bar:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }

.c-menu__burger.is-open .c-menu__burger-bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }

.c-menu__nav { position: fixed; top: 0; left: 100%; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background: #333C42; opacity: 0; -webkit-transition: opacity .3s ease-out, left .3s step-end, z-index .3s step-end; -o-transition: opacity .3s ease-out, left .3s step-end, z-index .3s step-end; transition: opacity .3s ease-out, left .3s step-end, z-index .3s step-end; }

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

.c-menu__nav-header { border-bottom: 1px solid #222222; padding: 1.5em; }

.c-menu__nav-header p { margin-bottom: .5em; }

.c-menu__nav-header p:last-child { margin-bottom: 0; }

.c-menu__nav-inner { padding: 1.5em; height: 100%; overflow-y: auto; }

.c-menu__nav-inner .c-indexline__text { font-size: 16px; }

.c-menu__nav-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #222222; padding: 1.5em; }

.c-menu__nav-footer > .o-icon { position: absolute; top: 50%; left: .4em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-menu__logo { position: absolute; top: 50%; right: .8em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 90px; }

.c-image-viewer { position: fixed; top: 53px; left: 0; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: calc(100% - 53px); background-color: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transition: opacity .4s ease-out, z-index .4s step-end; -o-transition: opacity .4s ease-out, z-index .4s step-end; transition: opacity .4s ease-out, z-index .4s step-end; }

@media (min-width: 992px) { .c-image-viewer { top: 0; left: 140px; width: calc(100% - 140px); height: 100%; } }

@media (min-width: 1144px) { .c-image-viewer { left: 160px; width: calc(100% - 160px); } }

.c-image-viewer.is-visible { opacity: 1; z-index: 5; -webkit-transition: opacity .4s ease-out, z-index .4s step-start; -o-transition: opacity .4s ease-out, z-index .4s step-start; transition: opacity .4s ease-out, z-index .4s step-start; }

.c-image-viewer.is-visible .c-image-viewer__inner { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.c-image-viewer.is-visible .c-image-viewer__close { opacity: 1; }

.c-image-viewer__close { position: absolute; top: 5px; right: 5px; cursor: pointer; opacity: 0; -webkit-transition: opacity .4s ease-out .6s; -o-transition: opacity .4s ease-out .6s; transition: opacity .4s ease-out .6s; border-radius: 100%; background-color: #222222; }

@media (min-width: 992px) { .c-image-viewer__close { top: 10px; right: 10px; } }

.c-image-viewer__inner { max-width: 100%; max-height: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition: opacity .4s ease-out .2s, -webkit-transform .4s ease-out .2s; transition: opacity .4s ease-out .2s, -webkit-transform .4s ease-out .2s; -o-transition: opacity .4s ease-out .2s, transform .4s ease-out .2s; transition: opacity .4s ease-out .2s, transform .4s ease-out .2s; transition: opacity .4s ease-out .2s, transform .4s ease-out .2s, -webkit-transform .4s ease-out .2s; overflow: auto; }

@media (min-width: 992px) { .c-image-viewer__inner { max-width: 90%; max-height: 80%; } }

.c-image-viewer__img { position: relative; }

@media (max-width: 767px) { .c-image-viewer__img.js-image-viewer-retina { width: 200% !important; } }

@media (min-width: 992px) { .c-image-viewer__img { height: auto; } }

@media (min-width: 1144px) { .c-image-viewer__img { height: auto; } }

.c-lang { position: absolute; top: 1em; right: 1em; z-index: 6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 24px; overflow: hidden; padding-right: 5px; padding-left: 5px; cursor: pointer; border: 2px solid white; background-color: white; color: black; }

.c-lang.is-open { height: 83px; }

.c-lang.is-open .c-lang__item { z-index: 1; }

.c-lang:after { content: ""; position: absolute; top: 7px; right: 0; display: block; width: 16px; height: 8px; background: url(/assets/img/icons/dropdown-black.png) center center no-repeat; background-size: cover; margin-right: 5px; }

.c-lang__item { text-align: left; text-decoration: none; z-index: -1; font-family: "Montserrat", sans-serif; font-weight: 600; line-height: 1.5; font-style: normal; font-size: 14px; margin-bottom: .5em; padding-right: 25px; }

.c-lang__item.is-active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; pointer-events: none; }

.c-help { position: fixed; top: 0; left: 0; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100vh; padding: 70px 20px; background-color: white; text-align: center; opacity: 0; -webkit-transition: opacity .4s ease-out, z-index .4s step-end; -o-transition: opacity .4s ease-out, z-index .4s step-end; transition: opacity .4s ease-out, z-index .4s step-end; overflow: scroll; }

@media (min-width: 992px) { .c-help { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; left: 140px; width: calc(100% - 140px); } }

@media (min-width: 1144px) { .c-help { left: 160px; width: calc(100% - 160px); } }

.c-help.is-visible { z-index: 6; opacity: 1; -webkit-transition: opacity .4s ease-out, z-index .4s step-start; -o-transition: opacity .4s ease-out, z-index .4s step-start; transition: opacity .4s ease-out, z-index .4s step-start; }

@media (min-width: 992px) { .c-help.is-visible { z-index: 4; } }

.c-help .t-title { width: 100%; }

@media (min-width: 992px) { .c-help__title { margin-bottom: 1em; } }

.c-help__icon { margin-bottom: 1em; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 3em; }

.c-help__icon img { display: block; }

@media (min-width: 992px) { .c-help__icon { margin-bottom: 1em; } }

.c-help__icon--nav img, .c-help__icon--index img, .c-help__icon--scroll img, .c-help__icon--show img, .c-help__icon--courses img { height: 40px; width: auto; }

.c-help__icon--spectrum img { height: 41px; width: auto; }

.c-help__icon--logo img { height: 45px; width: auto; }

.c-help__icon--mute img { height: 33px; width: auto; }

.c-help__icon--loop img { height: 25px; width: auto; }

.c-help__icon--play img { height: 20px; width: auto; }

.c-help__icon--timeline img { height: auto; width: auto; }

.c-help__icon--rotate img { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }

.c-help__close { position: absolute; top: 1em; right: 1em; }

.c-help__start { margin: 15px 0px; cursor: pointer; }

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

.u-table { display: table; }

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

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

.u-block { display: 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; }

.u-break-word { overflow-wrap: break-word; }

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

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

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

.u-uppercase { text-transform: uppercase; }

.bold { font-weight: bold !important; }

.u-hide { display: none; }

@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: 1143px) { .u-visible-xl { display: none !important; } }

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

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

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

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

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

.u-flex--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

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

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

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

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

.u-flex--jaround { -ms-flex-pack: distribute; justify-content: space-around; }

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

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

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

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

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

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

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

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

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

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

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

.u-flex__left { margin-right: auto; }

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

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

.u-m-0 { margin: 0px !important; }

.u-mt-0 { margin-top: 0px !important; }

.u-mb-0 { margin-bottom: 0px !important; }

.u-mr-0 { margin-right: 0px !important; }

.u-ml-0 { margin-left: 0px !important; }

.u-p-0 { padding: 0px !important; }

.u-pt-0 { padding-top: 0px !important; }

.u-pb-0 { padding-bottom: 0px !important; }

.u-pr-0 { padding-right: 0px !important; }

.u-pl-0 { padding-left: 0px !important; }

.u-m-5 { margin: 5px !important; }

.u-mt-5 { margin-top: 5px !important; }

.u-mb-5 { margin-bottom: 5px !important; }

.u-mr-5 { margin-right: 5px !important; }

.u-ml-5 { margin-left: 5px !important; }

.u-p-5 { padding: 5px !important; }

.u-pt-5 { padding-top: 5px !important; }

.u-pb-5 { padding-bottom: 5px !important; }

.u-pr-5 { padding-right: 5px !important; }

.u-pl-5 { padding-left: 5px !important; }

.u-m-10 { margin: 10px !important; }

.u-mt-10 { margin-top: 10px !important; }

.u-mb-10 { margin-bottom: 10px !important; }

.u-mr-10 { margin-right: 10px !important; }

.u-ml-10 { margin-left: 10px !important; }

.u-p-10 { padding: 10px !important; }

.u-pt-10 { padding-top: 10px !important; }

.u-pb-10 { padding-bottom: 10px !important; }

.u-pr-10 { padding-right: 10px !important; }

.u-pl-10 { padding-left: 10px !important; }

.u-m-15 { margin: 15px !important; }

.u-mt-15 { margin-top: 15px !important; }

.u-mb-15 { margin-bottom: 15px !important; }

.u-mr-15 { margin-right: 15px !important; }

.u-ml-15 { margin-left: 15px !important; }

.u-p-15 { padding: 15px !important; }

.u-pt-15 { padding-top: 15px !important; }

.u-pb-15 { padding-bottom: 15px !important; }

.u-pr-15 { padding-right: 15px !important; }

.u-pl-15 { padding-left: 15px !important; }

.u-m-20 { margin: 20px !important; }

.u-mt-20 { margin-top: 20px !important; }

.u-mb-20 { margin-bottom: 20px !important; }

.u-mr-20 { margin-right: 20px !important; }

.u-ml-20 { margin-left: 20px !important; }

.u-p-20 { padding: 20px !important; }

.u-pt-20 { padding-top: 20px !important; }

.u-pb-20 { padding-bottom: 20px !important; }

.u-pr-20 { padding-right: 20px !important; }

.u-pl-20 { padding-left: 20px !important; }

.u-m-25 { margin: 25px !important; }

.u-mt-25 { margin-top: 25px !important; }

.u-mb-25 { margin-bottom: 25px !important; }

.u-mr-25 { margin-right: 25px !important; }

.u-ml-25 { margin-left: 25px !important; }

.u-p-25 { padding: 25px !important; }

.u-pt-25 { padding-top: 25px !important; }

.u-pb-25 { padding-bottom: 25px !important; }

.u-pr-25 { padding-right: 25px !important; }

.u-pl-25 { padding-left: 25px !important; }

.u-m-30 { margin: 30px !important; }

.u-mt-30 { margin-top: 30px !important; }

.u-mb-30 { margin-bottom: 30px !important; }

.u-mr-30 { margin-right: 30px !important; }

.u-ml-30 { margin-left: 30px !important; }

.u-p-30 { padding: 30px !important; }

.u-pt-30 { padding-top: 30px !important; }

.u-pb-30 { padding-bottom: 30px !important; }

.u-pr-30 { padding-right: 30px !important; }

.u-pl-30 { padding-left: 30px !important; }

.u-m-35 { margin: 35px !important; }

.u-mt-35 { margin-top: 35px !important; }

.u-mb-35 { margin-bottom: 35px !important; }

.u-mr-35 { margin-right: 35px !important; }

.u-ml-35 { margin-left: 35px !important; }

.u-p-35 { padding: 35px !important; }

.u-pt-35 { padding-top: 35px !important; }

.u-pb-35 { padding-bottom: 35px !important; }

.u-pr-35 { padding-right: 35px !important; }

.u-pl-35 { padding-left: 35px !important; }

.u-m-40 { margin: 40px !important; }

.u-mt-40 { margin-top: 40px !important; }

.u-mb-40 { margin-bottom: 40px !important; }

.u-mr-40 { margin-right: 40px !important; }

.u-ml-40 { margin-left: 40px !important; }

.u-p-40 { padding: 40px !important; }

.u-pt-40 { padding-top: 40px !important; }

.u-pb-40 { padding-bottom: 40px !important; }

.u-pr-40 { padding-right: 40px !important; }

.u-pl-40 { padding-left: 40px !important; }

.u-m-45 { margin: 45px !important; }

.u-mt-45 { margin-top: 45px !important; }

.u-mb-45 { margin-bottom: 45px !important; }

.u-mr-45 { margin-right: 45px !important; }

.u-ml-45 { margin-left: 45px !important; }

.u-p-45 { padding: 45px !important; }

.u-pt-45 { padding-top: 45px !important; }

.u-pb-45 { padding-bottom: 45px !important; }

.u-pr-45 { padding-right: 45px !important; }

.u-pl-45 { padding-left: 45px !important; }

.u-m-50 { margin: 50px !important; }

.u-mt-50 { margin-top: 50px !important; }

.u-mb-50 { margin-bottom: 50px !important; }

.u-mr-50 { margin-right: 50px !important; }

.u-ml-50 { margin-left: 50px !important; }

.u-p-50 { padding: 50px !important; }

.u-pt-50 { padding-top: 50px !important; }

.u-pb-50 { padding-bottom: 50px !important; }

.u-pr-50 { padding-right: 50px !important; }

.u-pl-50 { padding-left: 50px !important; }

.u-m-55 { margin: 55px !important; }

.u-mt-55 { margin-top: 55px !important; }

.u-mb-55 { margin-bottom: 55px !important; }

.u-mr-55 { margin-right: 55px !important; }

.u-ml-55 { margin-left: 55px !important; }

.u-p-55 { padding: 55px !important; }

.u-pt-55 { padding-top: 55px !important; }

.u-pb-55 { padding-bottom: 55px !important; }

.u-pr-55 { padding-right: 55px !important; }

.u-pl-55 { padding-left: 55px !important; }

.u-m-60 { margin: 60px !important; }

.u-mt-60 { margin-top: 60px !important; }

.u-mb-60 { margin-bottom: 60px !important; }

.u-mr-60 { margin-right: 60px !important; }

.u-ml-60 { margin-left: 60px !important; }

.u-p-60 { padding: 60px !important; }

.u-pt-60 { padding-top: 60px !important; }

.u-pb-60 { padding-bottom: 60px !important; }

.u-pr-60 { padding-right: 60px !important; }

.u-pl-60 { padding-left: 60px !important; }

.u-m-65 { margin: 65px !important; }

.u-mt-65 { margin-top: 65px !important; }

.u-mb-65 { margin-bottom: 65px !important; }

.u-mr-65 { margin-right: 65px !important; }

.u-ml-65 { margin-left: 65px !important; }

.u-p-65 { padding: 65px !important; }

.u-pt-65 { padding-top: 65px !important; }

.u-pb-65 { padding-bottom: 65px !important; }

.u-pr-65 { padding-right: 65px !important; }

.u-pl-65 { padding-left: 65px !important; }

.u-m-70 { margin: 70px !important; }

.u-mt-70 { margin-top: 70px !important; }

.u-mb-70 { margin-bottom: 70px !important; }

.u-mr-70 { margin-right: 70px !important; }

.u-ml-70 { margin-left: 70px !important; }

.u-p-70 { padding: 70px !important; }

.u-pt-70 { padding-top: 70px !important; }

.u-pb-70 { padding-bottom: 70px !important; }

.u-pr-70 { padding-right: 70px !important; }

.u-pl-70 { padding-left: 70px !important; }

.u-m-75 { margin: 75px !important; }

.u-mt-75 { margin-top: 75px !important; }

.u-mb-75 { margin-bottom: 75px !important; }

.u-mr-75 { margin-right: 75px !important; }

.u-ml-75 { margin-left: 75px !important; }

.u-p-75 { padding: 75px !important; }

.u-pt-75 { padding-top: 75px !important; }

.u-pb-75 { padding-bottom: 75px !important; }

.u-pr-75 { padding-right: 75px !important; }

.u-pl-75 { padding-left: 75px !important; }

.u-m-80 { margin: 80px !important; }

.u-mt-80 { margin-top: 80px !important; }

.u-mb-80 { margin-bottom: 80px !important; }

.u-mr-80 { margin-right: 80px !important; }

.u-ml-80 { margin-left: 80px !important; }

.u-p-80 { padding: 80px !important; }

.u-pt-80 { padding-top: 80px !important; }

.u-pb-80 { padding-bottom: 80px !important; }

.u-pr-80 { padding-right: 80px !important; }

.u-pl-80 { padding-left: 80px !important; }

.u-m-85 { margin: 85px !important; }

.u-mt-85 { margin-top: 85px !important; }

.u-mb-85 { margin-bottom: 85px !important; }

.u-mr-85 { margin-right: 85px !important; }

.u-ml-85 { margin-left: 85px !important; }

.u-p-85 { padding: 85px !important; }

.u-pt-85 { padding-top: 85px !important; }

.u-pb-85 { padding-bottom: 85px !important; }

.u-pr-85 { padding-right: 85px !important; }

.u-pl-85 { padding-left: 85px !important; }

.u-m-90 { margin: 90px !important; }

.u-mt-90 { margin-top: 90px !important; }

.u-mb-90 { margin-bottom: 90px !important; }

.u-mr-90 { margin-right: 90px !important; }

.u-ml-90 { margin-left: 90px !important; }

.u-p-90 { padding: 90px !important; }

.u-pt-90 { padding-top: 90px !important; }

.u-pb-90 { padding-bottom: 90px !important; }

.u-pr-90 { padding-right: 90px !important; }

.u-pl-90 { padding-left: 90px !important; }

.u-m-95 { margin: 95px !important; }

.u-mt-95 { margin-top: 95px !important; }

.u-mb-95 { margin-bottom: 95px !important; }

.u-mr-95 { margin-right: 95px !important; }

.u-ml-95 { margin-left: 95px !important; }

.u-p-95 { padding: 95px !important; }

.u-pt-95 { padding-top: 95px !important; }

.u-pb-95 { padding-bottom: 95px !important; }

.u-pr-95 { padding-right: 95px !important; }

.u-pl-95 { padding-left: 95px !important; }

.u-m-100 { margin: 100px !important; }

.u-mt-100 { margin-top: 100px !important; }

.u-mb-100 { margin-bottom: 100px !important; }

.u-mr-100 { margin-right: 100px !important; }

.u-ml-100 { margin-left: 100px !important; }

.u-p-100 { padding: 100px !important; }

.u-pt-100 { padding-top: 100px !important; }

.u-pb-100 { padding-bottom: 100px !important; }

.u-pr-100 { padding-right: 100px !important; }

.u-pl-100 { padding-left: 100px !important; }

.u-color-light { color: #FFF; }

.u-color-black { color: #000000; }

.u-color-dark { color: #222222; }

.u-color-mdark { color: #333C42; }

.u-color-ldark { color: #EFEFEF; }

.u-color-blue { color: #1972B8; }

.u-color-mblue { color: #0ABCC9; }

.u-color-purple { color: #914E63; }

.u-bgcolor-light { background-color: #FFF; }

.u-bgcolor-black { background-color: #000000; }

.u-bgcolor-dark { background-color: #222222; }

.u-bgcolor-mdark { background-color: #333C42; }

.u-bgcolor-ldark { background-color: #EFEFEF; }

.u-bgcolor-blue { background-color: #1972B8; }

.u-bgcolor-mblue { background-color: #0ABCC9; }

.u-bgcolor-purple { background-color: #914E63; }

.u-bgcolor-blue-gradient { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0ABCC9), to(#1972B8)); background: -o-linear-gradient(0, #0ABCC9, #1972B8); background: linear-gradient(0, #0ABCC9, #1972B8); }

.u-bgcolor-blue-gradient--horizontal { background: -o-linear-gradient(45deg, #0ABCC9, #1972B8); background: linear-gradient(45deg, #0ABCC9, #1972B8); }

.u-bgcolor-blue-gradient--revert { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#1972B8), to(#0ABCC9)); background: -o-linear-gradient(0, #1972B8, #0ABCC9); background: linear-gradient(0, #1972B8, #0ABCC9); }

.u-bgcolor-blue-gradient--revert.u-bgcolor-blue-gradient--horizontal { background: -o-linear-gradient(45deg, #1972B8, #0ABCC9); background: linear-gradient(45deg, #1972B8, #0ABCC9); }

.u-blend-mode { mix-blend-mode: normal; }

.u-blend-mode--overlay { mix-blend-mode: overlay; opacity: .5; }

.u-blend-mode--soft-light { mix-blend-mode: soft-light; }

.p-bem h1 { color: #222222; }

.p-bem h2 { color: #1972B8; }

@media (max-width: 767px) { .p-login .l-section__inner { padding-top: 100px; } }

@media (min-width: 992px) { .p-login .l-section__title { font-size: 65px; } }

.p-courses .c-btn { margin-bottom: 1em; }

.p-courses .c-btn .o-bg { background-color: transparent; z-index: -1; }

.p-courses .c-btn .o-bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: background-color .4s ease-out; -o-transition: background-color .4s ease-out; transition: background-color .4s ease-out; }

.p-courses .c-btn:hover .o-bg:before { background-color: rgba(0, 0, 0, 0.25); }

.p-courses .t-body { margin-bottom: 2em; }

@media (max-width: 767px) { .p-courses .l-section__inner { padding-top: 100px; } }

@media (min-width: 992px) { .p-courses .l-section__title { font-size: 65px; } }

@media (min-width: 992px) { .p-course .c-indexline { margin-top: 10em; } }

@media (min-width: 1144px) { .p-course .c-indexline { margin-top: 15em; } }

.p-course .l-section--right-overlay:before, .p-course .l-section--left-overlay:before { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.p-fip1 .o-icon--help { z-index: 6; cursor: pointer; border-radius: 100%; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

@media (min-width: 992px) { .p-fip1--0 .l-section__title { font-size: 86px; } }

.p-fip1--0 .l-main__content--course .l-section--landing { margin-bottom: 0; }

.p-fip1--0 .p-fip1__logo { max-width: 150px; opacity: .5; margin-bottom: 1em; }

@media (max-width: 991px) { .p-fip1--0 .c-nav__section--toolbar { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.p-fip1--0 .c-help.is-visible { background-color: white; z-index: 7; }

.p-fip1--5 .l-section .c-list-dots__item { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

.p-fip1--5 .l-section .c-list-dots__item:nth-child(1) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 1.75s; }

.p-fip1--5 .l-section .c-list-dots__item:nth-child(2) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2s; }

.p-fip1--5 .l-section .c-list-dots__item:nth-child(3) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.25s; }

.p-fip1--5 .l-section .c-list-dots__item:nth-child(4) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.5s; }

.p-fip1--5 .l-section .c-list-dots__item:nth-child(5) { -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; transition: opacity 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.5, 2.04) 2.75s; }

.p-fip1--5 .l-section.is-reveal .c-list-dots__item { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.p-fip1--5 .l-section__chart { max-width: 260px; margin: auto; }

.p-fip1--5 .l-section--map .o-scrollable__content { min-width: 800px; }

.p-fip1--7 .l-section--hero { padding-top: 0.7em; }

@media (max-width: 991px) { .p-fip1--7 .l-section { margin-bottom: auto; } }

.p-fip1--24 .l-section--methodology .o-bg:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

.p-fip1--24 .l-section--methodology .l-section__header { color: white; }

.p-fip1--27 .img-plus { margin: 20px 0; }

@media (max-width: 991px) { .p-fip1--27 .l-section--hub { color: #FFF; } }

@media (max-width: 991px) { .p-fip1--30 .l-section--timeline .o-scrollable { padding-bottom: 6em; } }

@media (max-width: 991px) { .p-fip1--30 .c-slider--2 { margin-bottom: 3em; } }

@media (min-width: 992px) { body[lang="es"] .p-fip1--30 .c-tabs__link { font-size: 30px; } }

.p-fip1--31 .l-section--scheme .l-section__header { color: white; }

@media (max-width: 1143px) { .p-fip1--31 .l-section--scheme { color: #FFF; } }

@media (min-width: 992px) { .p-fip1--37 .l-section--emissions .l-section__content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

@media (max-width: 479px) { body[lang="fr"] .p-fip1--39 .c-tabs__tab .t-title { font-size: 21px; } }

@media (max-width: 991px) { .p-fip1--49 .l-section--last { background-color: #EFEFEF; } }

@media (min-width: 992px) { .p-fip1--49 .l-section--last .c-slider__item { margin-bottom: 30px; } }

@media (min-width: 992px) { .p-fip1--50 .l-section--timeline .l-section__header { margin-bottom: 2em; } }

@media (min-width: 1144px) { .p-fip1--50 .l-section--timeline .l-section__header { margin-bottom: 5em; } }

.p-fip1--58 .l-section.is-reveal .l-section__next { position: absolute; }

@media (max-width: 767px) { .p-fip1--60 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-fip1--60 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-fip1--60 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (max-width: 767px) { .p-fip1--61 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-fip1--61 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-fip1--61 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (min-width: 992px) { .p-fip2--0 .l-section__title { font-size: 86px; } }

.p-fip2--0 .l-main__content--course .l-section--landing { margin-bottom: 0; }

.p-fip2--0 .l-section__title { margin-bottom: .3em; }

.p-fip2--0 .p-fip1__logo { max-width: 200px; opacity: .5; margin-bottom: 1em; }

@media (max-width: 991px) { .p-fip2--0 .c-nav__section--toolbar { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.p-fip2--0 .c-help.is-visible { background-color: white; z-index: 7; }

@media (min-width: 992px) { .p-fip2--5 .l-section__header .g-row, .p-fip2--6 .l-section__header .g-row, .p-fip2--7 .l-section__header .g-row, .p-fip2--9 .l-section__header .g-row, .p-fip2--10 .l-section__header .g-row, .p-fip2--11 .l-section__header .g-row, .p-fip2--12 .l-section__header .g-row, .p-fip2--8 .l-section__header .g-row, .p-fip2--15 .l-section__header .g-row, .p-fip2--21 .l-section__header .g-row, .p-fip2--26 .l-section__header .g-row, .p-fip2--34 .l-section__header .g-row, .p-fip2--39 .l-section__header .g-row, .p-fip2--40 .l-section__header .g-row, .p-fip2--41 .l-section__header .g-row, .p-fip2--42 .l-section__header .g-row, .p-fip2--45 .l-section__header .g-row, .p-fip2--46 .l-section__header .g-row, .p-fip2--49 .l-section__header .g-row, .p-fip2--50 .l-section__header .g-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.p-fip2--58 .l-section.is-reveal .l-section__next { position: absolute; }

@media (max-width: 767px) { .p-fip2--61 .c-box__inner--t-border, .p-fip2--62 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-fip2--61 .c-box__inner--t-border .o-icon, .p-fip2--62 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-fip2--61 .c-box__inner--t-border .t-title, .p-fip2--62 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (min-width: 992px) { .p-ppcr--0 .l-section__title { font-size: 86px; } }

.p-ppcr--0 .l-main__content--course .l-section--landing { margin-bottom: 0; }

.p-ppcr--0 .l-section__title { margin-bottom: .3em; }

.p-ppcr--0 .p-fip1__logo { max-width: 200px; opacity: .5; margin-bottom: 1em; }

@media (max-width: 991px) { .p-ppcr--0 .c-nav__section--toolbar { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.p-ppcr--0 .c-help.is-visible { background-color: white; z-index: 7; }

@media (max-width: 767px) { .p-ppcr--2 .l-section--transform .l-section__stitle { font-size: 36px; } }

@media (max-width: 767px) { .p-ppcr--3 .l-section--transform .l-section__stitle { font-size: 36px; } }

@media (max-width: 767px) { .p-ppcr--4 .l-section--transform .l-section__stitle { font-size: 36px; } }

@media (max-width: 991px) { .p-ppcr--18 .l-section--hub { color: #FFF; } }

@media (max-width: 991px) { .p-ppcr--23 .l-section, .p-ppcr--23 .l-section .l-section__title { color: #FFF; } }

.p-ppcr--53 .l-section.is-reveal .l-section__next { position: absolute; }

@media (max-width: 767px) { .p-ppcr--55 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-ppcr--55 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-ppcr--55 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (max-width: 767px) { .p-ppcr--56 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-ppcr--56 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-ppcr--56 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (max-width: 767px) { .p-ppcr--57 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-ppcr--57 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-ppcr--57 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

@media (max-width: 767px) { .p-ppcr--58 .c-box__inner--t-border { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-ppcr--58 .c-box__inner--t-border .o-icon { margin-bottom: .6em; }
  .p-ppcr--58 .c-box__inner--t-border .t-title { position: absolute; top: 1em; right: 1em; } }

.beer-slider { display: inline-block; position: relative; overflow: hidden; }

.beer-slider *, .beer-slider:before, .beer-slider:after, .beer-slider *:before, .beer-slider *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.beer-slider img, .beer-slider svg { vertical-align: bottom; }

.beer-slider > * { height: 100%; }

.beer-slider > img { max-width: 100%; height: auto; }

.beer-reveal { position: absolute; left: 0; top: 0; right: 50%; overflow: hidden; z-index: 1; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; }

.beer-reveal > :first-child { width: 200%; max-width: none; height: 100%; }

.beer-reveal > img:first-child { height: auto; }

.beer-range { position: absolute; z-index: 2; top: 0; bottom: 0; height: 100%; margin: 0; left: -1px; width: calc(100% + 2px); cursor: pointer; -webkit-appearance: slider-horizontal !important; -moz-appearance: none; opacity: 0; -ms-touch-action: auto; touch-action: auto; }

.beer-range::-webkit-slider-thumb { -webkit-appearance: none; height: 300vh; }

.beer-range::-moz-range-thumb { -webkit-appearance: none; height: 300vh; }

.beer-range::-ms-tooltip { display: none; }

.beer-handle { position: absolute; z-index: 2; pointer-events: none; opacity: 0; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #000; background: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; border-radius: 50%; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0); box-shadow: 0 0 6px rgba(0, 0, 0, 0); -webkit-transition: background 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; transition: background 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; -o-transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s; transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s; transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s, -webkit-box-shadow 0.3s; }

.beer-handle:before, .beer-handle:after { content: ''; position: absolute; width: 10px; height: 10px; top: 50%; border-top: solid 2px; border-left: solid 2px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

.beer-handle:before { left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.beer-handle:after { right: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.beer-range:focus ~ .beer-handle { background: rgba(255, 255, 255, 0.85); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }

.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after { content: attr(data-beer-label); position: absolute; top: 1.5rem; line-height: 1; padding: 0.5rem; border-radius: 0.125rem; background: rgba(255, 255, 255, 0.75); }

.beer-slider[data-beer-label]:after { right: 1.5rem; }

.beer-reveal[data-beer-label]:after { left: 1.5rem; }

.beer-slider[data-beer-label=""]:after, .beer-reveal[data-beer-label=""]:after { content: none; }

.beer-ready .beer-reveal, .beer-ready .beer-handle { opacity: 1; }

.beer-handle { width: 75px; height: 75px; background-color: rgba(0, 0, 0, 0.5); background-image: url(/assets/img/icons/slider.png); background-position: center center; background-repeat: no-repeat; background-size: 35% auto; }

.beer-handle:after, .beer-handle:before { display: none; }

@media (min-width: 992px) { .beer-handle { width: 180px; height: 180px; } }

.beer-range:focus ~ .beer-handle { background-color: rgba(0, 0, 0, 0.5); background-image: url(/assets/img/icons/slider.png); background-position: center center; background-repeat: no-repeat; background-size: 35% auto; -webkit-box-shadow: none; box-shadow: none; }

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }

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

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

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

.flickity-enabled.is-draggable { -webkit-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 { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; }

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

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

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

.flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none; }

.flickity-button-icon { fill: currentColor; }

.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

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

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

.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%; }

.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: .25; cursor: pointer; }

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

.flickity-button { background-color: #333C42; }

@media (max-width: 991px) { .flickity-button { display: none; } }

.flickity-button:hover { background-color: #222222; }

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

.flickity-button:disabled { opacity: 0; }

.flickity-viewport { width: 100%; }

.flickity-prev-next-button.next { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }

.flickity-prev-next-button.previous { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

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

.flickity-page-dots { position: relative; bottom: -2em; margin-bottom: 2em; }

.flickity-page-dots .dot { width: 20px; height: 20px; border: 4px solid #FFF; background-color: #FFF; opacity: 1; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }

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