@charset "UTF-8";
@import url("https://use.typekit.net/feh5nbt.css");
@import url("https://fonts.googleapis.com/css?family=Volkhov&display=swap");
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

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

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

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

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

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

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

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

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

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

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

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

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

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

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

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

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

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

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

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

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

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

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

.flickity-button-icon {
  fill: currentColor;
}

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

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

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

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

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

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

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

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

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

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

/* colors */
/* convenience quick and easy background color classes */
.bg-gray {
  background-color: #f5f5f5;
}

.bg-rainbow {
  color: white;
  background: transparent linear-gradient(90deg, #188DE3 0%, #DD1754 100%) 0% 0% no-repeat padding-box;
}
.bg-rainbow h1 {
  color: white;
}

.bg-yellow {
  background-color: #f4ea98;
}

.bg-pink {
  background-color: #f6b8c7;
}

.bg-black {
  background-color: black;
}

.bg-white {
  background-color: white;
}

.bg-blue {
  background-color: #0584DF;
}

.bg-red {
  background-color: #e20451;
}

/* convenience quick and easy text/foreground color classes */
.black {
  color: black;
}

.white {
  color: white;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #000000;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #000000;
  background-color: #000000;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #000000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #000000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #000000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #000000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #000000, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*overflow: hidden;*/
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -0.2rem;
  background: #000000;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.white.hvr-underline-from-left:before {
  background: white;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before, .hvr-underline-from-left.under:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #000000;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #000000;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #000000;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #000000;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #000000;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #000000;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #000000;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#000000");
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}


/*** Helpers note: move this to structure ***/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

/***

	fonts   

***/
/* helper classes */
.underline {
  box-shadow: 0px -0.5rem white inset;
}

.center {
  text-align: center;
}

.outline {
  /*ref: https://css-tricks.com/adding-stroke-to-web-text/ */
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.15rem white;
}
.outline.reverse {
  -webkit-text-stroke: 0.15rem black;
}
.outline.blue {
  -webkit-text-stroke-color: #188de3;
}

.layout-numbers-run-up .blue {
  color: #188de3;
}

.pad-xs {
  padding: 5px;
}

.pad-sm {
  padding: 10px;
}

.pad-md {
  padding: 20px;
}

.pad-lg {
  padding: 40px;
  padding-top: 0;
}

.pad-xl {
  padding: 50px;
}

/* reusable typographic styles */
body {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
}

a,
a:hover,
a:visited {
  color: black;
  text-decoration: none;
}

a.pill-btn {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 1rem;
  padding: 0.333rem 1rem 0.5rem;
  line-height: 1;
}
a.pill-btn.white {
  border: 1px solid #fff;
  color: #fff;
}

.main-copy a {
  text-decoration: underline;
}

h1, h1.a {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: black;
  font-size: 5rem;
  margin-top: 0;
}
h1.white {
  color: #fff;
}
h1.white a {
  color: #fff;
}

h1.a {
  color: white;
  text-align: left;
  line-height: 4.4rem;
}

h1.b {
  font-family: Volkhov, serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  max-width: 44rem;
  font-size: 3.75rem;
  line-height: 1.2;
  color: white;
  text-align: center;
}
h1.b.black {
  color: black;
}
h1.b.full {
  max-width: 100%;
}

h1.c {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  max-width: 22rem;
  font-size: 7.5rem;
  line-height: 14.3rem;
  color: white;
  text-align: center;
}

h1.d, .topic-message h1 {
  font-size: 2.25rem;
  line-height: 1.2;
  font-family: Volkhov, serif;
  font-weight: 700;
  font-style: normal;
}

h1.article-name {
  padding-top: 2.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

h2 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 3px;
  margin-bottom: 2rem;
}
h2.gray {
  opacity: 0.35;
}

.single-title-headers h2 {
  text-transform: uppercase;
}

h2.b {
  font-family: Volkhov, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

/* made default h2 for article main copy also */
h2.c, .main-copy h2 {
  font-family: Volkhov, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.main-copy h2 {
  margin-top: 5rem;
}

/* curriculum dl */
.dl-copy h2 {
  margin-top: 0;
  margin-bottom: 0;
}

h3, .single-title-headers h1 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: black;
  font-size: 2.25rem;
  line-height: 2.25rem;
}

h3.c {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  max-width: 22rem;
  line-height: 14.3rem;
  color: white;
  text-align: center;
}

h5 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.375rem;
}

/*taxonomy label on archive cards */
h2.tax-title {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  text-align: center;
  opacity: 0.35;
}

h4 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.4em;
}

.layout-numbers-run-up h5 {
  margin-bottom: 1.666rem;
}
.layout-numbers-run-up sup {
  display: inline-block;
  opacity: 0.4;
  line-height: 1.3;
}

.archive-landing-hero h3 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.25rem;
}

.serif {
  font-family: Volkhov, serif;
}

.citation {
  font-size: 0.9rem;
  font-family: Volkhov, serif;
}

a.donate-header-cta {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #f4ea98;
  padding: 1rem 2rem;
  width: 25%;
  min-width: 20rem;
  font-size: 1.25rem;
  z-index: 99;
}
a.donate-header-cta.stuck {
  bottom: auto;
  position: fixed;
  top: 40%;
  z-index: 9;
}

.white a {
  color: white;
}
.white a:before {
  background-color: white;
}

.copy-tight {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

span.donate-closer {
  cursor: pointer;
  position: absolute;
  font-size: 0.8rem;
  top: 0.5rem;
  right: 1rem;
}

#our-research-hero a.donate-header-cta {
  color: black;
}

button {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  font-size: 1rem;
  padding: 0.333rem 1rem;
  background: transparent;
  border: 2px solid black;
  border-radius: 1rem;
}
button.white {
  border-color: white;
  color: white;
}

.roundedButton {
  background-color: #058ae6;
  border-radius: 25px;
  height: 50px;
  line-height: 46px;
  color: #FFFFFF !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 30px;
  min-width: 260px;
  text-align: center;
  margin: 30px 0 10px;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}
.roundedButton:hover {
  border-color: #058ae6;
  background-color: #FFFFFF;
  color: #058ae6 !important;
}

/***

  site header

***/
.social-top-nav a {
  color: black;
  font-size: 1rem;
  display: inline-block;
  margin-left: 1rem;
}

.secondary-top-nav ul {
  margin: 0;
  padding: 0;
}
.secondary-top-nav ul li {
  list-style: none;
  display: inline-block;
  margin-left: 1rem;
}
.secondary-top-nav ul li a {
  font-size: 0.85rem;
}

/*.primary-site-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  max-width: 35rem;

  a {
    text-transform: uppercase;
    font-size: 0.9rem;
  }
}*/
.primary-site-nav {
  margin-left: auto;
  max-width: 35rem;
  position: relative;
}
.menu-primary-nav-container > ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-primary-nav-container > ul li {
  list-style: none;
  display: inline-block;
  padding-bottom: 1.5rem;
}
.menu-primary-nav-container > ul li a {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.menu-primary-nav-container > ul .custom-sub {
  border-bottom: 1px solid #f5f5f5;
}
.menu-primary-nav-container > ul .custom-sub ul li a {
  text-decoration: none;
}

.menu-primary-nav-container .custom-sub ul li {
  padding-bottom: 0.75rem;
  margin-right: 2.333rem;
}
.menu-primary-nav-container .custom-sub ul li:last-child {
  margin-right: 0;
}
.menu-primary-nav-container .custom-sub ul li a {
  text-transform: none;
}

.custom-sub {
  background: white;
  position: fixed;
  padding-top: 0.5rem;
  top: 5.6rem;
  left: 0;
  width: 100%;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.menu-primary-nav-container ul li:hover > .custom-sub {
  display: block;
  opacity: 1;
  z-index: 4;
}

li.current-menu-parent > .custom-sub, li.current-menu-item > .custom-sub, li.current-page-ancestor > .custom-sub {
  display: block;
  opacity: 1;
}

.menu-primary-nav-container ul ul {
  background: white;
  display: none;
  /*max-width: 72rem;*/
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  /*display: flex;
  align-items: center;
  justify-content: space-between;*/
  display: block;
  margin: 0 auto;
}

/***

  Sub Nav 

***/
.sub-nav ul {
  display: block;
  text-align: center;
  /* justify-content: space-between; */
  /*padding-top: 3rem;
  padding-bottom: 3rem;*/
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.3s ease;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.sub-nav ul li {
  list-style: none;
  display: inline-block;
  margin-right: 2.333rem;
}
.sub-nav ul li:last-child {
  margin-right: 0;
}
.sub-nav ul a {
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4375rem;
  /*col: 1;*/
}

.sub-nav-wrap {
  background: white;
  position: fixed;
  top: 6.625rem;
  width: 100%;
  z-index: 2;
}
.sub-nav-wrap.shrinky .sub-nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sub-nav-wrap.shrinky .sub-nav a {
  font-size: 1rem;
}

.sub-nav-wrap.team {
  position: relative;
  top: auto;
}
.sub-nav-wrap.team.stuck {
  position: fixed;
  top: 6.625rem;
}
.sub-nav-wrap.team .sub-nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sub-nav-wrap.team .sub-nav a {
  font-size: 1rem;
}

.sub-nav-wrap.ngwsd {
  background: transparent;
}
.sub-nav-wrap.ngwsd .sub-nav {
  padding-bottom: 0;
}
.sub-nav-wrap.ngwsd a {
  text-decoration: none;
}

.inside-secondary-nav ul {
  display: block;
  text-align: center;
  position: relative;
  top: auto;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1rem;
  padding-bottom: 4rem;
}
.inside-secondary-nav ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 2rem;
  list-style: none;
}
.inside-secondary-nav ul li:last-child {
  margin-right: 0;
}
.inside-secondary-nav ul li.current-menu-item:before {
  right: 0;
}
.inside-secondary-nav ul a {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
}

/* things that get underlined */
/* Underline From Left */
.sub-nav a, .primary-site-nav a, .hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*overflow: hidden;*/
}

.sub-nav a:before, .primary-site-nav a:before, .hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -0.2rem;
  background: #000000;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.sub-nav a:hover:before, .primary-site-nav a:hover:before, .hvr-underline-from-left:hover:before, .primary-site-nav a:focus:before, .hvr-underline-from-left:focus:before, .primary-site-nav a:active:before, .hvr-underline-from-left:active:before, .hvr-underline-from-left.under:before {
  right: 0;
}

.sub-nav li.current-menu-item > a:before, .primary-site-nav li.current-menu-item > a:before, .primary-site-nav li.current-page-ancestor > a:before {
  right: 0;
}

/*** 

  current / active underline special rules 

***/
/* our history link is always active on who we are */
li#menu-item-8062.current-menu-item a:before {
  right: 100%;
}

li#menu-item-8062.current-menu-item a:hover:before {
  right: 0;
}

/* What We Do Subs*/
/* What we Do active on advocate taxonomy and */
.tax-wsf_program_categories li#menu-item-8058 > a:before, .tax-advocacy_category li#menu-item-8058 > a:before, .tax-educational_resources_categories li#menu-item-8058 > a:before {
  right: 0;
}
.tax-wsf_program_categories li#menu-item-8058 .custom-sub, .tax-advocacy_category li#menu-item-8058 .custom-sub, .tax-educational_resources_categories li#menu-item-8058 .custom-sub {
  display: block;
  opacity: 1;
}

/*What we Do WSF Programs*/
.tax-wsf_program_categories li#menu-item-8146 a:before {
  right: 0;
}

/* NGWSD */
/*Landing #hash links active */
li#menu-item-8794.current-menu-item > a:before, li#menu-item-8795.current-menu-item > a:before {
  right: 100%;
}

li#menu-item-8794.current-menu-item > a:hover:before, li#menu-item-8795.current-menu-item > a:hover:before {
  right: 0;
}

/* Research Articles */
.single-articles_and_report li#menu-item-8058 > a:before {
  right: 0;
}

.single-articles_and_report li#menu-item-8058 > .custom-sub {
  display: block;
  opacity: 1;
  z-index: 4;
}
.single-articles_and_report li#menu-item-8058 > .custom-sub li#menu-item-8241 a:before {
  right: 0;
}

/* Our Partners */
.page-template-page-foundation-funders-tpl li#menu-item-8271 a:before {
  right: 0;
}

.tax-level li#menu-item-8057 > a:before {
  right: 0;
}
.tax-level li#menu-item-8057 .custom-sub {
  display: block;
  opacity: 1;
  z-index: 4;
}
.tax-level li#menu-item-8271 a:before {
  right: 0;
}

/* get involved share */
.page-template-page-get-involved-tpl li#menu-item-8290 a:before {
  right: 100%;
}

.page-template-page-get-involved-tpl li#menu-item-8290 a:hover:before {
  right: 0;
}

/* Flex box alignment utility classes to align inside of any grid box: classname syntax is {xy} */
/* where x is l | c | r for left, center right and y is t | m | b for top, middle, bottom */
.lt,
.ct,
.rt {
  display: flex;
  align-items: flex-start;
}

.lm,
.cm,
.rm {
  display: flex;
  align-items: center;
}

.lb,
.cb,
.rb {
  display: flex;
  align-items: flex-end;
}

.lt,
.lm,
.lb {
  display: flex;
  justify-content: flex-start;
}

.ct,
.cm,
.cb,
.ctr {
  display: flex;
  justify-content: center;
}

.rt,
.rm,
.rb {
  display: flex;
  justify-content: flex-end;
}

/* end Helpers */
/***

	mixins

***/
.v-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*****

	structure

***/
.main-copy ul, .main-copy ol {
  margin-left: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.main-copy ul li, .main-copy ol li {
  margin-bottom: 1rem;
}

.blue-bkg {
  background-color: #0584DF;
}

.yellow-bkg {
  background-color: #f4ea98;
}

.red-bkg {
  background-color: #e20451;
}

.black-bkg {
  background-color: #000;
  color: #fff;
}
.black-bkg h1, .black-bkg h2, .black-bkg h3, .black-bkg h4, .black-bkg h5, .black-bkg p, .black-bkg a {
  color: #fff;
}

.gray-bkg {
  background-color: #f5f5f5;
}

.contain {
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}
.contain.contain-tight {
  max-width: 40rem;
}

.col-no-pad {
  padding: 0;
}

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

.layout-type-split {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.layout-type-split {
  align-content: space-between;
}
.layout-type-split a {
  text-decoration: underline;
}

.copy-contain {
  display: flex;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 2rem;
  padding-bottom: 4rem;
  max-width: calc(72rem / 2);
}
.copy-contain.left {
  margin-left: auto;
  padding-right: 4rem;
  padding-left: 2rem;
}
.copy-contain.right {
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 2rem;
}

section {
  position: relative;
}

.padded {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padded-top {
  padding-top: 5rem;
}

.pad-bottom {
  padding-bottom: 5rem;
}

.margin-bottom {
  margin-bottom: 5rem;
}

.margin-top {
  margin-top: 5rem;
}

.fixed-cta-2 {
  position: fixed;
  padding: 1rem 2rem 4rem;
  bottom: 0;
  max-height: 100%;
  overflow-y: scroll;
  right: 0;
  width: calc(50% - 2rem);
  z-index: 98;
  overflow: hidden;
  transition: all 0.2s ease-out;
  height: auto;
  max-height: 62rem;
}
.fixed-cta-2.blue {
  background: #0584DF;
}
.fixed-cta-2.yellow {
  background: #f4ea98;
}
.fixed-cta-2.pink {
  background: #f6b8c7;
}
.fixed-cta-2.red {
  background: #e20451;
}
.fixed-cta-2.gray {
  background: #f5f5f5;
}
.fixed-cta-2 p {
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.333rem;
  line-height: 1.3;
}
.fixed-cta-2.collapsed {
  max-height: 3.41rem;
  width: calc(25% + 3rem);
  padding: 1rem;
}
.fixed-cta-2 .cta-2-trigger .fa-plus {
  display: inline-block;
}
.fixed-cta-2 .cta-2-trigger .fa-minus {
  display: none;
}
.fixed-cta-2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
.fixed-cta-2 input::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
.fixed-cta-2 input:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
.fixed-cta-2 input:-moz-placeholder { /* Firefox 18- */
  color: black;
}

.odd-row {
  display: flex;
}
.odd-row div {
  flex: 1;
  padding: 0 1rem;
}

.gray-bkg {
  background-color: #f5f5f5;
}

.centered {
  text-align: center;
}

.donate-hero .sticky-wrapper {
  height: 0 !important;
}

.page-title {
  text-align: center;
  margin-top: 5rem;
  /*margin-bottom: 6rem;*/
}
.page-title.sm-page-title {
  margin-bottom: 3rem;
}

.single-title-headers {
  margin-bottom: 3rem;
}

.single-meta-date {
  font-size: 0.75rem;
  opacity: 0.35;
}

.single-featured-image {
  margin-bottom: 2.5rem;
}

.single-content {
  padding-bottom: 0.5rem;
}

.article-meta.single-article-meta {
  margin-bottom: 2.5rem;
}

.download-item {
  margin-bottom: 3rem;
}

.download-message {
  margin-bottom: 1rem;
}

.download-link {
  text-align: center;
}

/***

	utilities

***/
.moreless {
  display: none;
}
.moreless.show {
  display: block;
}

a.anchor {
  display: block;
  position: relative;
  top: -6.8rem;
  visibility: hidden;
}

.no-pad {
  padding: 0;
}

.row.no-margin {
  margin: 0;
}

/***

	Faux Loader 

***/
.faux-loader {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 9;
}

/***

	Header

***/
header.site-header {
  background: white;
  position: fixed;
  padding-top: 1.5rem;
  /*padding-bottom: 1.5rem;*/
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  z-index: 99;
}
header.site-header .contain {
  font-size: 0;
}

.site-logo {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  padding-top: 1.1rem;
}
.site-logo img {
  width: 80%;
}

.site-nav {
  display: inline-block;
  width: 75%;
}

.top-site-nav {
  text-align: right;
  padding-bottom: 1rem;
}

.social-top-nav {
  display: inline-block;
  vertical-align: top;
}

.secondary-top-nav {
  display: inline-block;
  vertical-align: top;
}
.secondary-top-nav i.fas.fa-shopping-cart {
  transform: translateY(4px);
}

.page-wrapper {
  padding-top: 7rem;
}

.page-wrap {
  margin-bottom: 8rem;
}

.archive-wrap.page-wrap, .page-template-page-careers-tpl .page-wrap {
  margin-bottom: 0;
}

.external-resources-footer {
  margin-bottom: 8rem;
}

.ham-wrap {
  display: none;
}

.hamberder {
  float: right;
  padding-top: 1.333rem;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 36px;
  height: 24px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 7px;
}

#nav-icon1 span:nth-child(3) {
  top: 14px;
}

#nav-icon1.open span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 7px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/***

	sm nav

***/
.sm-nav {
  display: none;
  position: fixed;
  background: #f4ea98;
  top: 0;
  left: 0;
  padding-top: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  bottom: 0;
  right: 0;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.sm-nav ul {
  margin: 0;
  padding: 0;
}
.sm-nav ul li {
  list-style: none;
}
.sm-nav ul.menu > li:not(.sm-nav-cart-item) {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.666;
}
.sm-nav ul.menu > li:not(.sm-nav-cart-item).sm-nav-home > a {
  display: block;
  color: transparent;
  background-image: url(/wp-content/themes/wsf2/images/logo-sm-nav.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: 1rem;
}
.sm-nav ul.sub-menu {
  /*max-height: 0;
  height: auto;
  transition:max-height 0.5s ease-out;*/
  padding-left: 0;
  /*overflow: hidden; */
}
.sm-nav ul.sub-menu.open {
  max-height: 20rem;
}
.sm-nav li.sm-nav-home ul.sub-menu {
  /*max-height: 20rem;
  &.open {
  	max-height: 0;
  } */
}
.sm-nav ul.sub-menu > li {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.9;
}

.sm-nav-inside {
  /*a {
  	display: block;
      font-size: 1.5rem;
      text-align: center;
      padding: 1rem;

  }*/
}

.social-nav-sm {
  width: 100%;
  padding-top: 3rem;
}
.social-nav-sm a {
  display: inline-block;
  margin-left: 0;
  font-size: 1.2rem;
  margin-right: 1rem;
}

.sm-nav-search {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 30rem;
  max-width: 80%;
}
.sm-nav-search .search-form .search-submit {
  padding-left: 0;
}

/***

	Sub Nav

***/
.sub-nav-pad {
  padding-top: 7.25rem;
}

/***


	Carousels


***/
.carousel-item {
  width: 100%;
  position: relative;
}

/** Carousel Type A **/
.carousel-type-a-slider {
  width: 100%;
  position: relative;
}
.carousel-type-a-slider h1 a {
  text-shadow: 0px 2px 3px rgba(150, 150, 150, 0.77);
}

.carousel-type-a-item {
  position: relative;
  /*background-image: url('/wp-content/themes/wsf2/images/place-top-slide.png');*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
}
.carousel-type-a-item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 39.5833333333%;
}
.carousel-type-a-item > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel-type-a-item > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.carousel-type-a-item .contain {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

/** Carousel Type B **/
.carousel-type-b {
  background-color: #000;
}

.carousel-type-b-slider {
  width: 100%;
  position: relative;
}

.carousel-type-b-item {
  background: black;
  color: white;
  width: 100%;
}

.carousel-type-b-image {
  min-height: 36rem;
  background-size: cover;
  background-position: center;
}

.carousel-type-b-copy {
  color: #fff;
  padding-top: 4rem;
}
.carousel-type-b-copy a, .carousel-type-b-copy h1, .carousel-type-b-copy h2, .carousel-type-b-copy h3, .carousel-type-b-copy h4, .carousel-type-b-copy h5, .carousel-type-b-copy p, .carousel-type-b-copy span {
  color: #fff;
}
.carousel-type-b-copy h1 {
  font-size: 2.875rem;
}

/** Carousel Type E **/
.carousel-type-b-slider {
  width: 100%;
  position: relative;
}

.carousel-type-e-item {
  width: 50%;
}

/** Carousel Timeline **/
.timeline-slide-item {
  width: 100%;
  padding-bottom: 4rem;
}
.timeline-slide-item:nth-child(odd) {
  background: #0584DF;
}
.timeline-slide-item:nth-child(even) {
  background: #f5f5f5;
}
.timeline-slide-item .copy-contain {
  justify-content: start;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
.timeline-slide-item .timeline-line {
  background: #000;
  height: 2px;
  width: calc(50% + 35rem);
  margin-left: auto;
  margin-bottom: 4.666rem;
  margin-top: 2rem;
}
.timeline-slide-item .timeline-line:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  transform: translateY(-11px);
  font-size: 0.75rem;
}
.timeline-slide-item .timeline-img {
  padding-left: 0;
  min-height: 36rem;
  background-size: cover;
  background-position: center;
}

.timeline-copy h1 {
  margin-bottom: 1rem;
}

.timeline-slider .flickity-button {
  background: transparent;
}
.timeline-slider .flickity-prev-next-button {
  height: 100%;
  width: 62px;
}

/* video slide */
.video-carousel-item img {
  max-width: 45%;
  max-height: 70%;
  width: auto;
  height: auto;
}
@media all and (min-width: 64rem) {
  .video-carousel-item img {
    max-width: 40%;
    max-height: 60%;
    width: auto;
    height: auto;
  }
}
.video-carousel-item video {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.video-carousel-item .vid-play-button {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  text-align: center;
  left: 50%;
  margin-left: -1.125rem;
  z-index: 99;
}
.video-carousel-item .vid-play-button .fa-play {
  color: white;
  font-size: 2.6rem;
}

img#vid-play {
  width: 2rem;
}
img#vid-play:hover {
  cursor: pointer;
}

.timeline-nav {
  position: absolute;
  left: calc(50% - 35rem);
  bottom: 1.666rem;
}
.timeline-nav span {
  display: inline-block;
  text-decoration: underline;
}
.timeline-nav span:hover {
  cursor: pointer;
}
.timeline-nav span:first-child {
  margin-right: 1.666rem;
}

.layout-type-f-carousel .flickity-page-dots {
  bottom: 6rem;
}

/** Split **/
.layout-split-img {
  background-position: center;
  background-size: cover;
  min-height: 36rem;
}

/** Layout C **/
.layout-type-c, .layout-type-f {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
.layout-type-c:before, .layout-type-f:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40.3846153846%;
}
.layout-type-c > .content, .layout-type-f > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.layout-type-c > .content.darken, .layout-type-f > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.layout-type-c .contain, .layout-type-f .contain {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layout-type-c.border, .layout-type-f.border {
  width: calc(100% - 12rem);
  margin-left: auto;
  margin-right: auto;
}
.layout-type-c a, .layout-type-f a {
  color: #fff;
}

.layout-type-c-learn-more, .layout-type-f-learn-more {
  position: absolute;
  bottom: 4rem;
  width: 100%;
}
.layout-type-c-learn-more a, .layout-type-f-learn-more a {
  color: white;
  display: block;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;
}

.layout-type-c p {
  /*font-size: 1.333rem;*/
}

/*** layout-type-d ***/
.layout-type-d {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/*** layout-type-e grid ***/
.grid-item {
  position: relative;
}
.grid-item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.grid-item > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.grid-item > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.grid-item.grid-item-extend {
  position: relative;
}
.grid-item.grid-item-extend:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}
.grid-item.grid-item-extend > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.grid-item.grid-item-extend > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.grid-item-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 1rem;
  left: 1rem;
  bottom: 1rem;
  right: 1rem;
}

/*** layout-type-f ***/
.layout-type-f a {
  color: white;
}

/*** layout-centered-copy ***/
.layout-centered-copy {
  text-align: center;
}
.layout-centered-copy h1 {
  font-size: 3rem;
}
.layout-centered-copy .contain {
  max-width: 55rem;
}
.layout-centered-copy.full .contain {
  max-width: 72rem;
}

/***

	search pagination

****/
.pagination-contain .wp-paginate a {
  background: transparent;
  border: none;
}
.pagination-contain .wp-paginate .current {
  background: transparent;
  color: black;
  border: none;
  border-bottom: 1px solid #000;
}

span.wpfts-score {
  display: none;
}

/*** 

	Home 

***/
/*top slider*/
/*temp slideshow*/
.home-slider-item {
  position: relative;
  /*background-image: url('/wp-content/themes/wsf2/images/place-top-slide.png');*/
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.home-slider-item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 43.75%;
}
.home-slider-item > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-slider-item > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.home-slider-item .contain {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home-hero-section .flickity-page-dots {
  display: none;
}

section.home-intro-section {
  margin-top: -1px;
}

.home-intro-left {
  background-image: url(/wp-content/themes/wsf2/images/tracks.svg);
  background-repeat: repeat-x;
  background-size: auto 110%;
  /* background-size: cover; */
  background-position: center;
  padding: 8rem 2rem;
  /*transform: translate(-.5rem);*/
}
.home-intro-left h1 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: white;
  font-size: 3.125rem;
  font-family: Volkhov, serif;
  max-width: calc(72rem / 2 - 2rem);
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
  padding: 2rem 3rem 2rem 2rem;
}

.home-intro-right {
  background: black;
  color: white;
}

.home-quote {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: calc(72rem / 2);
  font-size: 1.333rem;
  line-height: 1.3333;
  padding: 3rem;
}
.home-quote .citation {
  display: block;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.home-quote a {
  color: white;
  font-size: 1rem;
}
.home-quote .hvr-underline-from-left:before {
  background: #fff;
}

.home-program-2 {
  padding-top: 0;
}

.home-hash-tag {
  padding-top: 10rem;
  padding-bottom: 17rem;
}
.home-hash-tag h1 {
  position: absolute;
  left: 50%;
  margin-left: -15rem;
}

#get-involved-share h1 {
  position: absolute;
  left: 50%;
  margin-left: -15rem;
  padding-top: 3rem;
}

section.home-partners {
  padding-bottom: 10rem;
}

.home-connect {
  background: #f5f5f5;
  padding-bottom: 4rem;
}
.home-connect label {
  display: block;
}

#home-get-involved, #home-support-section {
  margin-top: 12rem;
}

.connect-inside-contain {
  max-width: 43rem;
}

/***

	Who we are

***/
#who-athletes {
  background: #f5f5f5;
}

span.year-nav-item {
  border-bottom: 2px solid transparent;
  display: inline-block;
  /*padding: 1rem 2rem;*/
  margin-right: 2rem;
  font-size: 1.2rem;
}
span.year-nav-item.is-nav-selected {
  border-bottom: 2px solid #000;
}

div#year-select {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  background: transparent;
}

.timeline-msg-contain {
  /*max-height: 25rem;
  overflow-y: scroll; */
}

/***

	What We Do

***/
#what-we-do h1 {
  margin-bottom: 0;
}

#what-programs h1.b {
  max-width: 100%;
  margin-bottom: 1rem;
}
#what-programs .landing-program-icon-row {
  margin-top: 2.5rem;
}

.person-icon-wrap {
  max-width: 8rem;
  min-height: 9.6rem;
  margin-left: auto;
  margin-right: auto;
}

#what-advocacy {
  overflow: hidden;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
#what-advocacy .contain {
  background: white;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#track-bodymovin {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#track-bodymovin svg {
  width: 100% !important;
  height: auto !important;
}

.advocacy-list-cat {
  padding: 2rem;
}
.advocacy-list-cat a {
  display: inline-block;
  /*font-size: 1.2rem;*/
}

span.advocacy-link-inside {
  display: block;
  border-bottom: 1px solid #000;
  padding-bottom: 0.333rem;
}

#what-advocacy-in-action .content {
  background: rgba(0, 0, 0, 0.333);
}

#what-advocacy-in-action h2 {
  z-index: 99999;
  /* color: black; */
  position: absolute;
  top: 4rem;
  left: 0;
  width: 100%;
}

#what-awards {
  min-height: 22rem;
  background-position: center;
}
#what-awards .content {
  background: rgba(0, 0, 0, 0.333);
}
#what-awards h1.b {
  max-width: 100%;
}

/***

	Our Team

***/
.our-team-page-wrap {
  padding-top: 4rem;
}

.wsf-team-col ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 2.666rem;
}
.wsf-team-col ul li {
  list-style: none;
  line-height: 1.4;
  font-family: Volkhov, serif;
  font-weight: 400;
  font-style: normal;
}

.join-us-link-col {
  padding-right: 1.666rem;
  margin-bottom: 1.666rem;
  padding-bottom: 1rem;
}
.join-us-link-col a {
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.4375rem;
  display: block;
  border-bottom: 2px solid #000;
}

/***

	Get Involved

***/
#gi-annual-salute {
  text-align: left;
  min-height: 22rem;
}
#gi-annual-salute h1.b {
  color: black;
  text-align: left;
  margin-bottom: 1rem;
  font-size: 3rem;
  margin-top: 2rem;
}
#gi-annual-salute .contain {
  background: #0584DF;
  max-width: 48rem;
  /* transform: translateX(3rem); */
  padding: 2rem;
  padding-left: 9rem;
}
#gi-annual-salute .ann-salute-txt-img {
  max-width: 27rem;
  margin-bottom: 2rem;
}
#gi-annual-salute p.serif {
  font-size: 1.2rem;
  color: black;
}
#gi-annual-salute.layout-type-f a {
  color: black;
}

#landing-ngwsd {
  background: #e20451 url(../images/photo-ngwsd-bg.png) left -100px center no-repeat;
  background-size: auto 100%;
  color: white;
  position: relative;
}
#landing-ngwsd h1, #landing-ngwsd p, #landing-ngwsd a {
  color: white;
}
#landing-ngwsd:before {
  padding-top: 0 !important;
  display: none !important;
}
#landing-ngwsd:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 100%;
  background: #e20451 url(../images/flame.png) top right no-repeat;
  background-size: auto 100%;
  opacity: 0.08;
  pointer-events: none;
}
#landing-ngwsd .ngwsd-logo {
  text-align: left;
  margin-top: 40px;
}
#landing-ngwsd .ngwsd-logo img {
  max-width: 250px;
  width: 40%;
}
@media all and (min-width: 64rem) {
  #landing-ngwsd {
    background-position: right center;
  }
  #landing-ngwsd:after {
    height: 100%;
  }
  #landing-ngwsd .ngwsd-logo {
    text-align: right;
    margin-top: 0;
  }
  #landing-ngwsd .ngwsd-logo img {
    width: 100%;
  }
}

#get-involved-share {
  background-position: center;
}
#get-involved-share h3 {
  line-height: 1.2;
}
#get-involved-share .social-icons a {
  font-size: 1.3rem;
  display: inline-block;
  margin-right: 0.666rem;
}
#get-involved-share .social-icons a:last-child {
  margin-right: 0;
}
#get-involved-share .contain {
  max-width: 69rem;
  margin-top: -5rem;
}

#get-involved-hero {
  /*.carousel-type-b-item {
  	background: white;
  	color: black;
  }
  .carousel-type-b-copy p, .carousel-type-b-copy h1, .carousel-type-b-copy a, .carousel-type-b-copy h3 {
  	color: #000;
  }

  .carousel-type-b-copy a {
  	color: #000;
  } */
}
#get-involved-hero .carousel-type-b-image {
  background-color: #e20451;
  background-repeat: no-repeat;
  background-size: 95%;
}
#get-involved-hero .flickity-page-dots {
  display: none;
}

/***

	Annual Salute

***/
.annual-salute-icon-img img {
  max-width: 6rem;
}

/***

	Support Donate

***/
#support-donate .sli-element.sli-checkout-summary {
  display: none;
}

section#support-fundraiser {
  padding-top: 4rem;
}
section#support-fundraiser .lines {
  margin-top: 4rem;
}

div#enter-to-win-1 {
  display: none;
}

/*** 

	Articles

***/
.article-wrap {
  margin-bottom: 10rem;
}

.article-copy ul {
  margin: 3rem 0;
  padding-left: 1.333rem;
}
.article-copy ul li {
  margin-bottom: 1.666rem;
}

.article-meta .citation {
  font-style: italic;
  font-size: 0.9rem;
}

h2.article-title {
  text-align: center;
  opacity: 0.35;
}

.article-more {
  border-bottom: 2px solid black;
  text-align: center;
  padding-bottom: 0.5rem;
}

.article-social {
  /*display: flex;*/
  font-size: 0.8rem;
}

.article-social > div {
  /* flex: 1; */
  display: inline-block;
  margin-right: 1.6rem;
}
.article-social > div:last-child {
  margin-right: 0;
}

/***

	Inside

***/
/*
	archived-  just went with straight <img> for iside headers
.inside-hero{
	@include aspect-ratio(1216, 320);
	background-position: center;
	background-size: cover;
}*/
section.inside-header-hero img {
  width: 100%;
}

/***

	Secondary Inside Template - Abandoned

***/
.header-hero img {
  width: 100%;
}

.secondary-topic {
  margin-bottom: 6rem;
}
.secondary-topic .topic-message h1 {
  padding-top: 2.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.secondary-topic .topic-links a {
  display: block;
  margin-bottom: 0.5rem;
}
.secondary-topic .topic-links a.unlinked {
  background: yellow;
}

.secondary-single-wrap.blue .secondary-topic:nth-child(odd) {
  background-color: #0584DF;
}
.secondary-single-wrap.pink .secondary-topic:nth-child(odd) {
  background-color: #f6b8c7;
}
.secondary-single-wrap.red .secondary-topic:nth-child(odd) {
  background-color: #E20451;
}
.secondary-single-wrap.yellow .secondary-topic:nth-child(odd) {
  background-color: #f4ea98;
}

/** Archive What We do style */
.archive-landing-hero {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.archive-landing-hero:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}
.archive-landing-hero > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.archive-landing-hero > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.archive-landing-hero.darken .content {
  background: rgba(0, 0, 0, 0.333);
}
.archive-landing-hero .contain {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.archive-landing-hero .contain h1, .archive-landing-hero .contain h2, .archive-landing-hero .contain h3, .archive-landing-hero .contain h4, .archive-landing-hero .contain h5, .archive-landing-hero .contain p {
  color: #fff;
}
.archive-landing-hero .contain h1, .archive-landing-hero .contain h2, .archive-landing-hero .contain h3, .archive-landing-hero .contain h4, .archive-landing-hero .contain h5 {
  margin-top: 0;
}
.archive-landing-hero .contain h1, .archive-landing-hero .contain h2, .archive-landing-hero .contain h3 {
  margin-bottom: 2rem;
}
.archive-landing-hero .contain p {
  font-size: 0.8rem;
  font-family: Volkhov, serif;
}

.article-featured-img img {
  width: 100%;
}

h1.archive-title {
  text-align: center;
}

.archive-article {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.archive-article.pink:nth-child(odd) {
  background: #f6b8c7;
}
.archive-article.yellow:nth-child(odd) {
  background: #f4ea98;
}
.archive-article.blue:nth-child(odd) {
  background: #0584DF;
}
.archive-article.red:nth-child(odd) {
  background: #E20451;
}

.article-content {
  display: none;
}

.archive-description {
  text-align: center;
  margin-bottom: 5rem;
}

/*** Title IX Category ***/
.term-title-ix .archive-description.contain-tight {
  max-width: 69rem;
}
.term-title-ix .archive-description .copy-tight {
  max-width: 33rem;
}
.term-title-ix .archive-description .boosted p {
  font-size: 1.2rem;
  line-height: 1.2;
}
.term-title-ix .archive-description h3 {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 1.2;
}
.term-title-ix .archive-description h3 em {
  font-family: Volkhov, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 2.0625rem;
}

/***

	support

***/
.icon-row {
  margin-top: 5.5rem;
  margin-bottom: 1.5rem;
  min-height: 16.4rem;
}
.icon-row h4 {
  margin-top: 2rem;
}

div.icon-json-contain {
  max-width: 8rem;
  margin-right: auto;
  margin-left: auto;
}

#other-info {
  background-image: url("/wp-content/themes/wsf2/images/track 2.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 54%;
}

/* enter to win */
.etw-entry-choices {
  display: flex;
}
.etw-entry-choices .entry-choice {
  flex: 1;
}
.etw-entry-choices .entry-choice a {
  background-color: transparent;
  display: inline-block;
  width: 8.25rem;
  height: 8.25rem;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: center;
  transition: all 0.3s ease;
}
.etw-entry-choices .entry-choice a:hover {
  background-color: white;
  color: black;
}
.etw-entry-choices .entry-choice-qty {
  margin-top: 2.666rem;
  margin-bottom: 0.75rem;
  display: block;
  font-size: 2.5rem;
}
.etw-entry-choices .entry-choice-label {
  display: block;
}
.etw-entry-choices span.entry-choice-price {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.enter-to-win-slider .content {
  overflow: hidden;
}
.enter-to-win-slider .darken-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.333);
  z-index: 2;
}
.enter-to-win-slider .contain {
  position: relative;
  z-index: 3;
}
.enter-to-win-slider .loading.vid-contain {
  position: absolute;
}

/***

   curriculum

***/
.dl-copy {
  padding-left: 2rem;
}

.dl-img {
  padding-top: 1.5rem;
}

/***

	Contact

***/
.contact-social {
  margin-bottom: 3rem;
}
.contact-social a {
  display: inline-block;
  padding-left: 1rem;
}
.contact-social a:first-child {
  padding-left: 0;
}

/***

	Colophon

***/
.colophon {
  background: black;
  color: white;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.colophon h4 {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.footer-right-bottom {
  display: flex;
}
.footer-right-bottom li.menu-item-has-children > a {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.footer-right-col {
  flex: 1;
}
.footer-right-col ul {
  margin: 0;
  padding: 0;
}
.footer-right-col ul li {
  list-style: none;
  padding: 0;
}
.footer-right-col a {
  color: white;
  font-size: 0.9rem;
}

.footer-social {
  margin-bottom: 2rem;
}
.footer-social a {
  display: inline-block;
  color: #fff;
  margin-right: 2rem;
}
.footer-social a:last-child {
  margin-right: 0;
}

.footer-left {
  padding-top: 4rem;
}

.footer-credits {
  margin-top: 3rem;
}
.footer-credits p {
  font-size: 0.9rem;
}
.footer-credits span.copyright {
  text-decoration: underline;
  font-weight: 600;
  font-size: 0.8rem;
}

p.privacy-footer a {
  color: #fff;
}

/******

	flickity

*******/
.flickity-page-dots {
  bottom: 2rem;
}
.flickity-page-dots .dot {
  background: transparent;
  border: 1px solid white;
  opacity: 1;
  margin: 0 0.25rem;
}
.flickity-page-dots .dot.is-selected {
  background: white;
}

@media all and (min-width: 64rem) {
  .carousel-type-b .flickity-page-dots {
    width: auto;
    left: calc(50% + 4rem);
  }
  .carousel-type-b .carousel-type-b-image {
    min-height: 36rem;
  }
}
/***

	share this

***/
/*.sharethis-inline-share-buttons {
	display: none;
}

#st-1  {
	display: none !important;
} */
a.at-icon-wrapper.at-share-btn.at-svc-compact {
  background-color: transparent !important;
  color: transparent !important;
  position: absolute;
  margin-top: -2rem;
}

.at-resp-share-element .at-icon, .at-resp-share-element .at-label {
  opacity: 0;
}

.rounded-button {
  border: 1px solid #FFF;
  border-radius: 20px;
  font-size: 16px;
  padding: 6px 25px 8px;
  margin-top: 25px;
}
.rounded-button:hover {
  background-color: #FFF;
  color: #000;
}
.rounded-button.black-outline {
  border-color: black;
}
.rounded-button.black-outline:hover {
  background-color: black;
  color: white;
}

/***

	Temp Hide and styling

***/
.sub-nav-woo-wrap {
  display: none;
}

.woocommerce .shop-archive-wrap .product {
  margin-bottom: 3rem;
  text-align: center;
}
.woocommerce .shop-archive-wrap span.price {
  display: block;
}

span.coming-soon-product {
  opacity: 0.35;
}

.woocommerce.single div.product form.cart {
  /*display: none;*/
}

.product_meta {
  display: none;
}

.logged-in .sub-nav-woo-wrap {
  display: block;
}
.logged-in.woocommerce .shop-archive-wrap .product {
  margin-bottom: 3rem;
}
.logged-in.woocommerce .shop-archive-wrap .product .price {
  display: block;
}
.logged-in span.coming-soon-product {
  opacity: 0.35;
}
.logged-in.woocommerce.single div.product form.cart {
  display: block;
}
.logged-in .product_meta {
  display: block;
}
.logged-in.woocommerce div.product p.price, .logged-in .woocommerce div.product span.price {
  display: block;
}

/***

	Archive

***/
.shop-archive-wrap {
  margin-bottom: 8rem;
  margin-top: 2rem;
}

.sub-nav-woo-wrap.stuck {
  position: fixed;
  top: 6.625rem;
  width: 100%;
  background: white;
  z-index: 3;
}
.sub-nav-woo-wrap.stuck .sub-nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sub-nav-woo-wrap.stuck .sub-nav a {
  font-size: 1rem;
}

.contain.contain-shop-title {
  max-width: 62rem;
}

h1.woocommerce-products-header__title, h1.product_title.entry-title {
  font-size: 3.5rem;
}

h2.woocommerce-loop-product__title {
  font-size: 1.125rem;
  letter-spacing: 0;
  margin-bottom: 0;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: black;
  font-size: 1.125em;
}

.shop-faq-wrap {
  padding-top: 4rem;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: black;
}

.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
  background: black;
}

/* single product */
.single-product .product {
  margin-top: 4rem;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 100%;
  float: none;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
  clear: none;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 0;
  background: white;
  font-weight: normal;
  text-decoration: underline;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: black;
}

/* Additional Fields for separate product / donation totals */
.woocommerce-checkout .woocommerce-additional-fields {
  display: none;
}

/* Related Products */
.related.products h2 {
  text-transform: uppercase;
  margin-bottom: 0;
}

.woocommerce-Tabs-panel h2 {
  text-transform: uppercase;
}

/***

	support us donation form and Scott Pioli

***/
#support-donate .id_4d5d53bd-987f-4e67-b0c2-b4fec7435d0a .sli-content-pane {
  background-color: #f6b8c7 !important;
}

#support-donate, #b07e5c3f-7233-488f-beef-c6938024469e {
  /* left align make this donation recurring */
  /* left align radios for memory */
  /* left align increase my donation fees */
}
#support-donate input[type=checkbox], #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox] {
  visibility: hidden !important;
}
#support-donate label, #b07e5c3f-7233-488f-beef-c6938024469e label {
  cursor: pointer;
}
#support-donate input[type=checkbox]::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox]::before {
  background-color: rgba(255, 255, 255, 0.3);
  border: none !important;
  content: " " !important;
  display: inline-block !important;
  font: 15px/1em sans-serif !important;
  height: 16px !important;
  margin: 0 0.25em 0 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  visibility: visible;
  top: 0;
  left: 0;
  width: 16px !important;
}
#support-donate input[type=checkbox]:checked::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox]:checked::before {
  background-color: rgba(255, 255, 255, 0.3);
  color: #333 !important;
  content: "■" !important;
  text-align: center !important;
}
#support-donate input[type=checkbox]:checked::after, #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox]:checked::after {
  font-weight: bold !important;
}
#support-donate input[type=checkbox]:focus::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox]:focus::before {
  outline: rgb(59, 153, 252) auto 5px !important;
}
#support-donate input[type=radio], #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio] {
  visibility: hidden !important;
}
#support-donate input[type=radio]::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio]::before {
  background-color: rgba(255, 255, 255, 0.3);
  border: none !important;
  content: " " !important;
  display: inline-block !important;
  font: 15px/1em sans-serif !important;
  height: 16px !important;
  margin: 0 0.25em 0 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  visibility: visible;
  width: 16px !important;
}
#support-donate input[type=radio]:checked::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio]:checked::before {
  background-color: rgba(255, 255, 255, 0.3);
  color: #333 !important;
  content: "■" !important;
  text-align: center !important;
}
#support-donate input[type=radio]:checked::after, #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio]:checked::after {
  font-weight: bold !important;
}
#support-donate input[type=radio]:focus::before, #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio]:focus::before {
  outline: rgb(59, 153, 252) auto 5px !important;
}
#support-donate div#id_0c3c19a9-4494-41d3-a0b4-c784a770d880, #b07e5c3f-7233-488f-beef-c6938024469e div#id_0c3c19a9-4494-41d3-a0b4-c784a770d880 {
  text-align: left;
}
#support-donate div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication, #b07e5c3f-7233-488f-beef-c6938024469e div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication {
  text-align: left;
}
#support-donate div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication ul, #b07e5c3f-7233-488f-beef-c6938024469e div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication ul {
  margin-left: 0;
  padding-left: 0;
  padding-top: 0.1rem;
}
#support-donate div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication ul li:first-child, #b07e5c3f-7233-488f-beef-c6938024469e div#id_1ea96745-1935-4260-a7c5-d1eaf1cd4af2_dedication ul li:first-child {
  padding-left: 0;
}
#support-donate div#id_3f0bd62c-1633-4b21-8873-c37c31d76e26, #b07e5c3f-7233-488f-beef-c6938024469e div#id_3f0bd62c-1633-4b21-8873-c37c31d76e26 {
  text-align: left;
}
#support-donate .sli-form, #support-donate .sli-oneTimeDonationAmounts, #support-donate .sli-recurringDonationAmounts, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts {
  /* dollar amounts */
  /* selected amount */
  /* custom amount */
}
#support-donate .sli-form label.sli-oneTimeAmountLabel, #support-donate .sli-form label.sli-recurringAmountLabel, #support-donate .sli-oneTimeDonationAmounts label.sli-oneTimeAmountLabel, #support-donate .sli-oneTimeDonationAmounts label.sli-recurringAmountLabel, #support-donate .sli-recurringDonationAmounts label.sli-oneTimeAmountLabel, #support-donate .sli-recurringDonationAmounts label.sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form label.sli-oneTimeAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form label.sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts label.sli-oneTimeAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts label.sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts label.sli-oneTimeAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts label.sli-recurringAmountLabel {
  background: rgba(255, 255, 255, 0.2);
  font-family: sofia-pro, sans-serif;
  font-weight: 600;
  border-radius: 100%;
  padding: 0;
  min-width: auto;
  width: 70px;
  height: 70px;
  padding-top: 27px;
  text-align: center !important;
}
#support-donate .sli-form label.sli-oneTimeAmountLabel:hover, #support-donate .sli-form label.sli-recurringAmountLabel:hover, #support-donate .sli-oneTimeDonationAmounts label.sli-oneTimeAmountLabel:hover, #support-donate .sli-oneTimeDonationAmounts label.sli-recurringAmountLabel:hover, #support-donate .sli-recurringDonationAmounts label.sli-oneTimeAmountLabel:hover, #support-donate .sli-recurringDonationAmounts label.sli-recurringAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form label.sli-oneTimeAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form label.sli-recurringAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts label.sli-oneTimeAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts label.sli-recurringAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts label.sli-oneTimeAmountLabel:hover, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts label.sli-recurringAmountLabel:hover {
  box-shadow: none;
  color: white !important;
  background-color: black !important;
}
#support-donate .sli-form input[type=checkbox], #support-donate .sli-oneTimeDonationAmounts input[type=checkbox], #support-donate .sli-recurringDonationAmounts input[type=checkbox], #b07e5c3f-7233-488f-beef-c6938024469e .sli-form input[type=checkbox], #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts input[type=checkbox], #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts input[type=checkbox] {
  /*-webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;*/
  top: 0;
  left: 0;
}
#support-donate .sli-form ul.sli-style-button input[type=radio]:checked + .sli-amount-label, #support-donate .sli-oneTimeDonationAmounts ul.sli-style-button input[type=radio]:checked + .sli-amount-label, #support-donate .sli-recurringDonationAmounts ul.sli-style-button input[type=radio]:checked + .sli-amount-label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form ul.sli-style-button input[type=radio]:checked + .sli-amount-label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts ul.sli-style-button input[type=radio]:checked + .sli-amount-label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts ul.sli-style-button input[type=radio]:checked + .sli-amount-label {
  box-shadow: none;
  color: white !important;
  background-color: black !important;
}
#support-donate .sli-form #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #support-donate .sli-form .sli-recurringAmountLabel, #support-donate .sli-oneTimeDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #support-donate .sli-oneTimeDonationAmounts .sli-recurringAmountLabel, #support-donate .sli-recurringDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #support-donate .sli-recurringDonationAmounts .sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form .sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts .sli-recurringAmountLabel, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts .sli-recurringAmountLabel {
  box-shadow: none;
  color: black;
  font-family: sofia-pro, sans-serif;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.2);
  font-weight: 600;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
#support-donate .sli-form #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #support-donate .sli-form .sli-recurringAmountLabel.sli-custom-amount-label-selected, #support-donate .sli-oneTimeDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #support-donate .sli-oneTimeDonationAmounts .sli-recurringAmountLabel.sli-custom-amount-label-selected, #support-donate .sli-recurringDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #support-donate .sli-recurringDonationAmounts .sli-recurringAmountLabel.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form .sli-recurringAmountLabel.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts .sli-recurringAmountLabel.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label.sli-custom-amount-label-selected, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts .sli-recurringAmountLabel.sli-custom-amount-label-selected {
  background-color: black !important;
  color: white !important;
}
#support-donate .sli-form input.sli-customAmount, #support-donate .sli-oneTimeDonationAmounts input.sli-customAmount, #support-donate .sli-recurringDonationAmounts input.sli-customAmount, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form input.sli-customAmount, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts input.sli-customAmount, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts input.sli-customAmount {
  background-color: transparent !important;
  border-color: #F8C7D2 !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  box-shadow: none;
  margin-top: 0 !important;
}
#support-donate .sli-form input.sli-customAmount::placeholder, #support-donate .sli-oneTimeDonationAmounts input.sli-customAmount::placeholder, #support-donate .sli-recurringDonationAmounts input.sli-customAmount::placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form input.sli-customAmount::placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts input.sli-customAmount::placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts input.sli-customAmount::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}
#support-donate .sli-form input.sli-customAmount :-ms-input-placeholder, #support-donate .sli-oneTimeDonationAmounts input.sli-customAmount :-ms-input-placeholder, #support-donate .sli-recurringDonationAmounts input.sli-customAmount :-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form input.sli-customAmount :-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts input.sli-customAmount :-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts input.sli-customAmount :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}
#support-donate .sli-form input.sli-customAmount ::-ms-input-placeholder, #support-donate .sli-oneTimeDonationAmounts input.sli-customAmount ::-ms-input-placeholder, #support-donate .sli-recurringDonationAmounts input.sli-customAmount ::-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-form input.sli-customAmount ::-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-oneTimeDonationAmounts input.sli-customAmount ::-ms-input-placeholder, #b07e5c3f-7233-488f-beef-c6938024469e .sli-recurringDonationAmounts input.sli-customAmount ::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}
#support-donate .sli-element, #b07e5c3f-7233-488f-beef-c6938024469e .sli-element {
  font-family: sofia-pro, sans-serif !important;
}
#support-donate .sli-checkout-summary-table th, #b07e5c3f-7233-488f-beef-c6938024469e .sli-checkout-summary-table th {
  background: transparent;
  border: none;
}
#support-donate .sli-checkout-summary-table thead td, #b07e5c3f-7233-488f-beef-c6938024469e .sli-checkout-summary-table thead td {
  background: transparent;
  border: none;
}
#support-donate .sli-checkout-summary-table td, #b07e5c3f-7233-488f-beef-c6938024469e .sli-checkout-summary-table td {
  background: transparent;
  border: none;
}

/* buttons */
.sli-button-element {
  display: inline-block;
  background: transparent !important;
}
.sli-button-element a.sli-button.sli-expand, .sli-button-element a.sli-button.sli-flat {
  background: transparent !important;
  border: 2px solid #000 !important;
  padding: 0.2rem 1.5rem;
  font-family: sofia-pro, sans-serif !important;
  font-weight: 600 !important;
  border-radius: 20px;
  font-size: 1rem;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .sli-form input[type=radio], .sli-oneTimeDonationAmounts input[type=radio], .sli-recurringDonationAmounts input[type=radio] {
    visibility: visible !important;
  }
  .sli-form input[type=checkbox], .sli-oneTimeDonationAmounts input[type=checkbox], .sli-recurringDonationAmounts input[type=checkbox] {
    visibility: visible !important;
  }
  #support-donate input[type=checkbox], #b07e5c3f-7233-488f-beef-c6938024469e input[type=checkbox] {
    visibility: visible !important;
  }
  #support-donate input[type=radio], #b07e5c3f-7233-488f-beef-c6938024469e input[type=radio] {
    visibility: visible !important;
  }
}
/***

	Scot Pioli hide content 

***/
#id_2df36b91-24fb-4412-828a-c385a05d5a0d {
  display: none;
}

div#id_46b408b7-7d7c-4f33-80f6-b7a7310d89f8 {
  display: none;
}

#id_e05bdcfb-ff80-4a81-9c7f-8adf999fcbe7 {
  display: none;
}

/* Scott Pioli button colors */
.archive div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 label.sli-oneTimeAmountLabel, .archive div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 label.sli-recurringAmountLabel, .single div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 label.sli-oneTimeAmountLabel, .single div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 label.sli-recurringAmountLabel {
  background: #f4ea98 !important;
}
.archive div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 input#id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom, .single div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 input#id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom {
  border: 1px solid #f4ea98 !important;
  background-color: #f4ea98 !important;
}
.archive div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label, .single div#id_0077e4a2-1fb0-419c-92e5-9f338f963827 #id_06e5bd2d-67fd-4ed1-b88e-b1fe568d120a_onetime_custom_label {
  background-color: #f4ea98 !important;
}
.archive .sli-button-element a.sli-button.sli-expand, .archive .sli-button-element a.sli-button.sli-flat, .single .sli-button-element a.sli-button.sli-expand, .single .sli-button-element a.sli-button.sli-flat {
  text-decoration: none;
}
.archive #b07e5c3f-7233-488f-beef-c6938024469e .sli-element, .single #b07e5c3f-7233-488f-beef-c6938024469e .sli-element {
  text-align: center;
}
.archive input[type=checkbox]:before, .single input[type=checkbox]:before {
  background-color: #f4ea98 !important;
}
.archive input[type=checkbox]:checked:before, .single input[type=checkbox]:checked:before {
  background-color: #f4ea98 !important;
}

/* hide title */
#id_0764ecfa-f24d-4506-a15d-7e6fd5fd631d_inner {
  display: none;
}

/* hide 4 star image */
div#id_d6a395d5-3494-437b-9937-3a5c486620cf {
  display: none;
}

/* hide comment form */
div#id_744127b9-e05e-4653-b2be-40d376bec145 {
  /*display: none; */
}

/***

  athlete home


***/
.athlete-row-2 {
  /*margin-top: -2.6rem;*/
}

/***

	athlete archive

***/
.our-athletes-archive-item {
  padding: 0.5rem;
}
.our-athletes-archive-item h2.c {
  font-size: 1rem;
  text-align: center;
}
.our-athletes-archive-item.home-athlete-item {
  padding: 0;
}

.page-template-page-our-team-wsfteam-tpl-php h2.c {
  margin-bottom: 0;
}
.page-template-page-our-team-wsfteam-tpl-php p.team-email {
  font-size: 0.8rem;
  opacity: 0.333;
  margin-top: 0;
}

section.our-athletes-archive-wrap {
  margin-top: 3rem;
}

.our-athletes-archive-item-inside {
  position: relative;
  background-size: cover;
  background-position: top center;
}
.our-athletes-archive-item-inside:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.our-athletes-archive-item-inside > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.our-athletes-archive-item-inside > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.our-athletes-archive-item-inside a {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  z-index: 2;
}
.our-athletes-archive-item-inside a:hover {
  opacity: 1;
}

.home-athlete-item .our-athletes-archive-item-inside {
  position: relative;
}
.home-athlete-item .our-athletes-archive-item-inside:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 87.5%;
}
.home-athlete-item .our-athletes-archive-item-inside > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-athlete-item .our-athletes-archive-item-inside > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.double-wide .our-athletes-archive-item-inside {
  position: relative;
}
.double-wide .our-athletes-archive-item-inside:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 36.5853658537%;
}
.double-wide .our-athletes-archive-item-inside > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.double-wide .our-athletes-archive-item-inside > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.our-athletes-inside-content {
  text-align: center;
}

.athlete-quote {
  display: block;
  padding: 2rem;
}

.athlete-link {
  display: inline-block;
  text-decoration: underline;
}

.athlete-single-wrap {
  margin-top: 4rem;
}
.athlete-single-wrap .article-meta {
  border-top: 1px solid #000;
  margin-top: 2rem;
  margin-bottom: 6rem;
}

.athlete-carousel {
  width: 100%;
}
.athlete-carousel .athlete-slide {
  height: 26rem;
  width: auto;
}

/* Vid Feature */
.vid-feature .content {
  overflow: hidden;
}
.vid-feature video {
  width: 100%;
}

/* Filter */
.alm-reveal.alm-filters.row {
  width: 100%;
}

.alm-btn-wrap {
  width: 100%;
  text-align: center;
  padding: 0 0 5rem;
}

.page-wrap #alm-filters-sport_filter .alm-filter {
  display: inline-block;
  max-width: 20rem;
  border-bottom: 1px solid #000;
  margin: 0;
  padding: 0;
  margin-right: 2rem;
}

.alm-load-more-btn.done {
  display: none;
}

.page-wrap {
  /*** Research Radio buttons specific */
  /*** Research Search specific */
}
.page-wrap .alm-filters-container .alm-filter--text-wrap input[type=text] {
  border: none;
  border-radius: 0;
  height: auto;
  line-height: 1.5;
  padding: 5px 4px 3px;
}
.page-wrap div.alm-filter--select {
  padding: 4px 5px 0;
  line-height: 1.5;
  height: 1.9rem;
}
.page-wrap select.alm-filter--item {
  border: none;
}
.page-wrap #alm-filters-research_filter {
  display: block;
  width: 100%;
  max-width: 100%;
  border-bottom: none;
  margin-top: 1rem;
}
.page-wrap #alm-filters-research_filter .alm-filter li a {
  font-size: 0.9rem;
  padding: 0;
}
.page-wrap #alm-filters-research_filter ul {
  display: flex;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  align-items: flex-end;
}
.page-wrap #alm-filters-research_filter ul li {
  flex: 1;
  text-align: left;
  padding: 0 1rem;
}
.page-wrap #alm-filters-research_filter ul li a {
  display: inline;
}
.page-wrap #alm-filters-research_filter .alm-filter li a.active, .page-wrap #alm-filters-research_filter .alm-filter li a:hover {
  color: #000;
  border-bottom: 2px solid #000;
}
.page-wrap #alm-filters-research_filter .alm-filter li a:before, .page-wrap #alm-filters-research_filter .alm-filter li a.active:before, .page-wrap #alm-filters-research_filter .alm-filter li a.active:after {
  height: 0;
  top: 0;
  border: none;
  width: 0;
  border-radius: 0;
  left: 0;
}
.page-wrap #research-wrap .alm-filter--search {
  max-width: 20rem;
}

/***

	Research Singles

***/
.download-message {
  font-weight: bold;
}

.page-wrap.research-single-wrap {
  margin-bottom: 0;
}

.team-group {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.team-group h1.team-group-title {
  text-align: center;
}

.tax-title-wrap {
  min-height: 3.666rem;
}

article.archive-level-item {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.archive-level-img {
  text-align: center;
}
.archive-level-img img {
  max-width: 80%;
}

/*** start abandoned design ***/
header.ngwsd-header {
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 0;
}

.ngwsd-title-nav {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

#lead-her-forward p {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.layout-centered-copy.inspiration .contain {
  max-width: 62rem;
}

.semi-circle-wrap {
  background-color: #e20451;
  /*background-image: url('/wp-content/themes/wsf2/images/red-semi-circle.svg');*/
  background-repeat: no-repeat;
  background-position: 0 6rem;
  background-size: 100%;
  padding-bottom: 4rem;
}

.ngwsd-header-contain {
  background: #e20451;
  margin-left: auto;
  margin-right: auto;
}

.ngwsd-landing-header-col {
  display: inline-block;
  background-size: contain;
  vertical-align: top;
}

.ngwsd-landing-header-left {
  position: relative;
  background-color: #f5f5f5;
  width: 26.5%;
}
.ngwsd-landing-header-left:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.9943342776%;
}
.ngwsd-landing-header-left > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ngwsd-landing-header-left > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.ngwsd-landing-header-center {
  background-color: #e20451;
  width: 47%;
  position: relative;
}
.ngwsd-landing-header-center:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.ngwsd-landing-header-center > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ngwsd-landing-header-center > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.ngwsd-landing-header-right {
  position: relative;
  background-color: #f5f5f5;
  width: 26.5%;
}
.ngwsd-landing-header-right:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.9943342776%;
}
.ngwsd-landing-header-right > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ngwsd-landing-header-right > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

@media all and (max-width: 1024px) {
  .ngwsd-landing-header-right {
    display: none;
  }
  .ngwsd-landing-header-left {
    display: none;
  }
  .ngwsd-landing-header-center {
    width: 100%;
  }
}
.semi-circle.semi-circle-red {
  position: absolute;
  /*bottom: -50%;*/
  left: 0;
  width: 100%;
  height: 200%;
  border-radius: 100% 100% 0 0;
  background-color: #e20451;
}

.ngwsd-landing-sub-nav {
  background-color: #e20451;
  padding-top: 4rem;
  padding-bottom: 3rem;
}

.ngwsd-landing-about .layout-split-img {
  min-height: 0;
}
.ngwsd-landing-about .layout-split-img p {
  margin: 0;
}

.ngwsd-story-rect {
  text-align: center;
}

.ngwsd-home-event-item {
  text-align: center;
}
.ngwsd-home-event-item h4 {
  margin-top: 0;
}

.ngwsd-share-icons {
  font-size: 2rem;
}

.ngwsd-social-1-up, .ngwsd-social-4-up {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ngwsd-social-1-up:before, .ngwsd-social-4-up:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.ngwsd-social-1-up > .content, .ngwsd-social-4-up > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ngwsd-social-1-up > .content.darken, .ngwsd-social-4-up > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.ngwsd-inside-intro {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.story-page-wrap {
  margin-bottom: 0d;
}

.page-template-page-events-tpl #search-results .event {
  padding-bottom: 4rem;
}

.logo-inside {
  height: 120px;
  text-align: center;
}
.logo-inside img {
  height: 50%;
  width: auto;
}

.event-icon-ngwsd {
  text-align: center;
}
.event-icon-ngwsd img {
  max-width: 8rem;
}

/*** end abandoned design ****/
.archive-landing-hero.ngwsd-hero {
  position: relative;
}
.archive-landing-hero.ngwsd-hero:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 48.3333333333%;
}
.archive-landing-hero.ngwsd-hero > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.archive-landing-hero.ngwsd-hero > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.archive-landing-hero.ngwsd-hero h1 {
  font-size: 3.375rem;
  max-width: 51rem;
}
.archive-landing-hero.ngwsd-hero a {
  color: white;
  font-size: 1rem;
  font-family: sofia-pro, sans-serif;
}

.article-featured-img img.ngwsd-intro-logo {
  max-width: 19rem;
}

.contain.stories-intro-contain {
  max-width: 40rem;
}

.story-item {
  padding: 0;
}
.story-item#story-1 .our-athletes-archive-item-inside {
  position: relative;
}
.story-item#story-1 .our-athletes-archive-item-inside:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}
.story-item#story-1 .our-athletes-archive-item-inside > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.story-item#story-1 .our-athletes-archive-item-inside > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
.story-item#story-6 .our-athletes-archive-item-inside {
  position: relative;
}
.story-item#story-6 .our-athletes-archive-item-inside:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}
.story-item#story-6 .our-athletes-archive-item-inside > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.story-item#story-6 .our-athletes-archive-item-inside > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

section#ngwsd-share {
  background: black;
}
section#ngwsd-share h1, section#ngwsd-share h2, section#ngwsd-share h3, section#ngwsd-share h4, section#ngwsd-share h5, section#ngwsd-share p, section#ngwsd-share a {
  color: #fff;
}

p.ngwsd-follow-us-label {
  margin-bottom: 0;
}

.ngwsd-hash p {
  font-size: 1.2rem;
  margin-top: 0;
}

#ngwsd-landing-intro .layout-split-img {
  padding-top: 3rem;
  min-height: 0;
}
#ngwsd-landing-intro .layout-split-img p {
  margin: 0;
}

.story-remodal .single-featured-image {
  text-align: center;
}

body.page-template.page-template-page-ngwsd-tpl.page-template-page-ngwsd-tpl-php {
  overflow: auto;
}

#ngwsd-map-app {
  position: relative;
  overflow: hidden;
}
#ngwsd-map-app:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
#ngwsd-map-app > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#ngwsd-map-app > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}
#ngwsd-map-app select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  -ms-appearance: menulist;
}

#ngwsd-map-message {
  background: url(../images/map-ngwsd.jpg) center center no-repeat;
  background-size: cover;
  padding: 90px 0;
}
#ngwsd-map-message .map__eyebrow {
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-size: 16px;
  margin-bottom: 25px;
}
#ngwsd-map-message h2 {
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 1.2em;
  margin: 0 auto 30px;
  width: 85%;
  letter-spacing: 0;
}
#ngwsd-map-message .map__content {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  background-color: #FFF;
}
#ngwsd-map-message .map__content .contain {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media all and (min-width: 767px) {
  #ngwsd-map-message {
    padding: 140px 0;
  }
  #ngwsd-map-message h2 {
    font-size: 36px;
  }
  .map__content .contain {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
.ngwsd-anim-wrap {
  width: 100%;
  position: relative;
  position: relative;
}
.ngwsd-anim-wrap:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.ngwsd-anim-wrap > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ngwsd-anim-wrap > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

div#ngwsd-anim {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  pointer-events: none;
}

.ngwsd-sponsor-img {
  width: 14%;
  display: inline-block;
}

.contain.ngwsd-sponsor-contain {
  padding-top: 6rem;
}

body.page-template div#ui-datepicker-div[style] {
  z-index: 2000000000 !important;
}

/* section gf divider override since they !important the style in plug */
body.page-template .gform_wrapper form li.gsection#field_4_4, body.page-template .gform_wrapper form li.gsection#field_4_5, body.page-template .gform_wrapper form li.gsection#field_4_9 {
  margin-top: 6rem !important;
  border-bottom: none;
}

@media all and (max-width: 1024px) {
  .archive-landing-hero.ngwsd-hero {
    position: relative;
  }
  .archive-landing-hero.ngwsd-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .archive-landing-hero.ngwsd-hero > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .archive-landing-hero.ngwsd-hero > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  #landing-ngwsd {
    position: relative;
  }
  #landing-ngwsd:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  #landing-ngwsd > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #landing-ngwsd > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
}
@media all and (max-width: 767px) {
  .story-grid-section .our-athletes-archive-item-inside {
    position: relative;
  }
  .story-grid-section .our-athletes-archive-item-inside:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .story-grid-section .our-athletes-archive-item-inside > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .story-grid-section .our-athletes-archive-item-inside > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .story-grid-section .story-item#story-6 .our-athletes-archive-item-inside, .story-grid-section .story-item#story-1 .our-athletes-archive-item-inside {
    position: relative;
  }
  .story-grid-section .story-item#story-6 .our-athletes-archive-item-inside:before, .story-grid-section .story-item#story-1 .our-athletes-archive-item-inside:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .story-grid-section .story-item#story-6 .our-athletes-archive-item-inside > .content, .story-grid-section .story-item#story-1 .our-athletes-archive-item-inside > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .story-grid-section .story-item#story-6 .our-athletes-archive-item-inside > .content.darken, .story-grid-section .story-item#story-1 .our-athletes-archive-item-inside > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  #ngwsd-map-app {
    position: relative;
  }
  #ngwsd-map-app:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.3333333333%;
  }
  #ngwsd-map-app > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #ngwsd-map-app > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .ngwsd-sponsor-img {
    width: 48%;
  }
  .our-athletes-archive-item-inside a {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .page-template-page-our-team-wsfteam-tpl .our-athletes-archive-item-inside a {
    opacity: 0;
  }
}
@media all and (max-width: 640px) {
  .article-featured-img img.ngwsd-intro-logo {
    max-width: 10rem;
  }
  .archive-landing-hero.ngwsd-hero .contain h1 {
    font-size: 1rem;
  }
}
.page__title {
  text-align: center;
}

.red-bkg h1 {
  color: #FFF;
  font-size: 32px;
  font-weight: 500;
  margin: 0;
}
@media all and (min-width: 768px) {
  .red-bkg h1 {
    font-size: 54px;
  }
}

.event__filter {
  background: #000;
  padding: 25px;
  text-align: center;
  color: #FFF;
}
.event__filter select {
  background: #000 url(../images/icon-dropdown.png) center right 4px no-repeat;
  background-size: 11px auto;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  padding: 10px 4px;
  max-width: 300px;
  width: 100%;
  margin-right: 25px;
  appearance: none;
}
@media all and (max-width: 600px) {
  .event__filter select {
    margin: 0 auto;
    max-width: none;
  }
}
.event__filter .checkbox-container {
  display: inline;
}
@media all and (max-width: 600px) {
  .event__filter .checkbox-container {
    margin-top: 15px;
    display: block;
  }
}
.event__filter .checkbox-container input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
}
.event__filter .checkbox-container label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 40px;
  height: 20px;
  background-color: #5a5959;
  border-radius: 100px;
  cursor: pointer;
  transition: 0.5;
  text-indent: -999px;
  margin-right: 10px;
  margin-top: -2px;
}
.event__filter .checkbox-container label::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 80%;
  top: 10%;
  left: 5%;
  border-radius: 70px;
  background-color: white;
  transition: 0.3s;
}
.event__filter .checkbox-container label:active::after {
  width: 90%;
}
.event__filter .checkbox-container input:checked + label:after {
  left: 95%;
  transform: translateX(-100%);
}
.event__filter .checkbox-container input:checked + label {
  background-color: #dd044f;
}

.event__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 25px;
  row-gap: 25px;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media all and (min-width: 600px) {
  .event__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 1200px) {
  .event__grid {
    column-gap: 35px;
    row-gap: 35px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.event__grid-container {
  background-color: #f5f5f5;
  padding: 25px 0;
}
@media all and (min-width: 1200px) {
  .event__grid-container {
    padding: 35px 0;
  }
}
.event__grid-single {
  background: #fff;
  padding: 30px;
  text-align: center;
  font-size: 14px;
}
@media all and (min-width: 768px) {
  .event__grid-single {
    padding: 35px;
  }
}
.event__grid-single h4 {
  margin: 0 0 5px;
  font-size: 18px;
}
.event__grid-single .description {
  margin: 20px 0;
}
.event__grid-single a {
  color: #e20451;
}
.event__grid-single .virtual-event {
  color: #e20451;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 5px;
}
.event__grid-single .virtual-event img {
  width: 16px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.salute-waves {
  padding-top: 5rem;
}
.salute-waves img {
  display: block;
  width: 100%;
}

.salute-info {
  padding-bottom: 5rem;
  position: relative;
  z-index: 2;
}
.salute-info .contain.contain-tight {
  max-width: 53rem;
}
.salute-info .contain {
  z-index: 2;
}
.salute-info h1 {
  font-family: Volkhov, serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  font-size: 3.75rem;
  line-height: 1.2;
  color: black;
  text-align: center;
}
.salute-info h4 {
  font-size: 2.333rem;
  line-height: 1;
}
.salute-info p {
  font-size: 1.1rem;
  font-weight: 500;
}
.salute-info a {
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

#annual-salute-iframe .sli-element h1, #annual-salute-iframe .sli-element h2, #annual-salute-iframe .sli-element h3, #annual-salute-iframe .sli-element h4, #annual-salute-iframe .sli-element h5, #annual-salute-iframe .sli-element p, #annual-salute-iframe .sli-element li, #annual-salute-iframe .sli-element span {
  font-family: sofia-pro, sans-serif !important;
}

.salute-sub-copy {
  margin-top: 1rem;
  padding-bottom: 1.5rem;
  /*font-size: .9rem; */
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}
.salute-sub-copy p {
  font-size: 0.9rem;
}

#salute-waves {
  /*@include aspect-ratio(1920, 390);*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#salute-waves svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto !important;
}

#who-athletes .layout-split-img {
  min-height: 0;
}

.annual-salute-icon-img img {
  max-width: 3rem;
  padding-bottom: 1rem;
}

.press-bkg-col {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.press-bkg-col:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.press-bkg-col > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.press-bkg-col > .content.darken {
  background: rgba(0, 0, 0, 0.333);
}

.press-archive-item-copy {
  padding: 2rem;
}
.press-archive-item-copy h3 a {
  text-decoration: none;
}

.press-archive-item {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.page-template-page-awards-tpl .archive-article:nth-child(odd) {
  background-color: #f5f5f5;
}

.nominee-intro h2 {
  text-transform: uppercase;
}

.nominee-info {
  text-align: left;
}
.nominee-info ul {
  margin-left: 0;
  padding-left: 0;
}
.nominee-info ul li {
  margin-bottom: 1rem;
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: none;
  background: transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
}

.search-form .search-submit {
  background-color: inherit;
  border: none;
}

select {
  background-image: url(/wp-content/themes/wsf2/images/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 0.666rem;
  background-position: right;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
}

#support-donate .sli-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  /*border-bottom: 1px solid #000 !important;*/
  box-shadow: none !important;
  margin-top: 0.5rem;
}
#support-donate .sli-form textarea {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  /*border-bottom: 1px solid #000 !important;*/
  box-shadow: none !important;
  margin-top: 0.5rem;
}
#support-donate .sli-form label {
  text-align: left !important;
}
#support-donate .sli-form select {
  background-color: rgba(255, 255, 255, 0.2) !important;
  background-image: url(/wp-content/themes/wsf2/images/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 0.666rem;
  background-position: right;
  border: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
}

/***

	Gravity Form Customization

***/
li.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-1-of-2 {
  padding-right: 2rem;
}

/***  !!! ALM Filter Form styles in _athletes.scss ***/
body {
  /* hide required asterisk */
  /* input fields that are not checkbox, submit, button, etc */
  /* textarea */
  /* select field for chrome */
  /* select wrap */
  /* submit button */
}
body .gform_wrapper .gfield_required {
  display: none;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: none;
  background: transparent;
  border-bottom: 1px solid #000;
}
body .gform_wrapper textarea.large, body .gform_wrapper textarea.medium, body .gform_wrapper textarea.small {
  background: transparent;
  height: 115px;
  border: 1px solid #000;
}
body .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
  border: none;
  border-radius: none;
  background: transparent;
  background-image: url(/wp-content/themes/wsf2/images/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 0.666rem;
  background-position: right;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
}
body .ginput_container.ginput_container_select {
  border-bottom: 1px solid #000;
  width: 50%;
}
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
  background: transparent;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 1rem;
  padding: 0.333rem 1rem 0.5rem;
  line-height: 1;
}
body .gform_wrapper ul.gfield_checkbox li label {
  font-weight: normal;
}
body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 1rem;
}

/***

	page-template-page-curriculum-form-tpl

***/
.page-template-page-curriculum-form-tpl .main-copy ul, .page-template-page-curriculum-form-tpl .main-copy ol {
  margin: 0;
}
.page-template-page-curriculum-form-tpl .gform_body ul.gform_fields li.gfield.gfield_html {
  margin-top: 3rem;
  margin-bottom: 0;
}
.page-template-page-curriculum-form-tpl .gform_body ul.gform_fields li.gfield.gfield_html p {
  margin-bottom: 0;
}
.page-template-page-curriculum-form-tpl ul#input_5_32 {
  column-count: 2;
}
.page-template-page-curriculum-form-tpl li#field_5_54 {
  padding: 2rem;
  background-color: black;
  color: #fff;
}
.page-template-page-curriculum-form-tpl .pricing-info-row-1 {
  padding-bottom: 1rem;
}

/***

	Employment Application

***/
.gform_wrapper li.gfield.field_description_below + li.gsection.app-header {
  margin-top: 7rem !important;
  margin-bottom: 3rem !important;
}

.search-wrap-nav {
  display: none;
}

.search-overlay {
  background: transparent;
  transition: all 0.3s ease;
}

.searching .search-overlay {
  position: fixed;
  top: 6rem;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99;
}
.searching .search-wrap-nav {
  display: block;
  position: absolute;
  right: 0;
  background: white;
  z-index: 2;
  width: 100%;
  text-align: right;
}
.searching .search-close {
  color: black;
  font-size: 1.2rem;
  display: inline-block;
  transform: translateY(-0.666rem);
}
.searching .search-close:hover {
  cursor: pointer;
}

form.search-form {
  transform: translateY(-0.666rem);
  display: inline-block;
  width: 90%;
  margin-right: 1rem;
}

input.search-field {
  width: 45%;
}

article.search-result-article:nth-child(odd) {
  background: #f5f5f5;
}
article.search-result-article h2 {
  margin-top: 0;
}
article.search-result-article h2 a {
  text-decoration: none;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.vertical-align {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical-align-s {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .vertical-align-s {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.equity__module {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.equity__module h4 {
  font-weight: 600;
}
.equity__module .copy-tight {
  width: 90%;
}
.equity__module-bg {
  position: relative;
  background-size: cover;
  background-position: center;
}
.equity__module-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}
.equity__module-bg .logo {
  text-align: left;
  margin-top: 40px;
}
.equity__module-bg .logo img {
  max-width: 250px;
  width: 40%;
}
@media all and (min-width: 64rem) {
  .equity__module-bg .logo {
    text-align: right;
    margin-top: 0;
  }
  .equity__module-bg .logo img {
    width: 100%;
  }
}
.equity__module-hero {
  height: 60vh;
  min-height: 450px;
  max-height: 580px;
  background-color: black;
  background-size: cover;
  background-position: top center;
  position: relative;
}
.equity__module-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}
.equity__module-hero .inside {
  z-index: 1;
  width: 80%;
  max-width: 1085px;
  margin: 0 auto;
}
.equity__module-hero .inside h1 {
  font-size: 46px;
}
@media (min-width: 767px) {
  .equity__module-hero .inside h1 {
    font-size: 5rem;
  }
}
.equity__module-hero h2, .equity__module-hero h1, .equity__module-hero p, .equity__module-hero a {
  color: white;
  max-width: 600px;
}
.equity__module-hero a:before {
  background-color: white;
}
.equity__module-join a {
  text-decoration: underline;
}
.equity__module-join .copy-tight {
  max-width: 725px;
}
.equity__module-join ::placeholder {
  color: black;
}
.equity__module-join .gform_wrapper form {
  text-align: center;
}
.equity__module-join .gform_wrapper li.gfield {
  text-align: left;
}
.equity__module-join .gform_wrapper li.gfield label {
  font-weight: 400;
}
.equity__module-join .gform_wrapper li.gfield.gfield_error {
  background-color: inherit;
  padding: 0;
  border: none;
}
.equity__module-join .figures {
  max-width: 250px;
  width: 50%;
  margin: 15px auto;
}
@media (min-width: 767px) {
  .equity__module-join .figures {
    margin: 35px auto;
  }
}
.equity__module-description .bg-image {
  background-position: bottom center;
  background-size: auto 50%;
  background-image: url(../images/equityproject/tracks.png);
  background-repeat: repeat-x;
}
.equity__module-description .carousel-type-b-image {
  min-height: 300px;
}
@media (min-width: 767px) {
  .equity__module-description .carousel-type-b-image {
    min-height: 400px;
  }
}
.equity__module-description .centered h3 {
  font-size: 38px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 767px) {
  .equity__module-description .centered h3 {
    font-size: 56px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
.equity__module-who.bg-white .carousel-type-b-item {
  background-color: white;
  color: #000;
}
.equity__module-who.bg-white .carousel-type-b-item h4 {
  color: #000;
}
.equity__module-who.enphasis h3 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 400;
  margin-top: 10px;
}
@media (min-width: 767px) {
  .equity__module-who.enphasis h3 {
    font-size: 46px;
    line-height: 50px;
  }
}
.equity__module-who.enphasis p {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 50px;
}
@media (min-width: 767px) {
  .equity__module-who.enphasis p {
    font-size: 22px;
    line-height: 30px;
  }
}
.equity__module-who.enphasis.reg-text p {
  font-weight: 400;
}
.equity__module-who h4 {
  color: white;
}
.equity__module-who ul {
  margin: 0;
  padding: 0;
}
.equity__module-who ul li {
  list-style: none;
  position: relative;
  padding: 10px 0 10px 40px;
}
.equity__module-who ul li:before {
  content: "";
  width: 22px;
  height: 20px;
  position: absolute;
  top: 11px;
  left: 0;
  background-image: url(../images/equityproject/icon-arrow.svg);
}
.equity__module-impact {
  padding-bottom: 0 !important;
}
.equity__module-impact.athletes .carousel-type-b-image {
  position: relative;
}
.equity__module-impact.athletes .carousel-type-b-image:hover .overlay {
  opacity: 1;
}
.equity__module-impact.athletes .overlay {
  color: #fff;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.equity__module-impact.athletes .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.6;
}
.equity__module-impact.athletes .overlay .name {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 25px;
}
.equity__module-impact.athletes .overlay p {
  max-width: 400px;
  width: 85%;
  margin: 0 auto;
}
.equity__module-impact .impact-grid {
  max-width: 1085px;
  margin: 60px auto 0;
}
.equity__module-impact .impact-grid.max-width {
  max-width: none;
}
.equity__module-impact .impact-grid .carousel-type-b-image {
  min-height: 440px;
}
.equity__module-impact .impact-grid .inside {
  padding: 30px;
  font-size: 22px;
}
.equity__module-impact .impact-grid .inside span {
  font-size: 12px;
  display: block;
  margin-top: 30px;
}
.equity__module-impact .impact-grid .inside .eyebrow {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  min-height: 60px;
}
.equity__module-impact .impact-grid .inside .stat {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  margin: 2rem 0;
}
.equity__module-impact .impact-grid .inside.contentful {
  padding: 50px 30px;
}
.equity__module-impact .impact-grid .inside.contentful .headline {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.equity__module-impact .impact-grid .inside.contentful p {
  font-size: 16px;
  line-height: 20px;
}
.equity__module-impact .bg-black {
  color: white;
}
.equity__module-disclaimer {
  font-size: 12px;
  padding: 30px 0 0;
}
.equity__module-disclaimer .copy-tight {
  max-width: 730px;
}
.equity__module-disclaimer h6 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 12px;
}
.equity__module-hashtag {
  font-size: 38px;
  line-height: 1;
  padding: 30px 0 60px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .equity__module-hashtag {
    font-size: 56px;
    padding: 65px 0 100px;
  }
}

.annual__module {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.annual__module h1 {
  padding: 0 5px;
  margin: 0 0 50px;
}
.annual__module h4 {
  font-weight: 600;
}
.annual__module .content-area {
  font-size: 16px;
  line-height: 24px;
  max-width: 900px;
  margin: 0 auto;
  width: 90%;
}
.annual__module .content-area p {
  margin: 0 auto 25px;
}
.annual__module .copy-tight {
  width: 90%;
}
.annual__module .layout-centered-copy h1 {
  font-size: 2.5rem;
}
@media (min-width: 767px) {
  .annual__module .layout-centered-copy h1 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .annual__module-intro {
    padding: 30px 0;
  }
}
.annual__module-intro .eyebrow {
  text-transform: uppercase;
  letter-spacing: 1.6px;
  display: block;
  margin: 25px 0 15px;
  font-weight: 500;
}
.annual__module-intro h3 {
  line-height: 1em;
}
@media (min-width: 1200px) {
  .annual__module-intro h3 {
    font-size: 46px;
    margin: 20px 0;
  }
}
.annual__module-intro h4 {
  line-height: 1.4em;
}
.annual__module-intro > .contain {
  padding: 0;
}
.annual__module-intro .bold {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  background-color: #F7AEAD;
}
@media (min-width: 1200px) {
  .annual__module-intro .bold {
    background-color: #fff;
  }
}
.annual__module-intro .view-more {
  display: none;
  font-size: 18px;
  cursor: pointer;
  position: relative;
}
.annual__module-intro .view-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 1px;
  width: 100%;
  background-color: #000;
  transition: height 0.2s ease;
}
.annual__module-intro .view-more:hover:after {
  height: 2px;
}
@media (min-width: 1200px) {
  .annual__module-intro .view-more {
    display: inline-block;
  }
}
.annual__module-intro .expanded {
  height: auto;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .annual__module-intro .expanded.closed {
    max-height: 0px;
  }
}
.annual__module-photos {
  margin: 30px 0 60px;
  overflow: hidden;
}
.annual__module-photos.recipients > .contain {
  padding-bottom: 140px;
}
.annual__module-photos.recipients > .contain:before {
  top: 0;
  left: -10%;
  right: -10%;
  width: 120%;
  height: 100%;
  background-color: #e20451;
  z-index: -1;
}
.annual__module-photos.recipients > .contain:after {
  width: 120%;
  left: -10%;
}
.annual__module-photos.recipients > .contain h1 {
  color: #fff;
  padding: 30px 0 45px;
  margin-bottom: 0;
}
.annual__module-photos.recipients > .contain .carousel-type-a-copy .contain {
  padding-left: 1rem;
  padding-right: 1rem;
}
.annual__module-photos.recipients > .contain .content {
  width: 90%;
  margin: 25px auto 0;
  font-size: 16px;
}
.annual__module-photos.recipients > .contain .content > span {
  display: block;
  font-weight: 700;
}
.annual__module-photos.recipients > .contain .content > span.name {
  font-size: 24px;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.annual__module-photos.recipients > .contain .content p {
  text-align: left;
  margin: 25px 0 40px;
}
.annual__module-photos > .contain {
  position: relative;
}
@media (min-width: 1200px) {
  .annual__module-photos > .contain {
    padding-bottom: 100px;
  }
}
.annual__module-photos > .contain:before {
  content: "";
  position: absolute;
  top: 20%;
  height: 80%;
  left: 0;
  width: 100%;
  background-color: #058ae6;
}
.annual__module-photos > .contain:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 90px;
  left: 0;
  width: 100%;
  background-image: url(../images/lines.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: auto 90px;
}
.annual__module-photos .row {
  position: relative;
  z-index: 2;
  color: #fff;
}
.annual__module-photos .row a {
  color: #fff;
}
.annual__module-photos .row h4 {
  margin-bottom: 40px;
}
.annual__module-photos .row .image-wrapper {
  position: relative;
  overflow: hidden;
}
.annual__module-photos .row .image-wrapper .rollover {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 18px;
  transition: bottom 0.4s ease;
}
@media (min-width: 1200px) {
  .annual__module-photos .row .image-wrapper .rollover {
    bottom: -100px;
  }
}
.annual__module-photos .row .image-wrapper:hover .rollover {
  bottom: 0;
}
.annual__module-button {
  position: relative;
  text-align: center;
  max-width: 1085px;
  width: 100%;
  margin: 0 auto 10px;
}
@media (min-width: 1200px) {
  .annual__module-button {
    margin: 0 auto 20px;
  }
}
.annual__module-button:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.annual__module-button .button-wrapper {
  background-color: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.annual__module-button a {
  border-radius: 20px;
  border: 1px solid #000;
  display: inline-block;
  font-size: 16px;
  line-height: 38px;
  height: 40px;
  padding: 0 25px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.annual__module-button a:before {
  content: "";
  border-radius: 20px;
  background-color: #f4ea98;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-in;
}
.annual__module-button a:hover {
  transform: scale(1.05);
}
.annual__module-button a:hover:before {
  left: 0;
}
.annual__module-button a span {
  position: relative;
}
.annual__module-donations {
  padding: 30px 0;
  font-size: 16px;
  line-height: 30px;
}
.annual__module-donations > .contain {
  padding: 0;
}
.annual__module-donations .level {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .annual__module-donations .level {
    margin-bottom: 50px;
  }
}
.annual__module-donations .amount {
  margin-bottom: 25px;
}
.annual__module-donations .amount b {
  font-size: 24px;
  display: block;
}
.annual__module-donations ul {
  margin: 0;
  line-height: 24px;
  padding-left: 20px;
}
.annual__module-donations ul li {
  margin-bottom: 10px;
}
.annual__module-sponsors {
  padding: 30px 0 60px;
  font-size: 16px;
  line-height: 30px;
}
.annual__module-sponsors.salute-sponsors {
  position: relative;
  max-width: 1090px;
  margin: 0 auto 40px;
}
@media (min-width: 1200px) {
  .annual__module-sponsors.salute-sponsors {
    margin-bottom: 105px;
  }
}
.annual__module-sponsors.salute-sponsors:before, .annual__module-sponsors.salute-sponsors:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 100%;
  background: #f7aead url(../images/photo-sponsors1.png) center center no-repeat;
  background-size: 100% auto;
  display: none;
}
@media (min-width: 1200px) {
  .annual__module-sponsors.salute-sponsors:before, .annual__module-sponsors.salute-sponsors:after {
    display: block;
  }
}
.annual__module-sponsors.salute-sponsors:after {
  left: auto;
  right: 0;
  background-color: #fcf197;
  background-image: url(../images/photo-sponsors2.png);
}
.annual__module-sponsors.salute-sponsors > .contain {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .annual__module-sponsors.salute-sponsors > .contain {
    max-width: calc(100% - 600px);
  }
}
.annual__module-sponsors > .contain {
  padding: 0;
}
.annual__module-sponsors .sponsor__section h4 {
  margin-bottom: 0;
}
.annual__module-sponsors .sponsor__section ul {
  padding: 0;
  margin: 0 auto;
  width: 95%;
  max-width: 1200px;
}
.annual__module-sponsors .sponsor__section .image-wrapper {
  width: 120px;
  height: 120px;
  line-height: 120px;
  display: inline-block;
  margin: 0 10px;
}
.annual__module-sponsors .sponsor__section .image-wrapper img {
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
}

.page__module-titleixhero {
  color: white;
}
.page__module-titleixhero .carousel-type-b-image {
  background-position: top right;
  min-height: 0;
  background-size: 0 0;
  padding: 0;
  line-height: 0;
}
@media (min-width: 1200px) {
  .page__module-titleixhero .carousel-type-b-image {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 36rem;
  }
  .page__module-titleixhero .carousel-type-b-image img {
    display: none;
  }
}
.page__module-titleixhero .copy-tight {
  position: relative;
  z-index: 2;
  width: 90%;
  margin: 0 auto;
  max-width: 500px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.page__module-titleixhero h1, .page__module-titleixhero h3 {
  color: white;
}
.page__module-titleixhero .years {
  max-width: 375px;
  width: 80%;
}
.page__module-titleixhero .logos {
  width: 70%;
  max-width: 300px;
}
.page__module-quote .carousel-type-b-item {
  background: #0584DF;
  color: white;
}
.page__module-quote .show-mobile {
  min-height: 0px;
}
@media (min-width: 767px) {
  .page__module-quote .show-mobile {
    min-height: 36rem;
  }
}
.page__module-quote .capitol {
  position: relative;
}
.page__module-quote .capitol:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/titleix/titleix-photo-quotebg.jpg);
  opacity: 0.15;
  background-size: cover;
}
.page__module-quote .capitol h3 {
  color: #FFF;
}
@media (min-width: 1200px) {
  .page__module-quote .capitol h3 {
    font-size: 46px;
    line-height: 46px;
  }
}
.page__module-quote .capitol .copy-tight {
  position: relative;
  z-index: 2;
  width: 90%;
  margin: 0 auto;
  max-width: 500px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.page__module-quote .capitol .copy-tight .byline {
  font-size: 16px;
  font-weight: 400;
}

.module__split-hero {
  background-color: black;
}
@media (min-width: 767px) {
  .module__split-hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.module__split-hero-logo img {
  width: 60%;
  max-width: 240px;
  margin: 40px auto;
}
@media (min-width: 1200px) {
  .module__split-hero-logo img {
    margin: 70px auto;
    max-width: 400px;
  }
}
.module__split-hero-text {
  background: transparent linear-gradient(90deg, var(--unnamed-color-188de3) 0%, var(--unnamed-color-dd1754) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #188DE3 0%, #DD1754 100%) 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
}
.module__split-hero-text h1 {
  color: white;
  margin: 40px;
  max-width: 550px;
}
@media (min-width: 1200px) {
  .module__split-hero-text h1 {
    margin: 80px;
  }
}

body #gform_wrapper_16 .ginput_container.ginput_container_select {
  width: 100%;
}

#gform_wrapper_16 .gform_required_legend {
  display: none;
}

#gform_wrapper_16 #gform_submit_button_16 {
  margin: 0 auto;
}

.wsf50__intro {
  max-width: 1080px;
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
}
.wsf50__intro a {
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .wsf50__intro {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.wsf50__intro-content {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .wsf50__intro-content {
    width: calc(50% - 40px);
    margin-bottom: 0;
  }
}
.wsf50__intro-content h1 {
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 1200px) {
  .wsf50__intro-content h1 {
    font-size: 48px;
    line-height: 58px;
  }
}
.wsf50__intro-research {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .wsf50__intro-research {
    width: calc(50% - 40px);
    margin-bottom: 0;
  }
}
.wsf50__intro-research .research__item-content {
  position: relative;
  margin-top: 40px;
  padding-left: 52px;
}
.wsf50__intro-research .research__item-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  background: transparent linear-gradient(180deg, #dd1754 0%, #188de3 100%) 0% 0% no-repeat padding-box;
}
.wsf50__intro-research .research__item-content h5 {
  font-size: 22px;
  line-height: 31px;
}
.wsf50__intro-research .research__item-content .roundedButton {
  min-width: 200px;
  background-color: transparent;
  border-color: #000;
  color: #000 !important;
  text-decoration: none;
  margin-top: 15px;
}
.wsf50__intro-research .research__item-content .roundedButton:hover {
  background-color: #000;
  color: #FFF !important;
}
.wsf50__featured {
  margin: 60px 0 0;
  position: relative;
}
.wsf50__featured:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1200px) {
  .wsf50__featured:before {
    height: 50%;
  }
}
.wsf50__featured-slider {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 80px;
  position: relative;
}
@media (min-width: 1200px) {
  .wsf50__featured-slider {
    padding-bottom: 140px;
  }
}
.wsf50__featured-slider-item {
  width: 100%;
}
.wsf50__featured-slider .flickity-page-dots .dot.is-selected {
  background-color: black;
}
.wsf50__featured-slider .flickity-page-dots .dot {
  border-color: black;
}
.wsf50__featured-slider .flickity-prev-next-button {
  top: calc(50% - 140px);
}
.wsf50__featured-title {
  text-align: left;
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .wsf50__featured-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.wsf50__featured-title h3 {
  margin: 0;
}
.wsf50__featured-title h6 {
  letter-spacing: 3.2px;
  color: #188DE3;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.wsf50__featured-title .roundedButton {
  min-width: 200px;
  background-color: transparent;
  border-color: #000;
  color: #000 !important;
}
@media (min-width: 1200px) {
  .wsf50__featured-title .roundedButton {
    margin-left: 40px;
  }
}
.wsf50__featured-title .roundedButton:hover {
  background-color: #000;
  color: #FFF !important;
}
.wsf50__header {
  background-color: #000000;
  text-align: center;
  padding: 40px 0;
}
.wsf50__header img {
  margin: 0 auto;
  width: 50%;
  max-width: 280px;
}
.wsf50__title {
  text-align: center;
  margin: 40px auto 60px;
}
@media (min-width: 1200px) {
  .wsf50__title {
    margin: 60px auto;
  }
}
.wsf50__title h1 {
  margin: 0;
}
.wsf50__title h6 {
  letter-spacing: 3.2px;
  color: #188DE3;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
}
.wsf50__content {
  margin: 30px auto 60px;
  width: 100%;
  max-width: 1080px;
}
@media (min-width: 1200px) {
  .wsf50__content {
    margin: 60px auto 100px;
  }
}
.wsf50__content .single-content {
  margin: 0 auto;
  max-width: 880px;
  width: 90%;
}
.wsf50__content .single-content blockquote {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  padding: 30px 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  margin: 30px 0;
}
@media (min-width: 1200px) {
  .wsf50__content .single-content blockquote {
    font-size: 36px;
    line-height: 46px;
    padding: 50px 0;
    margin: 50px 0;
  }
}
.wsf50__content .single-content blockquote:before, .wsf50__content .single-content blockquote:after {
  content: "";
  background: transparent linear-gradient(90deg, #188DE3 0%, #DD1754 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1200px) {
  .wsf50__content .single-content blockquote:before, .wsf50__content .single-content blockquote:after {
    height: 14px;
  }
}
.wsf50__content .single-content blockquote:after {
  top: auto;
  bottom: 0;
}
.wsf50__content .single-content blockquote p {
  margin: 0;
}
.wsf50__content .figures {
  max-width: 250px;
  width: 50%;
  margin: 15px auto;
}
@media (min-width: 767px) {
  .wsf50__content .figures {
    margin: 35px auto;
  }
}

.flickity-gallery {
  margin-bottom: 60px;
}
.flickity-gallery .flickity-page-dots {
  bottom: -30px;
  margin: 0;
}
.flickity-gallery .flickity-page-dots .dot.is-selected {
  background-color: black;
}
.flickity-gallery .flickity-page-dots .dot {
  border-color: black;
}
.flickity-gallery .flickity-prev-next-button {
  top: calc(50% - 70px);
}

.flickity-slide {
  width: 100%;
}
.flickity-slide .caption {
  background-color: #F5F5F5;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 767px) {
  .flickity-slide .caption {
    padding: 25px;
  }
}

.support__header .contain {
  max-width: 860px;
}
.support__header .outline {
  font-size: 64px;
  margin: 0 0 20px;
}
@media (min-width: 767px) {
  .support__header .outline {
    font-size: 90px;
    margin: 0 0 30px;
  }
}
.support__header .support__header-content h1 {
  font-size: 36px;
}

.promo__section {
  font-size: 16px;
  line-height: 24px;
}
.promo__section a {
  text-decoration: underline;
}
.promo__section.bg-black, .promo__section.bg-red {
  color: #FFFFFF;
}
.promo__section.bg-black h3, .promo__section.bg-black p, .promo__section.bg-black a, .promo__section.bg-red h3, .promo__section.bg-red p, .promo__section.bg-red a {
  color: #FFFFFF;
}
.promo__section .roundedButton {
  min-width: 200px;
  background-color: transparent;
  border-color: #000;
  color: #000 !important;
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
}
.promo__section .roundedButton:hover {
  background-color: #000;
  color: #FFF !important;
}
.promo__section.bg-black .roundedButton, .promo__section.bg-red .roundedButton {
  border-color: #FFFFFF;
  color: #FFFFFF !important;
}
.promo__section.bg-black .roundedButton:hover, .promo__section.bg-red .roundedButton:hover {
  background-color: #FFFFFF;
  color: #000000 !important;
}
@media (max-width: 767px) {
  .promo__section .carousel-type-b-image {
    order: 1;
  }
  .promo__section .carousel-type-a-copy {
    order: 2;
  }
}

.weplay-hero .carousel-type-b-item {
  background-color: #058ae6;
  padding-bottom: 40px;
  margin-bottom: 25px;
}
.weplay-hero .carousel-type-b-image {
  position: relative;
  min-height: 200px;
}
.weplay-hero .carousel-type-b-image:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: url(../images/bluecurve.svg);
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}
.weplay-hero h1 {
  margin-bottom: 0;
}
.weplay-hero .logo {
  max-width: 220px;
  width: 40%;
  margin-top: 40px;
}
.weplay-whatsinside {
  color: #FFFFFF;
  position: relative;
  padding-bottom: 1em;
}
.weplay-whatsinside:before {
  content: "";
  background-color: #058ae6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
}
.weplay-whatsinside h1 {
  color: #FFFFFF;
}
.weplay-whatsinside img {
  max-width: 700px;
  margin: 30px auto 10px;
  display: block;
  width: 90%;
}
.weplay-modules .impact-grid .inside .eyebrow {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}
.weplay-modules .impact-grid .inside p {
  font-size: 16px;
  line-height: 24px;
}
.weplay-modules .impact-grid .inside strong, .weplay-modules .impact-grid .inside b {
  font-size: 22px;
  alignment-baseline: 30px;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  content: "×";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 80%;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

@media all and (max-width: 1200px) {
  .fixed-cta-2.collapsed {
    width: 23.5rem;
  }
}
/*flexboxgrid md breakpoint (1024px)*/
@media all and (max-width: 64rem) {
  .fixed-cta-2 {
    width: 85%;
  }
  h1, h1.a {
    font-size: 4rem;
  }
  /* structure */
  .copy-contain-md {
    max-width: 100%;
  }
  .carousel-type-b .carousel-type-b-image {
    min-height: 27rem;
  }
  /***

  	header 

  ***/
  .site-logo img {
    width: 80%;
    max-width: 13rem;
  }
  /* home */
  .home-intro-left h1 {
    font-size: 2.125rem;
  }
  .home-hash-tag h1, #get-involved-share h1 {
    margin-left: -11.5rem;
  }
  .home-hash-tag {
    padding-top: 7rem;
    padding-bottom: 12rem;
  }
  /***

  	sub nav

  ***/
  .sub-nav ul li, .inside-secondary-nav ul li {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .sub-nav ul li:last-child, .inside-secondary-nav ul li:last-child {
    margin-right: 1rem;
  }
  /***

  	athletes

  ***/
  .athlete-carousel .athlete-slide {
    height: auto;
    width: 100%;
  }
  .athlete-carousel .athlete-slide img {
    width: 100%;
    height: auto;
  }
  /***

  	what we do

  ***/
  #track-bodymovin svg {
    height: 100% !important;
    width: auto !important;
  }
  /***

  	archive

  ***/
  .archive-landing-hero {
    position: relative;
  }
  .archive-landing-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
  }
  .archive-landing-hero > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .archive-landing-hero > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  /* get involved */
  #get-involved-share {
    position: relative;
  }
  #get-involved-share:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.3333333333%;
  }
  #get-involved-share > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #get-involved-share > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  #get-involved-share h3 {
    font-size: 1.2rem;
  }
  #gi-annual-salute .contain {
    padding: 2rem;
    transform: none;
    top: auto;
    max-width: 100%;
  }
  #gi-annual-salute .contain h1.b {
    font-size: 1.6rem;
  }
  /* forms */
  body .ginput_container.ginput_container_select {
    width: 100%;
  }
  /* colophon */
  .footer-right {
    padding-top: 4rem;
  }
  .footer-social {
    margin-bottom: 0;
  }
  .footer-right-bottom {
    display: block;
  }
  .footer-right-col {
    flex: none;
    display: inline-block;
    padding-top: 2rem;
    padding-right: 0.5rem;
    vertical-align: top;
    width: 49%;
  }
}
@media all and (min-width: 768px) {
  .sm-nav {
    display: none !important;
  }
}
/*flexboxgrid sm breakpoint (767px) */
@media all and (max-width: 48rem) {
  /* header nav swap */
  .hamberder {
    display: inline-block;
    position: fixed;
    right: 2rem;
    z-index: 101;
    top: 0;
  }
  .video-carousel-item video {
    height: 100%;
    width: auto;
    /*left: -50%;*/
  }
  .video-carousel-item.carousel-type-a-item .contain {
    top: 40%;
  }
  .site-nav {
    display: none;
  }
  .site-logo {
    width: 75%;
  }
  header.site-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-wrapper {
    padding-top: 3.9rem;
  }
  h1, h1.a, h1.b {
    font-size: 2.333rem;
  }
  h2.tax-title {
    letter-spacing: 1px;
    font-size: 0.5rem;
  }
  /* structure */
  .sub-nav-wrap {
    /*display: none;*/
  }
  .sub-nav-pad {
    display: none;
  }
  .padded {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .pad-bottom {
    padding-bottom: 2.5rem;
  }
  .margin-bottom {
    margin-bottom: 2.5rem;
  }
  .margin-top {
    margin-top: 2.5rem;
  }
  .carousel-type-a .carousel-type-a-item {
    position: relative;
  }
  .carousel-type-a .carousel-type-a-item:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .carousel-type-a .carousel-type-a-item > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .carousel-type-a .carousel-type-a-item > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .layout-type-c, .layout-type-f {
    position: relative;
  }
  .layout-type-c:before, .layout-type-f:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 25%;
  }
  .layout-type-c > .content, .layout-type-f > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .layout-type-c > .content.darken, .layout-type-f > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .layout-type-c h1, .layout-type-c h1.a, .layout-type-c h1.b, .layout-type-f h1, .layout-type-f h1.a, .layout-type-f h1.b {
    font-size: 2rem;
  }
  .carousel-type-b .carousel-type-b-image {
    min-height: 21rem;
  }
  .carousel-type-b .carousel-type-b-image .layout-centered-copy h1 {
    font-size: 2.66rem;
  }
  .copy-contain.right, .copy-contain.left {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  .video-carousel-item {
    /*.vid-play-button {
    	display: none;

    } */
    /*.loading.vid-contain {
    	display: none;
    }*/
  }
  /* home */
  .home-quote {
    max-width: 100%;
    text-align: center;
  }
  .home-hash-tag {
    padding-bottom: 7rem;
  }
  .home-hash-tag h1 {
    margin-left: -9.5rem;
  }
  #get-involved-share h1 {
    margin-left: -6.5rem;
  }
  section.home-partners {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
  /***

  	what we do

  ***/
  #what-awards h1.b {
    font-size: 1.666rem;
  }
  section#what-awards {
    min-height: 26rem;
  }
  /***

  	who we are

  ***/
  div#year-select {
    bottom: 32rem;
  }
  .timeline-slide-item .timeline-img {
    min-height: 16rem;
  }
  .timeline-copy {
    height: 30rem;
    overflow-y: scroll;
  }
  .timeline-slider .flickity-prev-next-button {
    height: 100%;
    width: 50%;
  }
  .timeline-slider .flickity-prev-next-button .flickity-button-icon {
    width: 2rem;
  }
  .timeline-slider .flickity-prev-next-button.next .flickity-button-icon {
    left: auto;
    right: -0.5rem;
  }
  .timeline-slider .flickity-prev-next-button.previous .flickity-button-icon {
    left: -0.5rem;
    right: auto;
  }
  /***

  	our partners

  ***/
  article.archive-level-item {
    padding-top: 0;
    padding-bottom: 1rem;
  }
  /***

  	archive

  ***/
  .archive-landing-hero {
    position: relative;
  }
  .archive-landing-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .archive-landing-hero > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .archive-landing-hero > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .archive-landing-hero .contain h1 {
    font-size: 2rem;
  }
  /***

  	annual salute

  ***/
  .salute-info h1 {
    font-size: 2rem;
  }
  /***

  	research

  ***/
  .page-wrap #alm-filters-research_filter ul li {
    display: block;
  }
  .page-wrap #alm-filters-research_filter ul {
    display: block;
  }
  .double-wide .our-athletes-archive-item-inside {
    position: relative;
  }
  .double-wide .our-athletes-archive-item-inside:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .double-wide .our-athletes-archive-item-inside > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .double-wide .our-athletes-archive-item-inside > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  /***

  	footer

  ***/
  .colophon {
    padding-top: 0;
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .fixed-cta-2 {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .carousel-type-b .carousel-type-b-image {
    min-height: 16rem;
  }
  .archive-landing-hero {
    position: relative;
  }
  .archive-landing-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .archive-landing-hero > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .archive-landing-hero > .content.darken {
    background: rgba(0, 0, 0, 0.333);
  }
  .archive-landing-hero h1 {
    font-size: 1.6rem;
  }
  .archive-landing-hero p {
    font-size: 0.6rem;
    line-height: 1.5;
  }
}
@media all and (max-width: 479px) {
  .video-carousel-item .vid-play-button {
    top: auto;
    bottom: 6%;
    left: 3.333rem;
  }
  .page-template-page-front-tpl .fixed-cta-2 h2 {
    margin-bottom: 0.5rem;
  }
  .page-template-page-front-tpl .fixed-cta-2 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 0.85rem;
    padding: 3px;
  }
}
body.has-modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2b2e35;
  opacity: 0.6;
  z-index: 100;
}

.visible-s {
  display: block;
}
@media (min-width: 767px) {
  .visible-s {
    display: none;
  }
}

.hidden-s {
  display: none;
}
@media (min-width: 767px) {
  .hidden-s {
    display: block;
  }
}

.modal {
  position: fixed;
  top: 25px;
  left: 50%;
  width: 90%;
  max-width: 800px;
  height: auto;
  transform: translate(-50%, 0);
  background-color: #f4ea98;
  z-index: 9999;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
  color: #000;
  text-align: center;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
}
@media (min-width: 767px) {
  .modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.modal.yellow {
  background-color: #f4ea98;
}
.modal.salmon {
  background-color: #F4B9C7;
}
.modal.layout2 {
  color: #fff;
  background-color: #000;
  background-size: cover;
  max-width: 550px;
  padding: 120px 0;
}
.modal.layout2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.3;
}
.modal.layout2 .modal__content {
  text-align: center;
}
.modal.layout2 .modal__content .button {
  background-color: #fff;
  color: #000;
  border: 1px solid #FFF;
}
.modal.layout2 .modal__content .button:hover {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
.modal.layout2 .modal__close:after, .modal.layout2 .modal__close:before {
  background-color: #fff;
}
.modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.modal .modal__close {
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  top: 20px;
  right: 20px;
  cursor: pointer;
  border: none;
  z-index: 999;
}
.modal .modal__close:focus {
  outline: none;
}
.modal .modal__close:after, .modal .modal__close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
}
.modal .modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal .is-visually-hidden {
  border: 0 !important;
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  left: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 1px !important;
}
.modal .modal__eyebrow {
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-size: 16px;
  margin-bottom: 25px;
}
.modal h2 {
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 1.2em;
  margin: 0 auto 30px;
  width: 85%;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .modal h2 {
    font-size: 36px;
  }
}
.modal .modal__content {
  max-width: 900px;
  margin: 0 auto;
  display: none;
  text-align: left;
}
.modal .modal__content.is-visible {
  display: block;
}
.modal .modal__content .contain {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 767px) {
  .modal .modal__content .contain {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.modal .modal__content .button {
  border-radius: 20px;
  height: 40px;
  line-height: 38px;
  padding: 0 24px;
  border: 1px solid #000000;
  display: inline-block;
  transition: all 0.2s ease;
}
.modal .modal__content .button:hover {
  background-color: #000;
  color: #fff;
}