@charset "UTF-8";

/* src/assets/css/plugins.css */
width: 16.666667%; } .col-lg-3 {
  width: 25%;
}
.col-lg-4 {
  width: 33.333333%;
}
.col-lg-5 {
  width: 41.666667%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-7 {
  width: 58.333333%;
}
.col-lg-8 {
  width: 66.666667%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-10 {
  width: 83.333333%;
}
.col-lg-11 {
  width: 91.666667%;
}
.col-lg-12 {
  width: 100%;
}
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
blockquote {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
ul,
ol {
  margin: 0px;
}
ul li,
ol li {
  margin: 0px;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
iframe {
  max-width: 100%;
}
del {
  text-decoration: line-through;
}
a,
i {
  border: none;
}
a:hover {
  text-decoration: none;
}
textarea {
  border-radius: 0;
  font-size: 18px;
  resize: vertical;
  font-family: var(--font-karla);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.4;
  padding: 20px !important;
  width: 100%;
  border: 1px solid #eee;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  border-radius: 0;
  font-size: 18px;
  min-width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--font-karla);
  line-height: 1.6;
  padding: 20px !important;
  height: 44px;
  vertical-align: middle;
  border: 1px solid #eee;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
  border-color: #ccc;
  background: #eee;
}
input[type=submit] {
  padding: 13px 15px;
  height: 40px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  color: #FFF;
  background: #777;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
input[type=submit]:hover {
  background: #444;
}
select {
  padding: 8px;
  border: 2px solid #eee;
}
input[type=button] {
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row > [class*=col-],
.row > [class*=column-] {
  padding-right: 15px;
  padding-left: 15px;
}
.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (max-width: 767px) {
  .col-xs-1 {
    width: 8.333333%;
  }
  .col-xs-2 {
    width: 16.666667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.333333%;
  }
  .col-xs-5 {
    width: 41.666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.333333%;
  }
  .col-xs-8 {
    width: 66.666667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.333333%;
  }
  .col-xs-11 {
    width: 91.666667%;
  }
  .col-xs-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    width: 8.333333%;
  }
  .col-sm-2 {
    width: 16.666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333%;
  }
  .col-sm-5 {
    width: 41.666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333%;
  }
  .col-sm-8 {
    width: 66.666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333333%;
  }
  .col-sm-11 {
    width: 91.666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1 {
    width: 8.333333%;
  }
  .col-md-2 {
    width: 16.666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333333%;
  }
  .col-md-5 {
    width: 41.666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333%;
  }
  .col-md-8 {
    width: 66.666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.333333%;
  }
  .col-md-11 {
    width: 91.666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    width: 8.333333%;
  }
  .col-lg-2 {
    .mfp-bg,
    .mfp-wrap {
      position: fixed;
      left: 0;
      top: 0;
    }
    .mfp-bg,
    .mfp-container,
    .mfp-wrap {
      height: 100%;
      width: 100%;
    }
    .mfp-arrow:after,
    .mfp-arrow:before,
    .mfp-container:before,
    .mfp-figure:after {
      content: "";
    }
    .mfp-bg {
      z-index: 1042;
      overflow: hidden;
      background: #0b0b0b;
      opacity: .8;
    }
    .mfp-wrap {
      z-index: 1043;
      outline: 0 !important;
      -webkit-backface-visibility: hidden;
    }
    .mfp-container {
      text-align: center;
      position: absolute;
      left: 0;
      top: 0;
      padding: 0 8px;
      box-sizing: border-box;
    }
    .mfp-container:before {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }
    .mfp-align-top .mfp-container:before {
      display: none;
    }
    .mfp-content {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto;
      text-align: left;
      z-index: 1045;
    }
    .mfp-ajax-holder .mfp-content,
    .mfp-inline-holder .mfp-content {
      width: 100%;
      cursor: auto;
    }
    .mfp-ajax-cur {
      cursor: progress;
    }
    .mfp-zoom-out-cur,
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
      cursor: -moz-zoom-out;
      cursor: -webkit-zoom-out;
      cursor: zoom-out;
    }
    .mfp-zoom {
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in;
      cursor: zoom-in;
    }
    .mfp-auto-cursor .mfp-content {
      cursor: auto;
    }
    .mfp-arrow,
    .mfp-close,
    .mfp-counter,
    .mfp-preloader {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .mfp-loading.mfp-figure {
      display: none;
    }
    .mfp-hide {
      display: none !important;
    }
    .mfp-preloader {
      color: #CCC;
      position: absolute;
      top: 50%;
      width: auto;
      text-align: center;
      margin-top: -.8em;
      left: 8px;
      right: 8px;
      z-index: 1044;
    }
    .mfp-preloader a {
      color: #CCC;
    }
    .mfp-close,
    .mfp-preloader a:hover {
      color: #FFF;
    }
    .mfp-s-error .mfp-content,
    .mfp-s-ready .mfp-preloader {
      display: none;
    }
    button.mfp-arrow,
    button.mfp-close {
      overflow: visible;
      cursor: pointer;
      background: 0 0;
      border: 0;
      -webkit-appearance: none;
      display: block;
      outline: 0;
      padding: 0;
      z-index: 1046;
      box-shadow: none;
      touch-action: manipulation;
    }
    .mfp-figure:after,
    .mfp-iframe-scaler iframe {
      box-shadow: 0 0 8px rgba(0, 0, 0, .6);
      position: absolute;
      left: 0;
    }
    button::-moz-focus-inner {
      padding: 0;
      border: 0;
    }
    .mfp-close {
      width: 44px;
      height: 44px;
      line-height: 44px;
      position: absolute;
      right: 0;
      top: 0;
      text-decoration: none;
      text-align: center;
      opacity: .65;
      padding: 0 0 18px 10px;
      font-style: normal;
      font-size: 28px;
      font-family:
        Arial,
        Baskerville,
        monospace;
    }
    .mfp-close:focus,
    .mfp-close:hover {
      opacity: 1;
    }
    .mfp-close:active {
      top: 1px;
    }
    .mfp-close-btn-in .mfp-close {
      color: #333;
    }
    .mfp-iframe-holder .mfp-close,
    .mfp-image-holder .mfp-close {
      color: #FFF;
      right: -6px;
      text-align: right;
      padding-right: 6px;
      width: 100%;
    }
    .mfp-counter {
      position: absolute;
      top: 0;
      right: 0;
      color: #CCC;
      font-size: 12px;
      line-height: 18px;
      white-space: nowrap;
    }
    .mfp-figure,
    img.mfp-img {
      line-height: 0;
    }
    .mfp-arrow {
      position: absolute;
      opacity: .65;
      margin: -55px 0 0;
      top: 50%;
      padding: 0;
      width: 90px;
      height: 110px;
      -webkit-tap-highlight-color: transparent;
    }
    .mfp-arrow:active {
      margin-top: -54px;
    }
    .mfp-arrow:focus,
    .mfp-arrow:hover {
      opacity: 1;
    }
    .mfp-arrow:after,
    .mfp-arrow:before {
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: inset transparent;
    }
    .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px;
    }
    .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: .7;
    }
    .mfp-arrow-left {
      left: 0;
    }
    .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px;
    }
    .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F;
    }
    .mfp-arrow-right {
      right: 0;
    }
    .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px;
    }
    .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F;
    }
    .mfp-iframe-holder {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px;
    }
    .mfp-image-holder .mfp-content,
    img.mfp-img {
      max-width: 100%;
    }
    .mfp-iframe-holder .mfp-close {
      top: -40px;
    }
    .mfp-iframe-scaler {
      width: 100%;
      height: 0;
      overflow: hidden;
      padding-top: 56.25%;
    }
    .mfp-iframe-scaler iframe {
      display: block;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
    }
    .mfp-figure:after,
    img.mfp-img {
      width: auto;
      height: auto;
      display: block;
    }
    img.mfp-img {
      box-sizing: border-box;
      padding: 40px 0;
      margin: 0 auto;
    }
    .mfp-figure:after {
      top: 40px;
      bottom: 40px;
      right: 0;
      z-index: -1;
      background: #444;
    }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px;
    }
    .mfp-figure figure {
      margin: 0;
    }
    .mfp-bottom-bar {
      margin-top: -36px;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      cursor: auto;
    }
    .mfp-title {
      text-align: left;
      line-height: 18px;
      color: #F3F3F3;
      word-wrap: break-word;
      padding-right: 36px;
    }
    .mfp-gallery .mfp-image-holder .mfp-figure {
      cursor: pointer;
    }
    @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
      .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
      }
      .mfp-img-mobile img.mfp-img {
        padding: 0;
      }
      .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
      }
      .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
      }
      .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
      }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
      }
      .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
      }
      .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0;
      }
    }
    @media all and (max-width:900px) {
      .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75);
      }
      .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
      }
      .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
      }
      .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
      }
    }
    .animated {
      animation-duration: 1s;
      animation-fill-mode: both;
    }
    .animated.infinite {
      animation-iteration-count: infinite;
    }
    .animated.hinge {
      animation-duration: 2s;
    }
    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
      animation-duration: .75s;
    }
    @keyframes bounce {
      from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
      }
      40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
      }
      70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
      }
      90% {
        transform: translate3d(0, -4px, 0);
      }
    }
    .bounce {
      animation-name: bounce;
      transform-origin: center bottom;
    }
    @keyframes flash {
      from, 50%, to {
        opacity: 1;
      }
      25%, 75% {
        opacity: 0;
      }
    }
    .flash {
      animation-name: flash;
    }
    @keyframes pulse {
      from {
        transform: scale3d(1, 1, 1);
      }
      50% {
        transform: scale3d(1.05, 1.05, 1.05);
      }
      to {
        transform: scale3d(1, 1, 1);
      }
    }
    .pulse {
      animation-name: pulse;
    }
    @keyframes rubberBand {
      from {
        transform: scale3d(1, 1, 1);
      }
      30% {
        transform: scale3d(1.25, 0.75, 1);
      }
      40% {
        transform: scale3d(0.75, 1.25, 1);
      }
      50% {
        transform: scale3d(1.15, 0.85, 1);
      }
      65% {
        transform: scale3d(.95, 1.05, 1);
      }
      75% {
        transform: scale3d(1.05, .95, 1);
      }
      to {
        transform: scale3d(1, 1, 1);
      }
    }
    .rubberBand {
      animation-name: rubberBand;
    }
    @keyframes shake {
      from, to {
        transform: translate3d(0, 0, 0);
      }
      10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
      }
      20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
      }
    }
    .shake {
      animation-name: shake;
    }
    @keyframes headShake {
      0% {
        transform: translateX(0);
      }
      6.5% {
        transform: translateX(-6px) rotateY(-9deg);
      }
      18.5% {
        transform: translateX(5px) rotateY(7deg);
      }
      31.5% {
        transform: translateX(-3px) rotateY(-5deg);
      }
      43.5% {
        transform: translateX(2px) rotateY(3deg);
      }
      50% {
        transform: translateX(0);
      }
    }
    .headShake {
      animation-timing-function: ease-in-out;
      animation-name: headShake;
    }
    @keyframes swing {
      20% {
        transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
        transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
        transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
        transform: rotate3d(0, 0, 1, -5deg);
      }
      to {
        transform: rotate3d(0, 0, 1, 0deg);
      }
    }
    .swing {
      transform-origin: top center;
      animation-name: swing;
    }
    @keyframes tada {
      from {
        transform: scale3d(1, 1, 1);
      }
      10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      }
      30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      }
      40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      }
      to {
        transform: scale3d(1, 1, 1);
      }
    }
    .tada {
      animation-name: tada;
    }
    @keyframes wobble {
      from {
        transform: none;
      }
      15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      }
      30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      }
      45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      }
      60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      }
      75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      }
      to {
        transform: none;
      }
    }
    .wobble {
      animation-name: wobble;
    }
    @keyframes jello {
      from, 11.1%, to {
        transform: none;
      }
      22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
      }
      33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
      }
      44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
      }
      55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
      }
      66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
      }
      77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
      }
      88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      }
    }
    .jello {
      animation-name: jello;
      transform-origin: center;
    }
    @keyframes bounceIn {
      from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
      }
      20% {
        transform: scale3d(1.1, 1.1, 1.1);
      }
      40% {
        transform: scale3d(.9, .9, .9);
      }
      60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
      }
      80% {
        transform: scale3d(.97, .97, .97);
      }
      to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
      }
    }
    .bounceIn {
      animation-name: bounceIn;
    }
    @keyframes bounceInDown {
      from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
      }
      60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
      }
      75% {
        transform: translate3d(0, -10px, 0);
      }
      90% {
        transform: translate3d(0, 5px, 0);
      }
      to {
        transform: none;
      }
    }
    .bounceInDown {
      animation-name: bounceInDown;
    }
    @keyframes bounceInLeft {
      from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
      }
      60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
      }
      75% {
        transform: translate3d(-10px, 0, 0);
      }
      90% {
        transform: translate3d(5px, 0, 0);
      }
      to {
        transform: none;
      }
    }
    .bounceInLeft {
      animation-name: bounceInLeft;
    }
    @keyframes bounceInRight {
      from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
      }
      60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
      }
      75% {
        transform: translate3d(10px, 0, 0);
      }
      90% {
        transform: translate3d(-5px, 0, 0);
      }
      to {
        transform: none;
      }
    }
    .bounceInRight {
      animation-name: bounceInRight;
    }
    @keyframes bounceInUp {
      from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
      }
      60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
      }
      75% {
        transform: translate3d(0, 10px, 0);
      }
      90% {
        transform: translate3d(0, -5px, 0);
      }
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    .bounceInUp {
      animation-name: bounceInUp;
    }
    @keyframes bounceOut {
      20% {
        transform: scale3d(.9, .9, .9);
      }
      50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
      }
      to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
      }
    }
    .bounceOut {
      animation-name: bounceOut;
    }
    @keyframes bounceOutDown {
      20% {
        transform: translate3d(0, 10px, 0);
      }
      40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
      }
      to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
      }
    }
    .bounceOutDown {
      animation-name: bounceOutDown;
    }
    @keyframes bounceOutLeft {
      20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
      }
      to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
      }
    }
    .bounceOutLeft {
      animation-name: bounceOutLeft;
    }
    @keyframes bounceOutRight {
      20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
      }
      to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
      }
    }
    .bounceOutRight {
      animation-name: bounceOutRight;
    }
    @keyframes bounceOutUp {
      20% {
        transform: translate3d(0, -10px, 0);
      }
      40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
      }
      to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
      }
    }
    .bounceOutUp {
      animation-name: bounceOutUp;
    }
    @keyframes fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    .fadeIn {
      animation-name: fadeIn;
    }
    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInDown {
      animation-name: fadeInDown;
    }
    @keyframes fadeInDownBig {
      from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInDownBig {
      animation-name: fadeInDownBig;
    }
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInLeft {
      animation-name: fadeInLeft;
    }
    @keyframes fadeInLeftBig {
      from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInLeftBig {
      animation-name: fadeInLeftBig;
    }
    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInRight {
      animation-name: fadeInRight;
    }
    @keyframes fadeInRightBig {
      from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInRightBig {
      animation-name: fadeInRightBig;
    }
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInUp {
      animation-name: fadeInUp;
    }
    @keyframes fadeInUpBig {
      from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .fadeInUpBig {
      animation-name: fadeInUpBig;
    }
    @keyframes fadeOut {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
      }
    }
    .fadeOut {
      animation-name: fadeOut;
    }
    @keyframes fadeOutDown {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
      }
    }
    .fadeOutDown {
      animation-name: fadeOutDown;
    }
    @keyframes fadeOutDownBig {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
      }
    }
    .fadeOutDownBig {
      animation-name: fadeOutDownBig;
    }
    @keyframes fadeOutLeft {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
      }
    }
    .fadeOutLeft {
      animation-name: fadeOutLeft;
    }
    @keyframes fadeOutLeftBig {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
      }
    }
    .fadeOutLeftBig {
      animation-name: fadeOutLeftBig;
    }
    @keyframes fadeOutRight {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
      }
    }
    .fadeOutRight {
      animation-name: fadeOutRight;
    }
    @keyframes fadeOutRightBig {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
      }
    }
    .fadeOutRightBig {
      animation-name: fadeOutRightBig;
    }
    @keyframes fadeOutUp {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
      }
    }
    .fadeOutUp {
      animation-name: fadeOutUp;
    }
    @keyframes fadeOutUpBig {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
      }
    }
    .fadeOutUpBig {
      animation-name: fadeOutUpBig;
    }
    @keyframes flip {
      from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
      }
      40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
      }
      50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
      }
      80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
      }
      to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
      }
    }
    .animated.flip {
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
      animation-name: flip;
    }
    @keyframes flipInX {
      from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
      }
      40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
      }
      60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
      }
      80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      }
      to {
        transform: perspective(400px);
      }
    }
    .flipInX {
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      animation-name: flipInX;
    }
    @keyframes flipInY {
      from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
      }
      40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
      }
      60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
      }
      80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      }
      to {
        transform: perspective(400px);
      }
    }
    .flipInY {
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      animation-name: flipInY;
    }
    @keyframes flipOutX {
      from {
        transform: perspective(400px);
      }
      30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
      }
      to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
      }
    }
    .flipOutX {
      animation-name: flipOutX;
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
    }
    @keyframes flipOutY {
      from {
        transform: perspective(400px);
      }
      30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
      }
      to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
      }
    }
    .flipOutY {
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      animation-name: flipOutY;
    }
    @keyframes lightSpeedIn {
      from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
      }
      60% {
        transform: skewX(20deg);
        opacity: 1;
      }
      80% {
        transform: skewX(-5deg);
        opacity: 1;
      }
      to {
        transform: none;
        opacity: 1;
      }
    }
    .lightSpeedIn {
      animation-name: lightSpeedIn;
      animation-timing-function: ease-out;
    }
    @keyframes lightSpeedOut {
      from {
        opacity: 1;
      }
      to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
      }
    }
    .lightSpeedOut {
      animation-name: lightSpeedOut;
      animation-timing-function: ease-in;
    }
    @keyframes rotateIn {
      from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
      }
      to {
        transform-origin: center;
        transform: none;
        opacity: 1;
      }
    }
    .rotateIn {
      animation-name: rotateIn;
    }
    @keyframes rotateInDownLeft {
      from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
      }
      to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
      }
    }
    .rotateInDownLeft {
      animation-name: rotateInDownLeft;
    }
    @keyframes rotateInDownRight {
      from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
      }
      to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
      }
    }
    .rotateInDownRight {
      animation-name: rotateInDownRight;
    }
    @keyframes rotateInUpLeft {
      from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
      }
      to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
      }
    }
    .rotateInUpLeft {
      animation-name: rotateInUpLeft;
    }
    @keyframes rotateInUpRight {
      from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
      }
      to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
      }
    }
    .rotateInUpRight {
      animation-name: rotateInUpRight;
    }
    @keyframes rotateOut {
      from {
        transform-origin: center;
        opacity: 1;
      }
      to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
      }
    }
    .rotateOut {
      animation-name: rotateOut;
    }
    @keyframes rotateOutDownLeft {
      from {
        transform-origin: left bottom;
        opacity: 1;
      }
      to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
      }
    }
    .rotateOutDownLeft {
      animation-name: rotateOutDownLeft;
    }
    @keyframes rotateOutDownRight {
      from {
        transform-origin: right bottom;
        opacity: 1;
      }
      to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
      }
    }
    .rotateOutDownRight {
      animation-name: rotateOutDownRight;
    }
    @keyframes rotateOutUpLeft {
      from {
        transform-origin: left bottom;
        opacity: 1;
      }
      to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
      }
    }
    .rotateOutUpLeft {
      animation-name: rotateOutUpLeft;
    }
    @keyframes rotateOutUpRight {
      from {
        transform-origin: right bottom;
        opacity: 1;
      }
      to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
      }
    }
    .rotateOutUpRight {
      animation-name: rotateOutUpRight;
    }
    @keyframes hinge {
      0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
      }
      20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
      }
      40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
      }
      to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
      }
    }
    .hinge {
      animation-name: hinge;
    }
    @keyframes jackInTheBox {
      from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
      }
      50% {
        transform: rotate(-10deg);
      }
      70% {
        transform: rotate(3deg);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }
    .jackInTheBox {
      animation-name: jackInTheBox;
    }
    @keyframes rollIn {
      from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }
    .rollIn {
      animation-name: rollIn;
    }
    @keyframes rollOut {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      }
    }
    .rollOut {
      animation-name: rollOut;
    }
    @keyframes zoomIn {
      from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
      }
      50% {
        opacity: 1;
      }
    }
    .zoomIn {
      animation-name: zoomIn;
    }
    @keyframes zoomInDown {
      from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomInDown {
      animation-name: zoomInDown;
    }
    @keyframes zoomInLeft {
      from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomInLeft {
      animation-name: zoomInLeft;
    }
    @keyframes zoomInRight {
      from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomInRight {
      animation-name: zoomInRight;
    }
    @keyframes zoomInUp {
      from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomInUp {
      animation-name: zoomInUp;
    }
    @keyframes zoomOut {
      from {
        opacity: 1;
      }
      50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
      }
      to {
        opacity: 0;
      }
    }
    .zoomOut {
      animation-name: zoomOut;
    }
    @keyframes zoomOutDown {
      40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomOutDown {
      animation-name: zoomOutDown;
    }
    @keyframes zoomOutLeft {
      40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
      }
      to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
      }
    }
    .zoomOutLeft {
      animation-name: zoomOutLeft;
    }
    @keyframes zoomOutRight {
      40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
      }
      to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
      }
    }
    .zoomOutRight {
      animation-name: zoomOutRight;
    }
    @keyframes zoomOutUp {
      40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
    }
    .zoomOutUp {
      animation-name: zoomOutUp;
    }
    @keyframes slideInDown {
      from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
      }
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    .slideInDown {
      animation-name: slideInDown;
    }
    @keyframes slideInLeft {
      from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
      }
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    .slideInLeft {
      animation-name: slideInLeft;
    }
    @keyframes slideInRight {
      from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
      }
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    .slideInRight {
      animation-name: slideInRight;
    }
    @keyframes slideInUp {
      from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
      }
      to {
        transform: translate3d(0, 0, 0);
      }
    }
    .slideInUp {
      animation-name: slideInUp;
    }
    @keyframes slideOutDown {
      from {
        transform: translate3d(0, 0, 0);
      }
      to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
      }
    }
    .slideOutDown {
      animation-name: slideOutDown;
    }
    @keyframes slideOutLeft {
      from {
        transform: translate3d(0, 0, 0);
      }
      to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
      }
    }
    .slideOutLeft {
      animation-name: slideOutLeft;
    }
    @keyframes slideOutRight {
      from {
        transform: translate3d(0, 0, 0);
      }
      to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
      }
    }
    .slideOutRight {
      animation-name: slideOutRight;
    }
    @keyframes slideOutUp {
      from {
        transform: translate3d(0, 0, 0);
      }
      to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
      }
    }
    .slideOutUp {
      animation-name: slideOutUp;
    }
    body {
      -webkit-backface-visibility: hidden;
    }
    .animated {
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .animated.hinge {
      -webkit-animation-duration: 2s;
      -moz-animation-duration: 2s;
      -o-animation-duration: 2s;
      animation-duration: 2s;
    }
    @-webkit-keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }
      25%, 75% {
        opacity: 0;
      }
    }
    @-moz-keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }
      25%, 75% {
        opacity: 0;
      }
    }
    @-o-keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }
      25%, 75% {
        opacity: 0;
      }
    }
    @keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }
      25%, 75% {
        opacity: 0;
      }
    }
    .flash {
      -webkit-animation-name: flash;
      -moz-animation-name: flash;
      -o-animation-name: flash;
      animation-name: flash;
    }
    @-webkit-keyframes shake {
      0%, 100% {
        -webkit-transform: translateX(0);
      }
      10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
      }
      20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
      }
    }
    @-moz-keyframes shake {
      0%, 100% {
        -moz-transform: translateX(0);
      }
      10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
      }
      20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
      }
    }
    @-o-keyframes shake {
      0%, 100% {
        -o-transform: translateX(0);
      }
      10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
      }
      20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
      }
    }
    @keyframes shake {
      0%, 100% {
        transform: translateX(0);
      }
      10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
      }
      20%, 40%, 60%, 80% {
        transform: translateX(10px);
      }
    }
    .shake {
      -webkit-animation-name: shake;
      -moz-animation-name: shake;
      -o-animation-name: shake;
      animation-name: shake;
    }
    @-webkit-keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
      }
      40% {
        -webkit-transform: translateY(-30px);
      }
      60% {
        -webkit-transform: translateY(-15px);
      }
    }
    @-moz-keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
      }
      40% {
        -moz-transform: translateY(-30px);
      }
      60% {
        -moz-transform: translateY(-15px);
      }
    }
    @-o-keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
      }
      40% {
        -o-transform: translateY(-30px);
      }
      60% {
        -o-transform: translateY(-15px);
      }
    }
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-30px);
      }
      60% {
        transform: translateY(-15px);
      }
    }
    .bounce {
      -webkit-animation-name: bounce;
      -moz-animation-name: bounce;
      -o-animation-name: bounce;
      animation-name: bounce;
    }
    @-webkit-keyframes tada {
      0% {
        -webkit-transform: scale(1);
      }
      10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
      }
      30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
      }
      40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
      }
      100% {
        -webkit-transform: scale(1) rotate(0);
      }
    }
    @-moz-keyframes tada {
      0% {
        -moz-transform: scale(1);
      }
      10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
      }
      30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
      }
      40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
      }
      100% {
        -moz-transform: scale(1) rotate(0);
      }
    }
    @-o-keyframes tada {
      0% {
        -o-transform: scale(1);
      }
      10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
      }
      30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
      }
      40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
      }
      100% {
        -o-transform: scale(1) rotate(0);
      }
    }
    @keyframes tada {
      0% {
        transform: scale(1);
      }
      10%, 20% {
        transform: scale(0.9) rotate(-3deg);
      }
      30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
      }
      40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
      }
      100% {
        transform: scale(1) rotate(0);
      }
    }
    .tada {
      -webkit-animation-name: tada;
      -moz-animation-name: tada;
      -o-animation-name: tada;
      animation-name: tada;
    }
    @-webkit-keyframes swing {
      20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
      }
      20% {
        -webkit-transform: rotate(15deg);
      }
      40% {
        -webkit-transform: rotate(-10deg);
      }
      60% {
        -webkit-transform: rotate(5deg);
      }
      80% {
        -webkit-transform: rotate(-5deg);
      }
      100% {
        -webkit-transform: rotate(0deg);
      }
    }
    @-moz-keyframes swing {
      20% {
        -moz-transform: rotate(15deg);
      }
      40% {
        -moz-transform: rotate(-10deg);
      }
      60% {
        -moz-transform: rotate(5deg);
      }
      80% {
        -moz-transform: rotate(-5deg);
      }
      100% {
        -moz-transform: rotate(0deg);
      }
    }
    @-o-keyframes swing {
      20% {
        -o-transform: rotate(15deg);
      }
      40% {
        -o-transform: rotate(-10deg);
      }
      60% {
        -o-transform: rotate(5deg);
      }
      80% {
        -o-transform: rotate(-5deg);
      }
      100% {
        -o-transform: rotate(0deg);
      }
    }
    @keyframes swing {
      20% {
        transform: rotate(15deg);
      }
      40% {
        transform: rotate(-10deg);
      }
      60% {
        transform: rotate(5deg);
      }
      80% {
        transform: rotate(-5deg);
      }
      100% {
        transform: rotate(0deg);
      }
    }
    .swing {
      -webkit-transform-origin: top center;
      -moz-transform-origin: top center;
      -o-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      -moz-animation-name: swing;
      -o-animation-name: swing;
      animation-name: swing;
    }
    @-webkit-keyframes wobble {
      0% {
        -webkit-transform: translateX(0%);
      }
      15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
      }
      30% {
        -webkit-transform: translateX(20%) rotate(3deg);
      }
      45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
      }
      60% {
        -webkit-transform: translateX(10%) rotate(2deg);
      }
      75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
      }
      100% {
        -webkit-transform: translateX(0%);
      }
    }
    @-moz-keyframes wobble {
      0% {
        -moz-transform: translateX(0%);
      }
      15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
      }
      30% {
        -moz-transform: translateX(20%) rotate(3deg);
      }
      45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
      }
      60% {
        -moz-transform: translateX(10%) rotate(2deg);
      }
      75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
      }
      100% {
        -moz-transform: translateX(0%);
      }
    }
    @-o-keyframes wobble {
      0% {
        -o-transform: translateX(0%);
      }
      15% {
        -o-transform: translateX(-25%) rotate(-5deg);
      }
      30% {
        -o-transform: translateX(20%) rotate(3deg);
      }
      45% {
        -o-transform: translateX(-15%) rotate(-3deg);
      }
      60% {
        -o-transform: translateX(10%) rotate(2deg);
      }
      75% {
        -o-transform: translateX(-5%) rotate(-1deg);
      }
      100% {
        -o-transform: translateX(0%);
      }
    }
    @keyframes wobble {
      0% {
        transform: translateX(0%);
      }
      15% {
        transform: translateX(-25%) rotate(-5deg);
      }
      30% {
        transform: translateX(20%) rotate(3deg);
      }
      45% {
        transform: translateX(-15%) rotate(-3deg);
      }
      60% {
        transform: translateX(10%) rotate(2deg);
      }
      75% {
        transform: translateX(-5%) rotate(-1deg);
      }
      100% {
        transform: translateX(0%);
      }
    }
    .wobble {
      -webkit-animation-name: wobble;
      -moz-animation-name: wobble;
      -o-animation-name: wobble;
      animation-name: wobble;
    }
    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1);
      }
    }
    @-moz-keyframes pulse {
      0% {
        -moz-transform: scale(1);
      }
      50% {
        -moz-transform: scale(1.1);
      }
      100% {
        -moz-transform: scale(1);
      }
    }
    @-o-keyframes pulse {
      0% {
        -o-transform: scale(1);
      }
      50% {
        -o-transform: scale(1.1);
      }
      100% {
        -o-transform: scale(1);
      }
    }
    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.1);
      }
      100% {
        transform: scale(1);
      }
    }
    .pulse {
      -webkit-animation-name: pulse;
      -moz-animation-name: pulse;
      -o-animation-name: pulse;
      animation-name: pulse;
    }
    @-webkit-keyframes flip {
      0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
      }
      40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
      }
      50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
      }
      80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
      }
      100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
      }
    }
    @-moz-keyframes flip {
      0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out;
      }
      40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
      }
      50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
      }
      80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
      }
      100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
      }
    }
    @-o-keyframes flip {
      0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out;
      }
      40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
      }
      50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
      }
      80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
      }
      100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
      }
    }
    @keyframes flip {
      0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
      }
      40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
      }
      50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
      }
      80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
      }
      100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
      }
    }
    .flip {
      -webkit-backface-visibility: visible !important;
      -webkit-animation-name: flip;
      -moz-backface-visibility: visible !important;
      -moz-animation-name: flip;
      -o-backface-visibility: visible !important;
      -o-animation-name: flip;
      backface-visibility: visible !important;
      animation-name: flip;
    }
    @-webkit-keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
      }
      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
      }
      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }
    @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } opacity: 0; }
  }
  @-o-keyframes flipOutY {
    0% {
      -o-transform: perspective(400px) rotateY(0deg);
      opacity: 1;
    }
    100% {
      -o-transform: perspective(400px) rotateY(90deg);
      opacity: 0;
    }
  }
  @keyframes flipOutY {
    0% {
      transform: perspective(400px) rotateY(0deg);
      opacity: 1;
    }
    100% {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
    }
  }
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInUp {
    0% {
      opacity: 0;
      -moz-transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  @-o-keyframes fadeInUp {
    0% {
      opacity: 0;
      -o-transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -o-transform: translateY(0);
    }
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInDown {
    0% {
      opacity: 0;
      -moz-transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  @-o-keyframes fadeInDown {
    0% {
      opacity: 0;
      -o-transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -o-transform: translateY(0);
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -moz-transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0);
    }
  }
  @-o-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -o-transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      -o-transform: translateX(0);
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInRight {
    0% {
      opacity: 0;
      -moz-transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0);
    }
  }
  @-o-keyframes fadeInRight {
    0% {
      opacity: 0;
      -o-transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -o-transform: translateX(0);
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -moz-transform: translateY(2000px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  @-o-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -o-transform: translateY(2000px);
    }
    100% {
      opacity: 1;
      -o-transform: translateY(0);
    }
  }
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translateY(2000px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }
  @-webkit-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -moz-transform: translateY(-2000px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  @-o-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -o-transform: translateY(-2000px);
    }
    100% {
      opacity: 1;
      -o-transform: translateY(0);
    }
  }
  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translateY(-2000px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
  }
  @-webkit-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -moz-transform: translateX(-2000px);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0);
    }
  }
  @-o-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -o-transform: translateX(-2000px);
    }
    100% {
      opacity: 1;
      -o-transform: translateX(0);
    }
  }
  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translateX(-2000px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }
  @-webkit-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 80% { -webkit-transform-origin: center; } 100% { -o-transform: translateX(0); } -webkit-transform-origin: center; @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } -moz-transform-origin: center; 60% { opacity: 1; transform: translateX(30px); } -moz-transform-origin: center; transform: translateX(-10px); } 100% { transform: translateX(0); } -o-transform-origin: center; .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; -o-transform-origin: center; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform-origin: center; 60% { opacity: 1; -webkit-transform: translateX(-30px); } transform-origin: center; 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); @-moz-keyframes bounceInRight { 0% { @-o-keyframes bounceOut { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } 100% { animation-name: rotateInDownLeft; @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } @-webkit-keyframes bounceOutUp { 0% { .rotateInUpLeft { animation-name: rotateInUpLeft; } @-moz-keyframes bounceOutUp { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } -moz-transform: translateY(-2000px); } } animation-name: rotateInUpRight; } } @-webkit-keyframes bounceOutLeft { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } -webkit-transform: translateX(-2000px); } } animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } 0% { to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } transform: translateX(-2000px); } .rotateOutDownRight { animation-name: rotateOutDownRight; } } from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 20% { opacity: 1; animation-name: rotateOutUpLeft; opacity: 0; 100% { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @-webkit-keyframes rotateInUpLeft { 0% { animation-name: rotateOutUpRight; @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes rotateInDownLeft { .jackInTheBox { animation-name: jackInTheBox; @-moz-keyframes rotateInDownLeft { transform: rotate(-90deg); opacity: 0; 0% { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } opacity: 0; } animation-name: rollIn; } } transform-origin: right bottom; from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { animation-name: rollOut; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; */.hamburger{ font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity, filter;text-transform:none;color:inherit;border:0;background-color:transparent }.hamburger.is-active:hover, .hamburger:hover{ opacity:1 }.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{ background-color:#000 }.hamburger-box{ position:relative;display:inline-block;width:40px;height:24px }.hamburger-inner{ top:50%;display:block;margin-top:-2px }.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000 }.hamburger-inner:after, .hamburger-inner:before{ display:block;content:"" }.hamburger-inner:before{ top:-10px }.hamburger-inner:after{ bottom:-10px }.hamburger--3dx .hamburger-box{ perspective:80px }.hamburger--3dx .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx.is-active .hamburger-inner{ transform:rotateY(180deg);background-color:transparent!important }.hamburger--3dx.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dx.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dx-r .hamburger-box{ perspective:80px }.hamburger--3dx-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx-r.is-active .hamburger-inner{ transform:rotateY(-180deg);background-color:transparent!important }.hamburger--3dx-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dx-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dy .hamburger-box{ perspective:80px }.hamburger--3dy .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy.is-active .hamburger-inner{ transform:rotateX(-180deg);background-color:transparent!important }.hamburger--3dy.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dy.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dy-r .hamburger-box{ perspective:80px }.hamburger--3dy-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy-r.is-active .hamburger-inner{ transform:rotateX(180deg);background-color:transparent!important }.hamburger--3dy-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dy-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dxy .hamburger-box{ perspective:80px }.hamburger--3dxy .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy.is-active .hamburger-inner{ transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important }.hamburger--3dxy.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dxy.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dxy-r .hamburger-box{ perspective:80px }.hamburger--3dxy-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy-r.is-active .hamburger-inner{ transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important }.hamburger--3dxy-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dxy-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--arrow.is-active .hamburger-inner:before{ transform:translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrow.is-active .hamburger-inner:after{ transform:translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrow-r.is-active .hamburger-inner:before{ transform:translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrow-r.is-active .hamburger-inner:after{ transform:translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowalt .hamburger-inner:before{ transition:top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt .hamburger-inner:after{ transition:bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt.is-active .hamburger-inner:before{ top:0;transition:top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowalt.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowalt-r .hamburger-inner:before{ transition:top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt-r .hamburger-inner:after{ transition:bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt-r.is-active .hamburger-inner:before{ top:0;transition:top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowalt-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn.is-active .hamburger-inner{ transform:rotate(-180deg) }.hamburger--arrowturn.is-active .hamburger-inner:before{ transform:translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowturn.is-active .hamburger-inner:after{ transform:translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn-r.is-active .hamburger-inner{ transform:rotate(-180deg) }.hamburger--arrowturn-r.is-active .hamburger-inner:before{ transform:translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn-r.is-active .hamburger-inner:after{ transform:translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before{ transition-property:none }.hamburger--boring.is-active .hamburger-inner{ transform:rotate(45deg) }.hamburger--boring.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--boring.is-active .hamburger-inner:after{ bottom:0;transform:rotate(-90deg) }.hamburger--collapse .hamburger-inner{ top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.13s }.hamburger--collapse .hamburger-inner:after{ top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear }.hamburger--collapse .hamburger-inner:before{ transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse.is-active .hamburger-inner{ transition-delay:.22s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--collapse.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity:0 }.hamburger--collapse.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform:rotate(-90deg) }.hamburger--collapse-r .hamburger-inner{ top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.13s }.hamburger--collapse-r .hamburger-inner:after{ top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear }.hamburger--collapse-r .hamburger-inner:before{ transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse-r.is-active .hamburger-inner{ transition-delay:.22s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:translate3d(0, -10px, 0) rotate(45deg) }.hamburger--collapse-r.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity:0 }.hamburger--collapse-r.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform:rotate(90deg) }.hamburger--elastic .hamburger-inner{ top:2px;transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55);transition-duration:.275s }.hamburger--elastic .hamburger-inner:before{ top:10px;transition:opacity .125s ease .275s }.hamburger--elastic .hamburger-inner:after{ top:20px;transition:transform .275s cubic-bezier(.68, -.55, .265, 1.55) }.hamburger--elastic.is-active .hamburger-inner{ transition-delay:75ms;transform:translate3d(0, 10px, 0) rotate(135deg) }.hamburger--elastic.is-active .hamburger-inner:before{ transition-delay:0s;opacity:0 }.hamburger--elastic.is-active .hamburger-inner:after{ transition-delay:75ms;transform:translate3d(0, -20px, 0) rotate(-270deg) }.hamburger--elastic-r .hamburger-inner{ top:2px;transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55);transition-duration:.275s }.hamburger--elastic-r .hamburger-inner:before{ top:10px;transition:opacity .125s ease .275s }.hamburger--elastic-r .hamburger-inner:after{ top:20px;transition:transform .275s cubic-bezier(.68, -.55, .265, 1.55) }.hamburger--elastic-r.is-active .hamburger-inner{ transition-delay:75ms;transform:translate3d(0, 10px, 0) rotate(-135deg) }.hamburger--elastic-r.is-active .hamburger-inner:before{ transition-delay:0s;opacity:0 }.hamburger--elastic-r.is-active .hamburger-inner:after{ transition-delay:75ms;transform:translate3d(0, -20px, 0) rotate(270deg) }.hamburger--emphatic{ overflow:hidden }.hamburger--emphatic .hamburger-inner{ transition:background-color .125s ease-in .175s }.hamburger--emphatic .hamburger-inner:before{ left:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s }.hamburger--emphatic .hamburger-inner:after{ top:10px;right:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s }.hamburger--emphatic.is-active .hamburger-inner{ transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important }.hamburger--emphatic.is-active .hamburger-inner:before{ top:-80px;left:-80px;transition:left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(80px, 80px, 0) rotate(45deg) }.hamburger--emphatic.is-active .hamburger-inner:after{ top:-80px;right:-80px;transition:right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(-80px, 80px, 0) rotate(-45deg) }.hamburger--emphatic-r{ overflow:hidden }.hamburger--emphatic-r .hamburger-inner{ transition:background-color .125s ease-in .175s }.hamburger--emphatic-r .hamburger-inner:before{ left:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s }.hamburger--emphatic-r .hamburger-inner:after{ top:10px;right:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s }.hamburger--emphatic-r.is-active .hamburger-inner{ transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important }.hamburger--emphatic-r.is-active .hamburger-inner:before{ top:80px;left:-80px;transition:left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(80px, -80px, 0) rotate(-45deg) }.hamburger--emphatic-r.is-active .hamburger-inner:after{ top:80px;right:-80px;transition:right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(-80px, -80px, 0) rotate(45deg) }.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before{ transition:bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear }.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before{ transition:bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;opacity:0 }.hamburger--minus.is-active .hamburger-inner:before{ top:0 }.hamburger--minus.is-active .hamburger-inner:after{ bottom:0 }.hamburger--slider .hamburger-inner{ top:2px }.hamburger--slider .hamburger-inner:before{ top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform, opacity }.hamburger--slider .hamburger-inner:after{ top:20px }.hamburger--slider.is-active .hamburger-inner{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--slider.is-active .hamburger-inner:before{ transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0 }.hamburger--slider.is-active .hamburger-inner:after{ transform:translate3d(0, -20px, 0) rotate(-90deg) }.hamburger--slider-r .hamburger-inner{ top:2px }.hamburger--slider-r .hamburger-inner:before{ top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform, opacity }.hamburger--slider-r .hamburger-inner:after{ top:20px }.hamburger--slider-r.is-active .hamburger-inner{ transform:translate3d(0, 10px, 0) rotate(-45deg) }.hamburger--slider-r.is-active .hamburger-inner:before{ transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0 }.hamburger--slider-r.is-active .hamburger-inner:after{ transform:translate3d(0, -20px, 0) rotate(90deg) }.hamburger--spin .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.22s }.hamburger--spin .hamburger-inner:before{ transition:top .1s ease-in .25s, opacity .1s ease-in }.hamburger--spin .hamburger-inner:after{ transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) }.hamburger--spin.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(225deg) }.hamburger--spin.is-active .hamburger-inner:before{ top:0;transition:top .1s ease-out, opacity .1s ease-out .12s;opacity:0 }.hamburger--spin.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(-90deg) }.hamburger--spin-r .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.22s }.hamburger--spin-r .hamburger-inner:before{ transition:top .1s ease-in .25s, opacity .1s ease-in }.hamburger--spin-r .hamburger-inner:after{ transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) }.hamburger--spin-r.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(-225deg) }.hamburger--spin-r.is-active .hamburger-inner:before{ top:0;transition:top .1s ease-out, opacity .1s ease-out .12s;opacity:0 }.hamburger--spin-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(90deg) }.hamburger--spring .hamburger-inner{ top:2px;transition:background-color 0s linear .13s }.hamburger--spring .hamburger-inner:before{ top:10px;transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--spring .hamburger-inner:after{ top:20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--spring.is-active .hamburger-inner{ transition-delay:.22s;background-color:transparent!important }.hamburger--spring.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--spring.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0, 10px, 0) rotate(-45deg) }.hamburger--stand .hamburger-inner{ transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms }.hamburger--stand .hamburger-inner:before{ transition:top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand .hamburger-inner:after{ transition:bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand.is-active .hamburger-inner{ transition:transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important }.hamburger--stand.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease-out, opacity 75ms ease-out .1s;opacity:0 }.hamburger--stand.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease-out, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(45deg) }.hamburger--stand-r .hamburger-inner{ transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms }.hamburger--stand-r .hamburger-inner:before{ transition:top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand-r .hamburger-inner:after{ transition:bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand-r.is-active .hamburger-inner{ transition:transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important }.hamburger--stand-r.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease-out, opacity 75ms ease-out .1s;opacity:0 }.hamburger--stand-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease-out, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(45deg) }.hamburger--squeeze .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:75ms }.hamburger--squeeze .hamburger-inner:before{ transition:top 75ms ease .12s, opacity 75ms ease }.hamburger--squeeze .hamburger-inner:after{ transition:bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19) }.hamburger--squeeze.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(45deg) }.hamburger--squeeze.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease, opacity 75ms ease .12s;opacity:0 }.hamburger--squeeze.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(-90deg) }.hamburger--vortex .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transition-duration:.2s }.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before{ transition-delay:.1s;transition-timing-function:linear;transition-duration:0s }.hamburger--vortex .hamburger-inner:before{ transition-property:top, opacity }.hamburger--vortex .hamburger-inner:after{ transition-property:bottom, transform }.hamburger--vortex.is-active .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transform:rotate(765deg) }.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before{ transition-delay:0s }.hamburger--vortex.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--vortex.is-active .hamburger-inner:after{ bottom:0;transform:rotate(90deg) }.hamburger--vortex-r .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transition-duration:.2s }.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before{ transition-delay:.1s;transition-timing-function:linear;transition-duration:0s }.hamburger--vortex-r .hamburger-inner:before{ transition-property:top, opacity }.hamburger--vortex-r .hamburger-inner:after{ transition-property:bottom, transform }.hamburger--vortex-r.is-active .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transform:rotate(-765deg) }.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before{ transition-delay:0s }.hamburger--vortex-r.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--vortex-r.is-active .hamburger-inner:after{ bottom:0;transform:rotate(-90deg) } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } .owl-carousel, .owl-carousel .owl-item{ -webkit-tap-highlight-color:transparent;position:relative }.owl-carousel{ display:none;width:100%;z-index:1 }.owl-carousel .owl-stage{ position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden }.owl-carousel .owl-stage:after{ content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0 }.owl-carousel .owl-stage-outer{ position:relative;overflow:hidden;-webkit-transform:translate3d(0, 0, 0) }.owl-carousel .owl-item, .owl-carousel .owl-wrapper{ -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0) }.owl-carousel .owl-item{ min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none }.owl-carousel .owl-item img{ width:auto }.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display:none }.no-js .owl-carousel, .owl-carousel.owl-loaded{ display:block }.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{ cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none }.owl-carousel.owl-loading{ opacity:0;display:block }.owl-carousel.owl-hidden{ opacity:0 }.owl-carousel.owl-refresh .owl-item{ visibility:hidden }.owl-carousel.owl-drag .owl-item{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none }.owl-carousel.owl-grab{ cursor:move;cursor:grab }.owl-carousel.owl-rtl{ direction:rtl }.owl-carousel.owl-rtl .owl-item{ float:right }.owl-carousel .animated{ animation-duration:1s;animation-fill-mode:both }.owl-carousel .owl-animated-in{ z-index:0 }.owl-carousel .owl-animated-out{ z-index:1 }.owl-carousel .fadeOut{ animation-name:fadeOut }@keyframes fadeOut{ 0%{ opacity:1 }100%{ opacity:0 } }.owl-height{ transition:height .5s ease-in-out }.owl-carousel .owl-item .owl-lazy{ opacity:0;transition:opacity .4s ease }.owl-carousel .owl-item img.owl-lazy{ transform-style:preserve-3d }.owl-carousel .owl-video-wrapper{ position:relative;height:100%;background:#000 }.owl-carousel .owl-video-play-icon{ position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease }.owl-carousel .owl-video-play-icon:hover{ -ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3) }.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{ display:none }.owl-carousel .owl-video-tn{ opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease }.owl-carousel .owl-video-frame{ position:relative;z-index:1;height:100%;width:100% } .owl-theme .owl-dots, .owl-theme .owl-nav{ text-align:center;-webkit-tap-highlight-color:transparent }.owl-theme .owl-nav{ margin-top:10px }.owl-theme .owl-nav [class*=owl-]{ color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px }.owl-theme .owl-nav [class*=owl-]:hover{ background:#869791;color:#FFF;text-decoration:none }.owl-theme .owl-nav .disabled{ opacity:.5;cursor:default }.owl-theme .owl-nav.disabled+.owl-dots{ margin-top:10px }.owl-theme .owl-dots .owl-dot{ display:inline-block;zoom:1 }.owl-theme .owl-dots .owl-dot span{ width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px }.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#869791 } .hamburger{ font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity, filter;text-transform:none;color:inherit;border:0;background-color:transparent }.hamburger.is-active:hover, .hamburger:hover{ opacity:1 }.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{ background-color:#000 }.hamburger-box{ position:relative;display:inline-block;width:40px;height:24px }.hamburger-inner{ top:50%;display:block;margin-top:-2px }.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000 }.hamburger-inner:after, .hamburger-inner:before{ display:block;content:"" }.hamburger-inner:before{ top:-10px }.hamburger-inner:after{ bottom:-10px }.hamburger--3dx .hamburger-box{ perspective:80px }.hamburger--3dx .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx.is-active .hamburger-inner{ transform:rotateY(180deg);background-color:transparent!important }.hamburger--3dx.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dx.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dx-r .hamburger-box{ perspective:80px }.hamburger--3dx-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dx-r.is-active .hamburger-inner{ transform:rotateY(-180deg);background-color:transparent!important }.hamburger--3dx-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dx-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dy .hamburger-box{ perspective:80px }.hamburger--3dy .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy.is-active .hamburger-inner{ transform:rotateX(-180deg);background-color:transparent!important }.hamburger--3dy.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dy.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dy-r .hamburger-box{ perspective:80px }.hamburger--3dy-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dy-r.is-active .hamburger-inner{ transform:rotateX(180deg);background-color:transparent!important }.hamburger--3dy-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dy-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dxy .hamburger-box{ perspective:80px }.hamburger--3dxy .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy.is-active .hamburger-inner{ transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important }.hamburger--3dxy.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dxy.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--3dxy-r .hamburger-box{ perspective:80px }.hamburger--3dxy-r .hamburger-inner{ transition:transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before{ transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s }.hamburger--3dxy-r.is-active .hamburger-inner{ transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important }.hamburger--3dxy-r.is-active .hamburger-inner:before{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--3dxy-r.is-active .hamburger-inner:after{ transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--arrow.is-active .hamburger-inner:before{ transform:translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrow.is-active .hamburger-inner:after{ transform:translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrow-r.is-active .hamburger-inner:before{ transform:translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrow-r.is-active .hamburger-inner:after{ transform:translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowalt .hamburger-inner:before{ transition:top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt .hamburger-inner:after{ transition:bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt.is-active .hamburger-inner:before{ top:0;transition:top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowalt.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowalt-r .hamburger-inner:before{ transition:top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt-r .hamburger-inner:after{ transition:bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) }.hamburger--arrowalt-r.is-active .hamburger-inner:before{ top:0;transition:top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowalt-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;transform:translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn.is-active .hamburger-inner{ transform:rotate(-180deg) }.hamburger--arrowturn.is-active .hamburger-inner:before{ transform:translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--arrowturn.is-active .hamburger-inner:after{ transform:translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn-r.is-active .hamburger-inner{ transform:rotate(-180deg) }.hamburger--arrowturn-r.is-active .hamburger-inner:before{ transform:translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) }.hamburger--arrowturn-r.is-active .hamburger-inner:after{ transform:translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) }.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before{ transition-property:none }.hamburger--boring.is-active .hamburger-inner{ transform:rotate(45deg) }.hamburger--boring.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--boring.is-active .hamburger-inner:after{ bottom:0;transform:rotate(-90deg) }.hamburger--collapse .hamburger-inner{ top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.13s }.hamburger--collapse .hamburger-inner:after{ top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear }.hamburger--collapse .hamburger-inner:before{ transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse.is-active .hamburger-inner{ transition-delay:.22s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--collapse.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity:0 }.hamburger--collapse.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform:rotate(-90deg) }.hamburger--collapse-r .hamburger-inner{ top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.13s }.hamburger--collapse-r .hamburger-inner:after{ top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear }.hamburger--collapse-r .hamburger-inner:before{ transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse-r.is-active .hamburger-inner{ transition-delay:.22s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:translate3d(0, -10px, 0) rotate(45deg) }.hamburger--collapse-r.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;opacity:0 }.hamburger--collapse-r.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;transform:rotate(90deg) }.hamburger--elastic .hamburger-inner{ top:2px;transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55);transition-duration:.275s }.hamburger--elastic .hamburger-inner:before{ top:10px;transition:opacity .125s ease .275s }.hamburger--elastic .hamburger-inner:after{ top:20px;transition:transform .275s cubic-bezier(.68, -.55, .265, 1.55) }.hamburger--elastic.is-active .hamburger-inner{ transition-delay:75ms;transform:translate3d(0, 10px, 0) rotate(135deg) }.hamburger--elastic.is-active .hamburger-inner:before{ transition-delay:0s;opacity:0 }.hamburger--elastic.is-active .hamburger-inner:after{ transition-delay:75ms;transform:translate3d(0, -20px, 0) rotate(-270deg) }.hamburger--elastic-r .hamburger-inner{ top:2px;transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55);transition-duration:.275s }.hamburger--elastic-r .hamburger-inner:before{ top:10px;transition:opacity .125s ease .275s }.hamburger--elastic-r .hamburger-inner:after{ top:20px;transition:transform .275s cubic-bezier(.68, -.55, .265, 1.55) }.hamburger--elastic-r.is-active .hamburger-inner{ transition-delay:75ms;transform:translate3d(0, 10px, 0) rotate(-135deg) }.hamburger--elastic-r.is-active .hamburger-inner:before{ transition-delay:0s;opacity:0 }.hamburger--elastic-r.is-active .hamburger-inner:after{ transition-delay:75ms;transform:translate3d(0, -20px, 0) rotate(270deg) }.hamburger--emphatic{ overflow:hidden }.hamburger--emphatic .hamburger-inner{ transition:background-color .125s ease-in .175s }.hamburger--emphatic .hamburger-inner:before{ left:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s }.hamburger--emphatic .hamburger-inner:after{ top:10px;right:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s }.hamburger--emphatic.is-active .hamburger-inner{ transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important }.hamburger--emphatic.is-active .hamburger-inner:before{ top:-80px;left:-80px;transition:left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(80px, 80px, 0) rotate(45deg) }.hamburger--emphatic.is-active .hamburger-inner:after{ top:-80px;right:-80px;transition:right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(-80px, 80px, 0) rotate(-45deg) }.hamburger--emphatic-r{ overflow:hidden }.hamburger--emphatic-r .hamburger-inner{ transition:background-color .125s ease-in .175s }.hamburger--emphatic-r .hamburger-inner:before{ left:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s }.hamburger--emphatic-r .hamburger-inner:after{ top:10px;right:0;transition:transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s }.hamburger--emphatic-r.is-active .hamburger-inner{ transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important }.hamburger--emphatic-r.is-active .hamburger-inner:before{ top:80px;left:-80px;transition:left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(80px, -80px, 0) rotate(-45deg) }.hamburger--emphatic-r.is-active .hamburger-inner:after{ top:80px;right:-80px;transition:right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;transform:translate3d(-80px, -80px, 0) rotate(45deg) }.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before{ transition:bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear }.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before{ transition:bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;opacity:0 }.hamburger--minus.is-active .hamburger-inner:before{ top:0 }.hamburger--minus.is-active .hamburger-inner:after{ bottom:0 }.hamburger--slider .hamburger-inner{ top:2px }.hamburger--slider .hamburger-inner:before{ top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform, opacity }.hamburger--slider .hamburger-inner:after{ top:20px }.hamburger--slider.is-active .hamburger-inner{ transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--slider.is-active .hamburger-inner:before{ transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0 }.hamburger--slider.is-active .hamburger-inner:after{ transform:translate3d(0, -20px, 0) rotate(-90deg) }.hamburger--slider-r .hamburger-inner{ top:2px }.hamburger--slider-r .hamburger-inner:before{ top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform, opacity }.hamburger--slider-r .hamburger-inner:after{ top:20px }.hamburger--slider-r.is-active .hamburger-inner{ transform:translate3d(0, 10px, 0) rotate(-45deg) }.hamburger--slider-r.is-active .hamburger-inner:before{ transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0 }.hamburger--slider-r.is-active .hamburger-inner:after{ transform:translate3d(0, -20px, 0) rotate(90deg) }.hamburger--spin .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.22s }.hamburger--spin .hamburger-inner:before{ transition:top .1s ease-in .25s, opacity .1s ease-in }.hamburger--spin .hamburger-inner:after{ transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) }.hamburger--spin.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(225deg) }.hamburger--spin.is-active .hamburger-inner:before{ top:0;transition:top .1s ease-out, opacity .1s ease-out .12s;opacity:0 }.hamburger--spin.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(-90deg) }.hamburger--spin-r .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.22s }.hamburger--spin-r .hamburger-inner:before{ transition:top .1s ease-in .25s, opacity .1s ease-in }.hamburger--spin-r .hamburger-inner:after{ transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) }.hamburger--spin-r.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(-225deg) }.hamburger--spin-r.is-active .hamburger-inner:before{ top:0;transition:top .1s ease-out, opacity .1s ease-out .12s;opacity:0 }.hamburger--spin-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(90deg) }.hamburger--spring .hamburger-inner{ top:2px;transition:background-color 0s linear .13s }.hamburger--spring .hamburger-inner:before{ top:10px;transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--spring .hamburger-inner:after{ top:20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--spring.is-active .hamburger-inner{ transition-delay:.22s;background-color:transparent!important }.hamburger--spring.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0, 10px, 0) rotate(45deg) }.hamburger--spring.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0, 10px, 0) rotate(-45deg) }.hamburger--spring-r .hamburger-inner{ top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:.13s }.hamburger--spring-r .hamburger-inner:after{ top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear }.hamburger--spring-r .hamburger-inner:before{ transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) }.hamburger--spring-r.is-active .hamburger-inner{ transition-delay:.22s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:translate3d(0, -10px, 0) rotate(-45deg) }.hamburger--spring-r.is-active .hamburger-inner:after{ top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;opacity:0 }.hamburger--spring-r.is-active .hamburger-inner:before{ top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:rotate(90deg) }.hamburger--stand .hamburger-inner{ transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms }.hamburger--stand .hamburger-inner:before{ transition:top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand .hamburger-inner:after{ transition:bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand.is-active .hamburger-inner{ transition:transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important }.hamburger--stand.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(-45deg) }.hamburger--stand.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(45deg) }.hamburger--stand-r .hamburger-inner{ transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms }.hamburger--stand-r .hamburger-inner:before{ transition:top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand-r .hamburger-inner:after{ transition:bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s }.hamburger--stand-r.is-active .hamburger-inner{ transition:transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important }.hamburger--stand-r.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(-45deg) }.hamburger--stand-r.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;transform:rotate(45deg) }.hamburger--squeeze .hamburger-inner{ transition-timing-function:cubic-bezier(.55, .055, .675, .19);transition-duration:75ms }.hamburger--squeeze .hamburger-inner:before{ transition:top 75ms ease .12s, opacity 75ms ease }.hamburger--squeeze .hamburger-inner:after{ transition:bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19) }.hamburger--squeeze.is-active .hamburger-inner{ transition-delay:.12s;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transform:rotate(45deg) }.hamburger--squeeze.is-active .hamburger-inner:before{ top:0;transition:top 75ms ease, opacity 75ms ease .12s;opacity:0 }.hamburger--squeeze.is-active .hamburger-inner:after{ bottom:0;transition:bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transform:rotate(-90deg) }.hamburger--vortex .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transition-duration:.2s }.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before{ transition-delay:.1s;transition-timing-function:linear;transition-duration:0s }.hamburger--vortex .hamburger-inner:before{ transition-property:top, opacity }.hamburger--vortex .hamburger-inner:after{ transition-property:bottom, transform }.hamburger--vortex.is-active .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transform:rotate(765deg) }.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before{ transition-delay:0s }.hamburger--vortex.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--vortex.is-active .hamburger-inner:after{ bottom:0;transform:rotate(90deg) }.hamburger--vortex-r .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transition-duration:.2s }.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before{ transition-delay:.1s;transition-timing-function:linear;transition-duration:0s }.hamburger--vortex-r .hamburger-inner:before{ transition-property:top, opacity }.hamburger--vortex-r .hamburger-inner:after{ transition-property:bottom, transform }.hamburger--vortex-r.is-active .hamburger-inner{ transition-timing-function:cubic-bezier(.19, 1, .22, 1);transform:rotate(-765deg) }.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before{ transition-delay:0s }.hamburger--vortex-r.is-active .hamburger-inner:before{ top:0;opacity:0 }.hamburger--vortex-r.is-active .hamburger-inner:after{ bottom:0;transform:rotate(-90deg) } *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cd-title { position: relative; height: 160px; line-height: 230px; text-align: center; } .cd-title h1 { font-size: 2.4rem; font-weight: 700; } @media only screen and (min-width: 768px) { .cd-title { line-height: 250px; } } @media only screen and (min-width: 1170px) { .cd-title { height: 200px; line-height: 300px; } .cd-title h1 { font-size: 3rem; } } .cd-intro { width: 90%; max-width: 768px; text-align: center; } .cd-intro { margin: 4em auto; } @media only screen and (min-width: 768px) { .cd-intro { margin: 5em auto; } } @media only screen and (min-width: 1170px) { .cd-intro { margin: 6em auto; } } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .grab_gv_home .cd-words-wrapper b{ font-weight: 800; } .grab_gv_biography .cd-words-wrapper b{ font-weight: 600; } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .cd-words-wrapper b.is-visible { position: relative; } .no-js .cd-words-wrapper b { opacity: 0; } .no-js .cd-words-wrapper b.is-visible { opacity: 1; } .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .cd-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s; } .cd-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0; } 35% { -moz-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1; } 35% { -moz-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } .cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; } .cd-headline.type .cd-words-wrapper::after { content: ""; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9; } .cd-headline.type .cd-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; } .cd-headline.type .cd-words-wrapper.selected { background-color: #aebcb9; } .cd-headline.type .cd-words-wrapper.selected::after { visibility: hidden; } .cd-headline.type .cd-words-wrapper.selected b { color: #0d0d0d; } .cd-headline.type b { visibility: hidden; } .cd-headline.type b.is-visible { visibility: visible; } .cd-headline.type i { position: absolute; visibility: hidden; } .cd-headline.type i.in { position: relative; visibility: visible; } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-headline.rotate-2 b { opacity: 0; } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .cd-headline.rotate-2 i { opacity: 1; } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards; } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards; } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg); } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg); } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } .cd-headline.loading-bar span { display: inline-block; padding: .2em 0; } .cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.loading-bar .cd-words-wrapper::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #0096a7; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s; } .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s; } .cd-headline.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-headline.loading-bar b.is-visible { opacity: 1; top: 0; } .cd-headline.slide span { display: inline-block; padding: .2em 0; } .cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.slide b { opacity: 0; top: .2em; } .cd-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .cd-headline.slide b.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } .cd-headline.clip span { display: inline-block; padding: .2em 0; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.clip .cd-words-wrapper::after { content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9; } .cd-headline.clip b { opacity: 0; } .cd-headline.clip b.is-visible { opacity: 1; } .cd-headline.zoom .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.zoom b { opacity: 0; } .cd-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .cd-headline.zoom b.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } .cd-headline.rotate-3 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-3 b { opacity: 0; } .cd-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .cd-headline.rotate-3 i.in { -webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards; } .cd-headline.rotate-3 i.out { -webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards; } .no-csstransitions .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @-moz-keyframes cd-rotate-3-in { 0% { -moz-transform: rotateY(180deg); } 100% { -moz-transform: rotateY(0deg); } } @keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @-moz-keyframes cd-rotate-3-out { 0% { -moz-transform: rotateY(0); } 100% { -moz-transform: rotateY(-180deg); } } @keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } } .cd-headline.scale b { opacity: 0; } .cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .is-visible .cd-headline.scale i { opacity: 1; } .cd-headline.scale i.in { -webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards; } .cd-headline.scale i.out { -webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards; } .no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .cd-headline.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0; } 60% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; } } @-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1; } 60% { -moz-transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } } .cd-headline.push b { opacity: 0; } .cd-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .cd-headline.push b.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } } } } } } } } } }
}

/* src/assets/css/style.css */
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
:root {
  --main-color: #55527C;
  --dark-color: #130F49;
  --yellow-color: #FF972D;
  --blue-color: #A5A6FF;
  --font-inter: "Inter", sans-serif;
  --font-karla: "Karla", sans-serif;
  --font-kristi: "Kristi", cursive;
}
html {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px;
}
body {
  font-family: var(--font-karla);
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0px;
  word-wrap: break-word;
  font-weight: 400;
  background-color: #fff;
  color: var(--main-color);
  overflow-x: hidden;
}
svg {
  fill: currentcolor;
  width: 15px;
  height: 15px;
}
img.svg {
  width: 15px;
  height: 15px;
}
::-webkit-input-placeholder {
  color: rgba(85, 82, 124, .6);
}
:-moz-placeholder {
  color: rgba(85, 82, 124, .6);
  opacity: 1;
}
::-moz-placeholder {
  color: rgba(85, 82, 124, .6);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(85, 82, 124, .6);
}
::-ms-input-placeholder {
  color: rgba(85, 82, 124, .6);
}
::placeholder {
  color: rgba(85, 82, 124, .6);
}
.grab_gv_sticky_section {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  overflow: visible;
  top: 120px;
}
.grab_gv_sticky_section:after {
  clear: both;
  display: table;
  content: "";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.3;
  font-family: var(--font-inter);
  color: var(--dark-color);
}
h1 {
  font-size: 45px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}
.grab_gv_all_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
}
.grab_gv_all_wrap,
.grab_gv_all_wrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  display: flex;
}
#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#preloader:after {
  left: auto;
  right: 0;
}
#preloader .loader_line {
  margin: auto;
  width: 1px;
  height: 250px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.loader_line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
  -o-animation: lineheight 1000ms ease-in-out 0s forwards;
  animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #999999;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-animation: lineround 1200ms linear 0s infinite;
  -o-animation: lineround 1200ms linear 0s infinite;
  animation: lineround 1200ms linear 0s infinite;
  animation-delay: 2000ms;
}
@keyframes lineheight {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes lineround {
  0% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
}
.preloaded .loader_line:after {
  opacity: 0;
}
.preloaded .loader_line {
  opacity: 0;
  height: 100% !important;
}
.preloaded:before,
.preloaded:after {
  -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
  -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
  animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero {
  0% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}
body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--blue-color) #fff;
}
body:-webkit-scrollbar-track {
  background: #fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--blue-color);
  border-radius: 6px;
  border: 3px solid #fff;
}
.grab_gv_section {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  z-index: 8;
  transition: visibility 1s linear, opacity 0s linear;
  -moz-transition: visibility 1s linear, opacity 0s linear;
  -webkit-transition: visibility1s linear, opacity 0s linear;
  -o-transition: visibility 1s linear, opacity 0s linear;
}
.grab_gv_section.animated {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
.grab_gv_section.active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.grab_gv_section.hidden {
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.grab_gv_section::-webkit-scrollbar {
  width: 0px;
}
.grab_gv_mainpart {
  width: 100%;
  min-height: 100vh;
  clear: both;
  float: left;
  padding-left: 370px;
}
.grab_gv_mainpart .mainpart_inner {
  width: 100%;
  min-height: 100vh;
  clear: both;
  float: left;
  position: relative;
}
.tm_content {
  width: 100%;
  max-width: 1250px;
  height: auto;
  clear: both;
  margin: 0px auto;
  padding: 0px 20px;
}
.grab_gv_topbar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  background-color: #fff;
  z-index: 15;
  display: none;
}
.grab_gv_topbar .topbar_inner {
  width: 100%;
  height: 100%;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
}
.grab_gv_topbar .logo img {
  max-width: 100px;
  max-height: 40px;
}
.grab_gv_topbar .logo[data-type=image] .image {
  display: inline-block;
}
.grab_gv_topbar .logo[data-type=image] .text {
  display: none;
}
.grab_gv_topbar .logo[data-type=text] .image {
  display: none;
}
.grab_gv_topbar .logo[data-type=text] .text {
  display: inline-block;
}
.grab_gv_topbar .logo .text {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-family: "Poppins";
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 50px;
}
.grab_gv_topbar .hamburger {
  padding: 0px;
}
.grab_gv_topbar .hamburger-inner,
.grab_gv_topbar .hamburger-inner:after,
.grab_gv_topbar .hamburger-inner:before {
  width: 30px;
  height: 2px;
}
.grab_gv_topbar .trigger {
  position: relative;
  top: 5px;
}
.grab_gv_topbar .hamburger-box {
  width: 30px;
}
.grab_gv_mobile_menu {
  position: fixed;
  top: 50px;
  right: -200px;
  height: 100vh;
  width: 200px;
  z-index: 15;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_mobile_menu.opened {
  right: 0px;
}
.grab_gv_mobile_menu .inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 70px 20px 20px 20px;
}
.grab_gv_mobile_menu .avatar {
  width: 70px;
  height: 70px;
  position: relative;
  float: right;
  margin-bottom: 50px;
}
.grab_gv_mobile_menu .avatar .image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.grab_gv_mobile_menu .menu_list {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 50px;
}
.grab_gv_mobile_menu .menu_list ul {
  margin: 0px;
  list-style-type: none;
}
.grab_gv_mobile_menu .menu_list ul li {
  margin: 0px 0px 7px 0px;
}
.grab_gv_mobile_menu .menu_list ul li a {
  text-decoration: none;
  color: var(--dark-color);
}
.grab_gv_mobile_menu .social {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.grab_gv_mobile_menu .social ul {
  margin: 0px;
  list-style-type: none;
}
.grab_gv_mobile_menu .social ul li {
  margin: 0px 8px 0px 0px;
  display: inline-block;
}
.grab_gv_mobile_menu .social ul li:last-child {
  margin-right: 0px;
}
.grab_gv_mobile_menu .social ul li a {
  text-decoration: none;
  color: #333;
}
.grab_gv_mobile_menu .copyright {
  width: 100%;
  float: left;
}
.grab_gv_mobile_menu .copyright p {
  color: var(--dark-color);
}
.grab_gv_sidebar {
  width: 370px;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  border-right: 1px solid rgba(85, 82, 124, .1);
}
.grab_gv_sidebar .sidebar_inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
}
.grab_gv_sidebar .author {
  width: 100%;
  float: left;
  padding-top: 60px;
}
.grab_gv_sidebar .author .image {
  position: relative;
  width: 118px;
  display: inline-block;
}
.grab_gv_sidebar .author .image img {
  position: relative;
  opacity: 0;
  min-width: 100%;
}
.grab_gv_sidebar .author .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
}
.grab_gv_sidebar .author .main:before {
  position: absolute;
  content: "";
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background-color: var(--blue-color);
  z-index: -1;
  border-radius: 100%;
}
.grab_gv_sidebar .name {
  width: 100%;
  float: left;
  margin-top: -9px;
}
.grab_gv_sidebar .name span {
  position: relative;
  font-style: italic;
  font-size: 88px;
  font-family: var(--font-kristi);
  line-height: 1;
  color: rgba(19, 15, 73, 0.07);
  display: block;
}
.grab_gv_sidebar .name .back {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: 30px;
  color: var(--dark-color);
  font-style: normal;
  margin-top: 5px;
}
.grab_gv_sidebar .menu {
  width: 100%;
  float: left;
}
.grab_gv_sidebar .menu ul {
  margin: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.grab_gv_sidebar .menu ul li {
  margin: 0px 0px 15px 0px;
}
.grab_gv_sidebar .menu ul li:last-child {
  margin-bottom: 0px;
}
.grab_gv_sidebar .menu ul li a {
  color: var(--main-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_sidebar .menu ul li.active a,
.grab_gv_sidebar .menu ul li.current a,
.grab_gv_sidebar .menu ul li a:hover {
  color: var(--blue-color);
}
.grab_gv_sidebar .copyright {
  position: absolute;
  bottom: 50px;
}
.grab_gv_sidebar .social {
  width: 100%;
  float: left;
  margin-bottom: 7px;
}
.grab_gv_sidebar .social ul {
  margin: 0px;
}
.grab_gv_sidebar .social ul li {
  margin: 0px 3px 0px 0px;
  display: inline-block;
}
.grab_gv_sidebar .social ul li:last-child {
  margin-right: 0px;
}
.grab_gv_sidebar .social ul li a {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 100%;
  background-color: rgba(19, 15, 73, 0.05);
  color: var(--dark-color);
}
.grab_gv_sidebar .social ul li i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.grab_gv_sidebar .text {
  padding: 0px 50px;
}
.grab_gv_home {
  width: 100%;
  min-height: 100vh;
  clear: both;
  float: left;
  background-color: #e7dbff16;
}
.grab_gv_home .details {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.grab_gv_home .details .left {
  width: 50%;
}
.grab_gv_home .title {
  width: 100%;
  float: left;
  margin-bottom: 21px;
}
.grab_gv_home .title h3 {
  font-weight: 800;
  font-size: 60px;
  line-height: 70px;
}
.grab_gv_home .title span {
  font-weight: 800;
  font-size: 64px;
  line-height: 72px;
}
.blueColor {
  color: var(--blue-color);
}
.yellowColor {
  color: var(--yellow-color);
}
.grab_gv_home .subtitle {
  width: 100%;
  max-width: 80%;
  float: left;
  margin-bottom: 40px;
}
.grab_gv_button {
  width: 100%;
  float: left;
}
.grab_gv_button a {
  color: #fff;
  background-color: #130F49;
  display: inline-block;
  border: 1.5px solid #130F49;
  border-radius: 4px;
  padding: 9px 40px 9px 40px;
  white-space: nowrap;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_button a:hover {
  background-color: transparent;
  color: #55527c;
}
.grab_gv_button[data-style=border] a {
  background-color: transparent;
  color: #55527c;
}
.grab_gv_button[data-style=border] a:hover {
  background-color: #130F49;
  color: #fff;
}
.grab_gv_button[data-position=center] {
  text-align: center;
}
.grab_gv_button[data-position=left] {
  text-align: left;
}
.grab_gv_button[data-position=right] {
  text-align: right;
}
.grab_gv_home .buttons {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 150px;
}
.grab_gv_home .grab_gv_button {
  width: auto;
}
.grab_gv_home .grab_gv_button:nth-child(2) {
  margin-left: 15px;
}
.grab_gv_home .info {
  width: 100%;
  float: left;
}
.grab_gv_home .info ul {
  margin: 0px;
  position: relative;
}
.grab_gv_home .info ul:before {
  position: absolute;
  content: "";
  width: 4px;
  background-color: var(--yellow-color);
  top: 0px;
  bottom: 0px;
}
.grab_gv_home .info ul li {
  padding-left: 15px;
}
.grab_gv_home .info ul li a {
  color: #130F49;
  font-weight: 600;
  font-size: 18px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_home .info ul li a:hover {
  color: var(--yellow-color);
}
.grab_gv_home .info ul li p {
  color: #130F49;
  font-weight: 600;
  font-size: 18px;
}
.grab_gv_home .details .right {
  width: 50%;
  padding-left: 50px;
}
.grab_gv_home .details .right img {
}
.grab_gv_about {
  width: 100%;
  float: left;
  padding-top: 130px;
}
.grab_gv_biography {
  width: 100%;
  float: left;
  display: flex;
  margin-bottom: 40px;
}
.grab_gv_biography .left {
  width: 40%;
}
.grab_gv_biography .title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.grab_gv_biography .title .mini {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 12px;
}
.grab_gv_biography .name {
  font-weight: 800;
  font-size: 40px;
}
.grab_gv_biography .job {
  font-weight: 600;
  font-size: 20px;
  color: var(--dark-color);
}
.grab_gv_biography .right {
  width: 60%;
}
.grab_gv_biography .text {
  width: 100%;
  float: left;
  margin-bottom: 44px;
}
.grab_gv_biography .text p {
  margin-bottom: 30px;
}
.grab_gv_biography .text p:last-child {
  margin-bottom: 0px;
}
.grab_gv_biography .info {
  width: 100%;
  float: left;
}
.grab_gv_biography .info ul {
  margin: 0px;
}
.grab_gv_biography .info ul li {
  margin: 0px 40px 20px 0px;
  display: inline-block;
}
.grab_gv_biography .info ul li span {
  display: block;
}
.grab_gv_biography .info ul li span:first-child {
  text-transform: uppercase;
  text-decoration: underline;
}
.grab_gv_biography .info ul li span:last-child {
  font-family: var(--font-inter);
  font-weight: 700;
  color: var(--dark-color);
}
.grab_gv_biography .info ul li a {
  color: var(--dark-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_biography .info ul li a:hover {
  color: var(--yellow-color);
}
.grab_gv_counter {
  width: 100%;
  float: left;
  margin-bottom: 90px;
}
.grab_gv_counter ul {
  margin: 0px 0px 0px -30px;
}
.grab_gv_counter ul li {
  margin: 0px 0px 30px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 30px;
}
.grab_gv_counter ul li .list_inner {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  padding: 60px 20px;
  border-radius: 4px;
  overflow: hidden;
}
.grab_gv_counter ul li .list_inner:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(3.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(3.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.grab_gv_counter ul li .list_inner:hover:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(3.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.grab_gv_counter ul li:nth-child(1) .list_inner {
  background-color: #D3F4EC;
}
.grab_gv_counter ul li:nth-child(2) .list_inner {
  background-color: #FCE8D4;
}
.grab_gv_counter ul li:nth-child(3) .list_inner {
  background-color: #E3F9E0;
}
.grab_gv_counter h3 {
  font-size: 40px;
  margin-bottom: 7px;
}
.grab_gv_counter span {
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
}
.grab_gv_experience {
  width: 100%;
  float: left;
  background-color: #F3F9FF;
  padding: 100px 0px 70px 0px;
}
.grab_gv_experience .popup_image {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: -11;
}
.grab_gv_title {
  width: 100%;
  float: left;
}
.grab_gv_title[data-position=center] {
  text-align: center;
}
.grab_gv_title[data-position=right] {
  text-align: right;
}
.grab_gv_title span {
  width: 100%;
  float: left;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 12px;
}
.grab_gv_title h3 {
  font-size: 40px;
  font-weight: 800;
}
.grab_gv_experience .list {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.grab_gv_experience .list ul {
  margin: 0px 0px 0px -30px;
  display: flex;
  flex-wrap: wrap;
}
.grab_gv_experience .list ul li {
  margin: 0px 0px 40px 0px;
  padding-left: 30px;
  width: 50%;
  float: left;
}
.grab_gv_experience .list ul li .list_inner {
  width: 100%;
  clear: both;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #F9FAFC;
  border-radius: 4px;
  box-shadow: 30px 40px 80px #E4EDF5;
  padding: 45px 70px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_experience .list ul li .list_inner:hover {
  transform: translateY(-5px);
}
.grab_gv_experience .short {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.grab_gv_experience .job span {
  font-weight: 500;
  display: inline-block;
  margin-bottom: 4px;
}
.grab_gv_experience .job h3 {
  font-size: 20px;
}
.grab_gv_experience .place span {
  font-weight: 500;
  font-family: var(--font-inter);
}
.grab_gv_experience .text {
  width: 100%;
  float: left;
}
.grab_gv_experience .text p {
  opacity: .7;
}
.grab_gv_services {
  width: 100%;
  float: left;
  padding-top: 110px;
}
.grab_gv_services .popup_image {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: -11;
}
.grab_gv_service_title {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.grab_gv_service_title .grab_gv_title {
  width: auto;
}
.grab_gv_service_title a {
  color: var(--dark-color);
  font-weight: 600;
  font-family: var(--font-inter);
  display: inline-block;
  position: relative;
}
.grab_gv_service_title a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.5px;
  left: 0px;
  bottom: 5px;
  background-color: var(--dark-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_service_title a:hover:before {
  width: 0px;
}
.service_list {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 50px;
}
.service_list ul {
  margin: 0px 0px 0px -30px;
  display: flex;
  flex-wrap: wrap;
}
.service_list ul li {
  margin: 0px 0px 30px 0px;
  padding-left: 30px;
  width: 33.3333%;
  float: left;
}
.service_list ul li .list_inner {
  width: 100%;
  height: 100%;
  clear: both;
  float: left;
  position: relative;
  border: 1px solid rgba(30, 30, 30, .2);
  padding: 32px 40px 55px 40px;
  border-radius: 4px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.service_list ul li .list_inner:hover {
  transform: translateY(-5px);
}
.service_list .details {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
.service_list .title {
  width: 100%;
  float: left;
  margin-bottom: 13px;
}
.service_list .title span {
  font-family: var(--font-inter);
  font-weight: 500;
  font-size: 20px;
  color: rgba(19, 15, 73, .5);
  display: inline-block;
  margin-bottom: 15px;
}
.service_list .title h3 {
  font-size: 20px;
}
.service_list .text {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.service_list .text p {
  color: #55527C;
  opacity: .7;
}
.grab_gv_read_more {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.grab_gv_read_more a {
  color: #130F49;
  font-family: var(--font-inter);
  font-weight: 500;
}
.grab_gv_read_more span {
  padding-left: 20px;
  position: relative;
  top: -1px;
}
.grab_gv_video {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 120px;
  overflow: hidden;
  border-radius: 4px;
}
.grab_gv_video .placeholder {
  min-width: 100%;
  opacity: 0;
  position: relative;
}
.grab_gv_video .image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_video:hover .image {
  transform: scale(1.1);
}
.grab_gv_video .overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, .4);
}
.grab_gv_video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 111px;
  height: 111px;
  background-color: #fff;
  border-radius: 100%;
}
.grab_gv_video .play .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  margin-left: 2px;
}
.grab_gv_video .text {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 2;
  background-color: #fff;
  padding: 20px 30px;
}
.grab_gv_video .text h3 {
  color: #51586A;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.grab_gv_full_link {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 5;
}
.grab_gv_portfolio {
  width: 100%;
  float: left;
  padding-top: 120px;
}
.grab_gv_portfolio_title {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.grab_gv_portfolio_title .grab_gv_title {
  width: auto;
}
.grab_gv_portfolio_title .buttons a {
  width: 49px;
  height: 49px;
  border-radius: 100%;
  border: 1px solid #130F49;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_portfolio_title .buttons a:hover {
  background-color: #130F49;
}
.grab_gv_portfolio_title .buttons a:last-child {
  margin-right: 0px;
}
.grab_gv_portfolio_title .buttons .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  color: #130F49;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_portfolio_title .buttons a:hover .svg {
  color: #fff;
}
.grab_gv_portfolio .portfolio_list {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 120px;
}
.grab_gv_portfolio .portfolio_list ul {
  margin: 0px;
  margin-bottom: 65px;
}
.grab_gv_portfolio .portfolio_list ul li {
  margin: 0px;
}
.grab_gv_portfolio .portfolio_list .image {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 25px;
}
.grab_gv_portfolio .portfolio_list .image img {
  min-width: 100%;
  position: relative;
  opacity: 0;
}
.grab_gv_portfolio .portfolio_list .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_portfolio .portfolio_list .image:hover .main {
  transform: scale(1.1);
}
.grab_gv_portfolio .portfolio_list .details {
  width: 100%;
  float: left;
}
.grab_gv_portfolio .portfolio_list .details .category {
  display: inline-block;
  margin-bottom: 7px;
}
.grab_gv_portfolio .portfolio_list .details .category a {
  display: inline-block;
  color: #55527C;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_portfolio .portfolio_list .details .category a:hover {
  color: var(--yellow-color);
}
.grab_gv_portfolio .portfolio_list .details .title a {
  font-weight: 600;
  font-size: 24px;
  color: #130F49;
}
.line_effect {
  display: inline-block;
  position: relative;
}
.line_effect:after {
  content: "";
  width: 0;
  height: 1.5px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0px;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: currentColor;
}
.line_effect:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.grab_gv_partners {
  width: 100%;
  float: left;
  margin-bottom: 120px;
  padding: 0px 20px;
}
.grab_gv_partners .partners_inner {
  width: 100%;
  float: left;
  clear: both;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 58px;
}
.grab_gv_partners ul {
  margin: -2px -10px -2px -2px;
  list-style-type: none;
  padding-top: 2px;
  float: left;
  padding-left: 2px;
  min-width: calc(100% + 12px);
}
.grab_gv_partners ul li {
  margin: 0px;
  float: left;
  width: 25%;
  border: 2px solid #e7e7e7;
  text-align: center;
  height: 180px;
  line-height: 180px;
  position: relative;
  margin-top: -2px;
  margin-left: -2px;
  overflow: hidden;
}
.grab_gv_partners ul li img {
  max-width: 88%;
  max-height: 100px;
}
.grab_gv_partners ul li .list_inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  opacity: .8;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_partners ul li .list_inner:hover {
  opacity: 1;
}
.grab_gv_testimonial_wrapper {
  width: 100%;
  float: left;
  margin-bottom: 120px;
}
.grab_gv_testimonials {
  width: 100%;
  float: left;
  background-color: #FFF5F6;
  padding: 100px 150px 105px 100px;
}
.grab_gv_testimonials .testimonials_list {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 43px;
}
.grab_gv_testimonials ul {
  margin: 0px;
  list-style-type: none;
}
.grab_gv_testimonials ul li {
  margin: 0px;
}
.grab_gv_testimonials .text {
  margin-bottom: 33px;
}
.grab_gv_testimonials .text p {
  font-size: 24px;
  line-height: 40px;
  font-family: var(--font-inter);
}
.grab_gv_testimonials .short {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.grab_gv_testimonials .short .image {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.grab_gv_testimonials .short .image .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
}
.grab_gv_testimonials .short .image .main:before {
  position: absolute;
  content: "";
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-radius: 100%;
  background-color: #fff;
  z-index: -1;
}
.grab_gv_testimonials .detail {
  text-align: left;
  padding-left: 18px;
}
.grab_gv_testimonials .detail h3 {
  font-size: 30px;
  font-weight: 500;
}
.grab_gv_testimonials .job {
  text-align: center;
}
.grab_gv_testimonials .job p {
  color: #51586A;
}
.grab_gv_testimonials .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  background-color: #cec5c9;
  position: relative;
  margin: 0px 12px;
}
.grab_gv_testimonials .owl-theme .owl-dots .owl-dot span:before {
  position: absolute;
  content: "";
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: 100%;
  border: 2px solid #5D3BEE;
  z-index: -1;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.grab_gv_testimonials .owl-theme .owl-dots .owl-dot.active span:before {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.grab_gv_testimonials .owl-theme .owl-nav.disabled + .owl-dots {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  margin-top: 39px;
}
.grab_gv_testimonials .owl-theme .owl-dots .owl-dot.active span {
  background-color: #5D3BEE;
}
.grab_gv_news {
  width: 100%;
  float: left;
  padding: 120px 0px;
}
.grab_gv_news .popup_image {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: -11;
}
.grab_gv_news .wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.grab_gv_news .left {
  width: 33.3333%;
  padding-right: 50px;
}
.grab_gv_news .left .grab_gv_button {
  margin-top: 45px;
}
.grab_gv_news .right {
  width: 66.6666%;
  padding-left: 50px;
}
.grab_gv_news .list {
  width: 100%;
  float: left;
  position: relative;
}
.grab_gv_news .list ul {
  margin: 0px;
}
.grab_gv_news .list ul li {
  margin: 0px 0px 40px 0px;
  width: 100%;
  float: left;
}
.grab_gv_news .list ul li:last-child {
  margin-bottom: 0px;
}
.grab_gv_news .list ul li .list_inner {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grab_gv_news .list .info {
  width: 50%;
}
.grab_gv_news .list .grab_gv_read_more {
  width: auto;
}
.grab_gv_news .list .meta {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.grab_gv_news .list .meta .svg {
  width: 18px;
  height: 18px;
}
.grab_gv_news .list .meta span {
  font-weight: 500;
  padding-left: 8px;
}
.grab_gv_news .list .title {
  width: 100%;
  float: left;
}
.grab_gv_news .list .title a {
  color: #130F49;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1.5px;
  transition: background-size .5s;
}
.grab_gv_news .list .title a:hover {
  background-size: 100% 1.5px;
}
.grab_gv_news .list .title h3 {
  color: #130F49;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
.movingbox {
  position: fixed;
  width: 250px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.movingbox.opened {
  opacity: 1;
  visibility: visible;
}
.grab_gv_contact {
  width: 100%;
  min-height: 100vh;
  float: left;
  background-color: #E9F9FF;
  padding-top: 120px;
}
.grab_gv_contact .wrapper {
  width: 100%;
  float: left;
  display: flex;
}
.grab_gv_contact .wrapper .left {
  width: 50%;
  padding-right: 50px;
}
.grab_gv_contact .wrapper .text {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 40px;
}
.grab_gv_contact .wrapper .info {
  width: 100%;
  float: left;
}
.grab_gv_contact .wrapper .info ul {
  margin: 0px;
}
.grab_gv_contact .wrapper .info ul li {
  margin: 0px 0px 8px 0px;
  width: 100%;
  float: left;
}
.grab_gv_contact .wrapper .info ul li:last-child {
  margin-bottom: 0px;
}
.grab_gv_contact .wrapper .info ul li a {
  color: var(--dark-color);
  font-weight: 600;
  font-family: var(--font-inter);
  display: inline-block;
  position: relative;
}
.grab_gv_contact .wrapper .info ul li a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.5px;
  left: 0px;
  bottom: 5px;
  background-color: var(--dark-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_contact .wrapper .info ul li a:hover:before {
  width: 0px;
}
.grab_gv_contact .wrapper .right {
  width: 50%;
  padding-left: 50px;
}
.grab_gv_contact .fields {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
}
.grab_gv_contact .fields .first {
  width: 100%;
  float: left;
}
.grab_gv_contact .fields ul {
  margin: 0px;
  list-style-type: none;
}
.grab_gv_contact .fields ul li {
  width: 100%;
  margin: 0px 0px 25px 0px;
  float: left;
}
.grab_gv_contact .fields ul li input {
  width: 100%;
  height: 60px;
  background-color: #fff;
}
.grab_gv_contact .fields ul li input:focus {
  outline: none;
}
.grab_gv_contact .fields .last textarea {
  width: 100%;
  height: 120px;
  resize: none;
  margin-bottom: 15px;
  background-color: #fff;
}
.grab_gv_contact .fields .last textarea:focus {
  outline: none;
}
.grab_gv_contact .empty_notice {
  color: #F52225;
  margin-bottom: 7px;
  display: none;
  text-align: left;
  font-weight: 500;
}
.grab_gv_contact .contact_error {
  color: #F52225;
  text-align: left;
  font-weight: 500;
}
.grab_gv_contact .returnmessage {
  color: #3A00FF;
  margin-bottom: 7px;
  text-align: left;
  font-weight: 500;
}
.grab_gv_map {
  width: 100%;
  float: left;
  margin-top: 100px;
  margin-bottom: 120px;
}
.grab_gv_modalbox {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100vh;
  z-index: 20;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox.opened {
  opacity: 1;
  visibility: visible;
}
.grab_gv_modalbox .box_inner {
  position: absolute;
  top: 70px;
  bottom: 70px;
  width: 968px;
  left: 50%;
  transform: translateX(-53%);
  background-color: #fff;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  transition-delay: .3s;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox.opened .box_inner {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
}
.grab_gv_modalbox .close {
  position: fixed;
  left: 100%;
  top: 0px;
  margin-left: 30px;
  z-index: 10;
}
.grab_gv_modalbox .close a {
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox .close a:hover {
  border-radius: 100%;
}
.grab_gv_modalbox .close a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grab_gv_modalbox .description_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  padding: 50px;
  overflow-y: scroll;
  border-radius: 5px;
}
.grab_gv_modalbox .description_wrap:before {
  position: fixed;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  background-color: #fff;
  z-index: 5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.grab_gv_modalbox .description_wrap:after {
  position: fixed;
  content: "";
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  background-color: #fff;
  z-index: 5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.grab_gv_modalbox .description_wrap::-webkit-scrollbar {
  width: 11px;
}
.aali_tm_modalbox .description_wrap {
  scrollbar-width: thin;
  scrollbar-color: #bbb #fff;
}
.grab_gv_modalbox .description_wrap:-webkit-scrollbar-track {
  background: #fff;
}
.grab_gv_modalbox .description_wrap::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 10px;
  border: 3px solid #fff;
}
.hidden_details {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -11;
}
.grab_gv_services .descriptions {
  width: 100%;
  float: left;
}
.grab_gv_modalbox .top_image {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.grab_gv_modalbox .top_image img {
  position: relative;
  opacity: 0;
  min-width: 100%;
}
.grab_gv_modalbox .top_image .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}
.grab_gv_modalbox .main_title {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.grab_gv_modalbox .main_title h3 {
  font-size: 25px;
}
.grab_gv_modalbox .descriptions p {
  margin-bottom: 10px;
  opacity: .8;
}
.grab_gv_modalbox .descriptions p:last-child {
  margin-bottom: 0px;
}
.hidden_content_portfolio {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -11;
}
.grab_gv_modalbox .hidden_content_portfolio {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -11;
}
.grab_gv_modalbox .popup_details {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
}
.grab_gv_modalbox .popup_details .top_image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.grab_gv_modalbox .popup_details .top_image img {
  position: relative;
  min-width: 100%;
  opacity: 0;
}
.grab_gv_modalbox .popup_details .top_image .main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.grab_gv_modalbox .portfolio_main_title {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.grab_gv_modalbox .portfolio_main_title .category a {
  display: inline-block;
  color: var(--main-color);
  margin-bottom: 7px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox .portfolio_main_title .category a:hover {
  color: var(--yellow-color);
}
.grab_gv_modalbox .portfolio_main_title h3 {
  font-size: 25px;
}
.grab_gv_modalbox .main_details {
  width: 100%;
  height: auto;
  clear: both;
  display: flex;
  margin-bottom: 60px;
}
.grab_gv_modalbox .main_details .textbox {
  width: 70%;
  padding-right: 40px;
}
.grab_gv_modalbox .main_details .textbox p {
  margin-bottom: 10px;
  opacity: .8;
}
.grab_gv_modalbox .main_details .textbox p:last-child {
  margin-bottom: 0px;
}
.grab_gv_modalbox .main_details .detailbox {
  width: 30%;
  padding-left: 40px;
}
.grab_gv_modalbox .main_details .detailbox > ul {
  margin: 0px;
  list-style-type: none;
}
.grab_gv_modalbox .main_details .detailbox > ul > li {
  margin: 0px 0px 10px 0px;
  width: 100%;
  float: left;
}
.grab_gv_modalbox .main_details .detailbox > ul > li:last-child {
  margin-bottom: 0px;
}
.grab_gv_modalbox .main_details .detailbox > ul > li span:last-child {
  opacity: .8;
}
.grab_gv_modalbox .main_details .detailbox .first {
  font-weight: 700;
  display: block;
}
.grab_gv_modalbox .main_details .detailbox span a {
  text-decoration: none;
  color: var(--main-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox .main_details .detailbox span a:hover {
  color: var(--yellow-color);
}
.grab_gv_modalbox .main_details .detailbox .share {
  margin: 0px;
  list-style-type: none;
  position: relative;
  top: 7px;
}
.grab_gv_modalbox .main_details .detailbox .share li {
  margin: 0px 13px 0px 0px;
  display: inline-block;
}
.grab_gv_modalbox .main_details .detailbox .share li:last-child {
  margin-right: 0px;
}
.grab_gv_modalbox .main_details .detailbox .share li a {
  text-decoration: none;
  color: var(--main-color);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox .main_details .detailbox .share li a:hover {
  color: var(--yellow-color);
}
.grab_gv_modalbox .additional_images {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
}
.grab_gv_modalbox .additional_images ul {
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.grab_gv_modalbox .additional_images ul li {
  margin: 0px 0px 30px 0px;
  float: left;
  width: 50%;
  padding-left: 30px;
}
.grab_gv_modalbox .additional_images ul li:nth-child(3n-2) {
  width: 100%;
}
.grab_gv_modalbox .additional_images ul li .list_inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
}
.grab_gv_modalbox .additional_images ul li .my_image {
  position: relative;
}
.grab_gv_modalbox .additional_images ul li .my_image img {
  opacity: 0;
  min-width: 100%;
}
.grab_gv_modalbox .additional_images ul li .my_image .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}
.grab_gv_news .news_hidden_details {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -11;
}
.grab_gv_modalbox .news_popup_informations {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
}
.grab_gv_modalbox .news_popup_informations .image {
  position: relative;
  margin-bottom: 30px;
}
.grab_gv_modalbox .news_popup_informations .image img {
  position: relative;
  opacity: 0;
  min-width: 100%;
}
.grab_gv_modalbox .news_popup_informations .image .main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.grab_gv_modalbox .news_popup_informations .text {
  width: 100%;
  float: left;
}
.grab_gv_modalbox .news_popup_informations .text p {
  margin-bottom: 10px;
  opacity: .8;
}
.grab_gv_modalbox .news_popup_informations .text p:last-child {
  margin-bottom: 0px;
}
.grab_gv_modalbox .meta {
  width: 100%;
  display: flex;
  align-items: center;
  float: left;
  margin-bottom: 7px;
}
.grab_gv_modalbox .meta .svg {
  width: 18px;
  height: 18px;
}
.grab_gv_modalbox .meta span {
  padding-left: 8px;
}
.grab_gv_modalbox .meta ul {
  margin: 0px;
  list-style: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.grab_gv_modalbox .meta ul li {
  margin: 0px;
  position: relative;
  margin-right: 10px;
}
.grab_gv_modalbox .meta ul li:before {
  position: relative;
  content: "/";
  font-size: 18px;
}
.grab_gv_modalbox .meta ul li:first-child:before {
  display: none;
}
.grab_gv_modalbox .meta ul li span {
  font-size: 15px;
  color: #777;
  padding-left: 10px;
}
.grab_gv_modalbox .meta ul li span a {
  text-decoration: none;
  color: #777;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_modalbox .meta ul li span a:hover {
  color: #000;
}
.grab_gv_modalbox .meta ul li:first-child span {
  padding-left: 0px;
}
.grab_gv_modalbox .news_popup_informations .title {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.grab_gv_modalbox .news_popup_informations .title h3 {
  font-size: 25px;
}
.grab_gv_modalbox .infos {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 20px;
}
.grab_gv_modalbox .infos .year {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.grab_gv_modalbox .infos .year span {
  display: inline-block;
  background-color: #000;
  color: var(--yellow-color);
  border-radius: 4px;
  padding: 4px 20px;
}
.grab_gv_modalbox .infos .job {
  display: inline-block;
}
.grab_gv_modalbox .infos .job span {
  display: inline-block;
  margin-bottom: 5px;
  opacity: .8;
}
.grab_gv_modalbox .infos .job h3 {
  font-size: 25px;
}
.dodo_tm_one_page_wrapper {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
}
.dodo_tm_one_page_wrapper .grab_gv_section {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  opacity: 1;
  visibility: visible;
}
.dodo_tm_one_page_wrapper .grab_gv_portfolio {
  padding-top: 120px;
}
.dodo_tm_one_page_wrapper .grab_gv_news {
  padding-top: 120px;
}
.dodo_tm_one_page_wrapper .grab_gv_sticky_section {
  top: 0px;
}
.dodo_tm_one_page_wrapper .grab_gv_video {
  margin-bottom: 0px;
}
.dodo_tm_one_page_wrapper .grab_gv_testimonial_wrapper {
  margin-bottom: 0px;
}
.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 100;
  background-color: var(--blue-color);
  -webkit-transition:
    width .3s ease-in-out,
    height .3s ease-in-out,
    margin .3s ease-in-out,
    opacity .3s ease-in-out;
  transition:
    width .3s ease-in-out,
    height .3s ease-in-out,
    margin .3s ease-in-out,
    opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: var(--blue-color);
  opacity: .3;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid var(--blue-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  transition: all .08s ease-out;
}
.cursor-outer.cursor-hover {
  opacity: 0;
}
.dodo_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1111;
}
.grab_gv_intro .short_info {
  position: fixed;
  top: 10%;
  width: 100%;
  text-align: center;
}
.grab_gv_intro .short_info img {
  margin-bottom: 20px;
}
.grab_gv_intro .short_info h3 {
  font-size: 20px;
  color: #767676;
  font-weight: 500;
}
.grab_gv_intro {
  width: 100%;
  height: 100vh;
  clear: both;
  float: left;
  position: relative;
}
.grab_gv_intro .demos {
  width: 100%;
  height: 100%;
  clear: both;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
}
.grab_gv_intro .left,
.grab_gv_intro .right {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.grab_gv_intro .demos img {
  max-width: 400px;
  margin-bottom: 25px;
}
.grab_gv_intro .desc {
  position: relative;
  top: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.grab_gv_intro .desc h3 {
  font-size: 20px;
}
.grab_gv_intro .intro_line,
.grab_gv_intro .intro_line_2,
.grab_gv_intro .intro_line_3 {
  position: fixed;
  top: 0px;
  width: 1px;
  height: 200%;
  left: 50%;
  transform: translateY(-50%);
  z-index: -1;
  background-color: rgba(0, 0, 0, .06);
}
.grab_gv_intro .intro_line {
  left: 25%;
}
.grab_gv_intro .intro_line_2 {
  left: 50%;
  transform: translateY(-50%);
}
.grab_gv_intro .intro_line_3 {
  left: 75%;
}
.grab_gv_intro .intro_link {
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.grab_gv_intro .left:hover .desc {
  top: -20px;
}
.grab_gv_intro .right:hover .desc {
  top: -20px;
}
.grab_gv_intro .pricing-info,
.grab_gv_intro .anim {
  text-decoration: none;
  color: #fff;
  background-color: #e54b4b;
  position: fixed;
  font-size: 22px;
  text-align: center;
  z-index: 3;
  border-radius: 100%;
  height: 70px;
  width: 70px;
  line-height: 70px;
  display: inline-block;
  left: 50%;
  bottom: 10%;
  margin-left: -35px;
  font-weight: 600;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@-webkit-keyframes myAnim {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0;
  }
  50% {
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes myAnim {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0;
  }
  50% {
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
.grab_gv_intro_fixed_price .anim:nth-child(1) {
  -webkit-animation: myAnim 2s infinite;
  animation: myAnim 2s infinite;
}
.grab_gv_intro_fixed_price .anim:nth-child(2) {
  -webkit-animation: myAnim 2s infinite .3s;
  animation: myAnim 2s infinite .3s;
}
.grab_gv_intro_fixed_price .anim:nth-child(3) {
  -webkit-animation: myAnim 2s infinite .6s;
  animation: myAnim 2s infinite .6s;
}
@media (max-width: 1600px) {
  body {
    font-size: 16px;
    line-height: 30px;
  }
  .tm_content {
    max-width: 1000px;
  }
  .grab_gv_sidebar {
    width: 300px;
  }
  .grab_gv_mainpart {
    padding-left: 300px;
  }
  .grab_gv_sidebar .author {
    padding-top: 30px;
  }
  .grab_gv_sidebar .author .image {
    width: 77px;
  }
  .grab_gv_sidebar .name .back {
    font-size: 18px;
  }
  .grab_gv_sidebar .name span {
    font-size: 50px;
  }
  .grab_gv_sidebar .menu ul li {
    margin-bottom: 9px;
  }
  .grab_gv_sidebar .copyright {
    bottom: 30px;
  }
  .grab_gv_sidebar .social ul li a {
    width: 30px;
    height: 30px;
  }
  .grab_gv_sidebar .social {
    margin-bottom: 2px;
  }
  .grab_gv_sidebar .author .image {
    margin-bottom: 5px;
  }
  .grab_gv_home .title h3,
  .grab_gv_home .title span {
    font-size: 50px;
    line-height: 60px;
  }
  .grab_gv_home .buttons {
    margin-bottom: 60px;
  }
  .grab_gv_home .subtitle {
    margin-bottom: 30px;
  }
  .grab_gv_home .info ul li a {
    font-size: 16px;
  }
  .grab_gv_biography .text p {
    margin-bottom: 20px;
  }
  .grab_gv_biography .info ul li {
    margin-right: 20px;
  }
  .grab_gv_biography .title .mini {
    margin-bottom: 5px;
  }
  .grab_gv_biography .name {
    font-size: 35px;
  }
  .grab_gv_biography .job {
    font-size: 17px;
  }
  .grab_gv_biography .title {
    margin-bottom: 30px;
  }
  .grab_gv_counter ul li .list_inner {
    padding: 45px 20px;
  }
  .grab_gv_counter h3 {
    font-size: 35px;
    margin-bottom: 3px;
  }
  .grab_gv_title h3 {
    font-size: 35px;
  }
  .grab_gv_title span {
    margin-bottom: 4px;
  }
  .grab_gv_experience .list ul li .list_inner {
    padding: 40px;
  }
  .grab_gv_experience .job h3 {
    font-size: 19px;
  }
  .grab_gv_experience .job span {
    margin-bottom: 3px;
  }
  .service_list .title span {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .service_list .title h3 {
    font-size: 19px;
  }
  .service_list .text {
    margin-bottom: 20px;
  }
  .service_list ul li .list_inner {
    padding-bottom: 45px;
  }
  .grab_gv_video .play {
    width: 100px;
    height: 100px;
  }
  .grab_gv_video .text {
    padding: 15px 25px;
  }
  .grab_gv_video .text h3 {
    font-size: 15px;
  }
  .grab_gv_portfolio .portfolio_list .details .title a {
    font-size: 21px;
  }
  .grab_gv_portfolio .portfolio_list .details .category {
    margin-bottom: 0px;
  }
  .grab_gv_news .list .title h3 {
    font-size: 25px;
    line-height: 33px;
  }
  .grab_gv_news .list .meta {
    margin-bottom: 6px;
  }
  .grab_gv_about {
    padding-top: 85px;
  }
  .grab_gv_services {
    padding-top: 85px;
  }
  .grab_gv_portfolio {
    padding-top: 85px;
  }
  .grab_gv_news {
    padding-top: 85px;
  }
  .grab_gv_sticky_section {
    top: 85px;
  }
  .grab_gv_contact {
    padding-top: 85px;
  }
  .dodo_tm_one_page_wrapper .grab_gv_news {
    padding-top: 85px;
  }
  .dodo_tm_one_page_wrapper .grab_gv_portfolio {
    padding-top: 85px;
  }
  .grab_gv_modalbox .box_inner {
    width: 800px;
  }
  .grab_gv_modalbox .description_wrap {
    padding: 40px;
  }
  .grab_gv_modalbox .description_wrap:before {
    height: 40px;
  }
  .grab_gv_modalbox .description_wrap:after {
    height: 40px;
  }
  .grab_gv_modalbox .close {
    margin-left: 20px;
  }
  .grab_gv_intro .short_info {
    top: 6%;
  }
  .grab_gv_intro .short_info img {
    max-width: 140px;
    margin-bottom: 15px;
  }
  .grab_gv_intro .short_info h3 {
    font-size: 17px;
  }
  .grab_gv_intro .demos img {
    max-width: 260px;
  }
  .grab_gv_intro .desc h3 {
    font-size: 17px;
  }
  .grab_gv_intro .demos img {
    margin-bottom: 18px;
  }
}
@media (max-width: 1040px) {
  .container {
    padding: 0px 20px;
  }
  .mouse-cursor {
    display: none;
  }
  #preloader {
    display: none;
  }
  .grab_gv_topbar {
    display: block;
  }
  .grab_gv_sidebar {
    display: none;
  }
  .grab_gv_mainpart {
    padding-left: 0px;
  }
  .grab_gv_home .details {
    align-items: baseline;
    flex-direction: column-reverse;
  }
  .grab_gv_home .details .left {
    width: 100%;
  }
  .grab_gv_home .details .right {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 50px;
  }
  .grab_gv_home {
    padding: 100px 0px;
  }
  .grab_gv_home .title h3,
  .grab_gv_home .title span {
    font-size: 50px;
    line-height: 63px;
  }
  .grab_gv_home .buttons {
    margin-bottom: 75px;
  }
  .grab_gv_biography {
    flex-direction: column;
  }
  .grab_gv_biography .left {
    width: 100%;
    margin-bottom: 50px;
  }
  .grab_gv_biography .right {
    width: 100%;
  }
  .grab_gv_biography .text p {
    margin-bottom: 17px;
  }
  .grab_gv_counter ul li {
    width: 50%;
  }
  .grab_gv_biography .info ul li {
    margin-right: 25px;
  }
  .grab_gv_title h3 {
    font-size: 30px;
  }
  .grab_gv_title span {
    margin-bottom: 5px;
  }
  .grab_gv_counter ul li .list_inner:before {
    display: none;
  }
  .service_list ul li {
    width: 50%;
  }
  .grab_gv_partners ul li {
    width: 33.3333%;
  }
  .grab_gv_testimonials .text p {
    font-size: 20px;
    line-height: 33px;
  }
  .grab_gv_testimonials .detail h3 {
    font-size: 25px;
  }
  .grab_gv_news .wrapper {
    flex-direction: column;
  }
  .grab_gv_news .left {
    padding-right: 0px;
    width: 100%;
    margin-bottom: 50px;
  }
  .grab_gv_news .right {
    padding-left: 0px;
    width: 100%;
  }
  .grab_gv_news .list ul li .list_inner {
    flex-direction: column;
    align-items: baseline;
  }
  .grab_gv_news .list .info {
    width: 100%;
    margin-bottom: 20px;
  }
  .grab_gv_news .list .title h3 {
    font-size: 22px;
  }
  .grab_gv_news .list .meta {
    margin-bottom: 5px;
  }
  .movingbox {
    display: none;
  }
  .grab_gv_contact .wrapper {
    flex-direction: column;
  }
  .grab_gv_contact .wrapper .left {
    width: 100%;
    padding: 0px;
    margin-bottom: 40px;
  }
  .grab_gv_contact .wrapper .right {
    width: 100%;
    padding: 0px;
  }
  .grab_gv_contact .wrapper .text {
    margin-bottom: 30px;
  }
  .grab_gv_map {
    margin-top: 70px;
  }
  .grab_gv_modalbox .box_inner {
    width: 600px;
    top: 50px;
    bottom: 50px;
  }
  .grab_gv_modalbox .description_wrap {
    padding: 30px;
  }
  .grab_gv_modalbox .description_wrap:before {
    height: 30px;
  }
  .grab_gv_modalbox .description_wrap:after {
    height: 30px;
  }
  .grab_gv_modalbox .main_details {
    flex-direction: column;
  }
  .grab_gv_modalbox .main_details .textbox {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .grab_gv_modalbox .main_details .detailbox {
    width: 100%;
    padding-left: 0px;
  }
  .grab_gv_modalbox .close a {
    width: 30px;
    height: 30px;
  }
  .grab_gv_modalbox .close {
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .preloader-container h1 {
    font-size: 28px;
  }
  .grab_gv_home .title h3,
  .grab_gv_home .title span {
    font-size: 35px;
    line-height: 45px;
  }
  .grab_gv_counter ul {
    margin: 0px;
  }
  .grab_gv_counter ul li {
    width: 100%;
    padding-left: 0px;
  }
  .grab_gv_experience .list ul {
    margin: 0px;
  }
  .grab_gv_experience .list ul li {
    width: 100%;
    padding-left: 0px;
  }
  .grab_gv_experience .list ul li .list_inner {
    padding: 35px 25px;
  }
  .grab_gv_experience .short {
    font-size: 15px;
  }
  .grab_gv_experience .list ul li {
    margin-bottom: 30px;
  }
  .service_list ul {
    margin: 0px;
  }
  .service_list ul li {
    width: 100%;
    padding-left: 0px;
  }
  .grab_gv_service_title {
    flex-direction: column;
    align-items: baseline;
  }
  .grab_gv_service_title .grab_gv_title {
    margin-bottom: 20px;
  }
  .service_list ul li .list_inner {
    padding-left: 25px;
    padding-right: 25px;
  }
  .grab_gv_video .text h3 {
    font-size: 12px;
  }
  .grab_gv_video .text {
    padding: 5px 15px;
    bottom: 10px;
    right: 10px;
  }
  .grab_gv_video .play {
    width: 45px;
    height: 45px;
  }
  .grab_gv_video .play .svg {
    width: 13px;
    height: 13px;
  }
  .grab_gv_portfolio_title {
    flex-direction: column;
    align-items: baseline;
  }
  .grab_gv_portfolio_title .grab_gv_title {
    margin-bottom: 20px;
  }
  .grab_gv_partners ul li {
    width: 50%;
  }
  .grab_gv_testimonials {
    padding-left: 40px;
    padding-right: 40px;
  }
  .grab_gv_modalbox .box_inner {
    width: 300px;
    top: 40px;
    bottom: 40px;
  }
  .grab_gv_modalbox .description_wrap {
    padding: 30px 25px 25px 25px;
  }
  .grab_gv_modalbox .description_wrap:before {
    height: 30px;
  }
  .grab_gv_modalbox .description_wrap:after {
    height: 25px;
  }
  .grab_gv_modalbox .close {
    margin-left: auto;
    left: auto;
    right: 25px;
    top: 15px;
  }
  .grab_gv_modalbox .close a {
    color: #000;
    width: auto;
    height: auto;
    border: none;
    font-size: 20px;
  }
  .grab_gv_modalbox .infos .job h3 {
    font-size: 19px;
  }
  .grab_gv_modalbox .infos .year span {
    padding: 2px 15px;
  }
  .grab_gv_modalbox .infos .year {
    margin-bottom: 15px;
  }
  .grab_gv_modalbox .infos {
    margin-bottom: 15px;
  }
  .grab_gv_modalbox .main_title h3 {
    font-size: 19px;
  }
  .grab_gv_modalbox .main_title {
    margin-bottom: 10px;
  }
  .grab_gv_modalbox .portfolio_main_title h3 {
    font-size: 19px;
  }
  .grab_gv_modalbox .portfolio_main_title {
    margin-bottom: 15px;
  }
  .grab_gv_modalbox .additional_images ul {
    margin: 0px;
  }
  .grab_gv_modalbox .additional_images ul li {
    width: 100% !important;
    padding-left: 0px;
    margin-bottom: 20px;
  }
  .grab_gv_modalbox .news_popup_informations .title h3 {
    font-size: 19px;
  }
  .grab_gv_modalbox .news_popup_informations .title {
    margin-bottom: 15px;
  }
}

/* src/styles.css */
.owl-carousel .owl-video-play-icon {
  background: none !important;
  display: none;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */