@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext);@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom; }

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

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

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

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

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

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

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

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

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

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

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

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

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

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

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

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

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

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

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

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

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

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

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

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

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

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

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

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

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

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

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

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

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

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

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

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

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

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

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

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

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

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

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

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

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

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

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

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

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

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

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

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

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

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

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

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

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

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

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

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

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

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

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

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

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

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

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

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

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

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

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

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

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

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

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

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

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

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

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

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

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

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

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

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

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

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

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

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

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

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

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

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

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

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

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

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

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

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

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

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

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

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

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

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

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

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

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

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

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

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

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

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

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

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

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

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

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

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

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

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

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

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

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

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

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

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

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

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

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

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

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

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

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

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

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

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

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

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

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

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

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

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

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

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

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

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

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

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

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

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

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

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

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

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

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

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

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

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

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

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

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

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

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

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

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

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

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

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

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

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

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

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

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

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

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

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

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

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

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

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

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

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

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

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

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

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

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

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

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

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

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

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

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

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

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

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

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

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

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

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

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

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

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

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
       transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
       -o-transition-duration: 50ms;
          transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
       -o-transition-delay: 50ms;
          transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: .15s;
       -o-transition-duration: .15s;
          transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: .15s;
       -o-transition-delay: .15s;
          transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: .25s;
       -o-transition-duration: .25s;
          transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: .25s;
       -o-transition-delay: .25s;
          transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: .45s;
       -o-transition-duration: .45s;
          transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: .45s;
       -o-transition-delay: .45s;
          transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: .55s;
       -o-transition-duration: .55s;
          transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: .55s;
       -o-transition-delay: .55s;
          transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: .6s;
       -o-transition-duration: .6s;
          transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: .6s;
       -o-transition-delay: .6s;
          transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: .65s;
       -o-transition-duration: .65s;
          transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: .65s;
       -o-transition-delay: .65s;
          transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: .7s;
       -o-transition-duration: .7s;
          transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: .7s;
       -o-transition-delay: .7s;
          transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: .75s;
       -o-transition-duration: .75s;
          transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: .75s;
       -o-transition-delay: .75s;
          transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: .8s;
       -o-transition-duration: .8s;
          transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: .8s;
       -o-transition-delay: .8s;
          transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: .85s;
       -o-transition-duration: .85s;
          transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: .85s;
       -o-transition-delay: .85s;
          transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: .9s;
       -o-transition-duration: .9s;
          transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: .9s;
       -o-transition-delay: .9s;
          transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: .95s;
       -o-transition-duration: .95s;
          transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: .95s;
       -o-transition-delay: .95s;
          transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
       -o-transition-duration: 1.05s;
          transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
       -o-transition-delay: 1.05s;
          transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
       -o-transition-duration: 1.1s;
          transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
       -o-transition-duration: 1.15s;
          transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
       -o-transition-delay: 1.15s;
          transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
       -o-transition-duration: 1.2s;
          transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
       -o-transition-delay: 1.2s;
          transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
       -o-transition-duration: 1.25s;
          transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
       -o-transition-delay: 1.25s;
          transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
       -o-transition-duration: 1.3s;
          transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
       -o-transition-delay: 1.3s;
          transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
       -o-transition-duration: 1.35s;
          transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
       -o-transition-delay: 1.35s;
          transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
       -o-transition-duration: 1.4s;
          transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
       -o-transition-delay: 1.4s;
          transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
       -o-transition-duration: 1.45s;
          transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
       -o-transition-delay: 1.45s;
          transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
       -o-transition-duration: 1.5s;
          transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
       -o-transition-duration: 1.55s;
          transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
       -o-transition-delay: 1.55s;
          transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
       -o-transition-duration: 1.6s;
          transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
       -o-transition-delay: 1.6s;
          transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
       -o-transition-duration: 1.65s;
          transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
       -o-transition-delay: 1.65s;
          transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
       -o-transition-duration: 1.7s;
          transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
       -o-transition-delay: 1.7s;
          transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
       -o-transition-duration: 1.75s;
          transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
       -o-transition-delay: 1.75s;
          transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
       -o-transition-duration: 1.8s;
          transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
       -o-transition-duration: 1.85s;
          transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
       -o-transition-delay: 1.85s;
          transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
       -o-transition-duration: 1.9s;
          transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
       -o-transition-delay: 1.9s;
          transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
       -o-transition-duration: 1.95s;
          transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
       -o-transition-delay: 1.95s;
          transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
       -o-transition-duration: 2.05s;
          transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
       -o-transition-delay: 2.05s;
          transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
       -o-transition-duration: 2.1s;
          transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
       -o-transition-delay: 2.1s;
          transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
       -o-transition-duration: 2.15s;
          transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
       -o-transition-delay: 2.15s;
          transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
       -o-transition-duration: 2.2s;
          transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
       -o-transition-delay: 2.2s;
          transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
       -o-transition-duration: 2.25s;
          transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
       -o-transition-delay: 2.25s;
          transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
       -o-transition-duration: 2.3s;
          transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
       -o-transition-delay: 2.3s;
          transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
       -o-transition-duration: 2.35s;
          transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
       -o-transition-delay: 2.35s;
          transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
       -o-transition-duration: 2.4s;
          transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
       -o-transition-delay: 2.4s;
          transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
       -o-transition-duration: 2.45s;
          transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
       -o-transition-delay: 2.45s;
          transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
       -o-transition-duration: 2.5s;
          transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
       -o-transition-delay: 2.5s;
          transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
       -o-transition-duration: 2.55s;
          transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
       -o-transition-delay: 2.55s;
          transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
       -o-transition-duration: 2.6s;
          transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
       -o-transition-delay: 2.6s;
          transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
       -o-transition-duration: 2.65s;
          transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
       -o-transition-delay: 2.65s;
          transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
       -o-transition-duration: 2.7s;
          transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
       -o-transition-delay: 2.7s;
          transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
       -o-transition-duration: 2.75s;
          transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
       -o-transition-delay: 2.75s;
          transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
       -o-transition-duration: 2.8s;
          transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
       -o-transition-delay: 2.8s;
          transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
       -o-transition-duration: 2.85s;
          transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
       -o-transition-delay: 2.85s;
          transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
       -o-transition-duration: 2.9s;
          transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
       -o-transition-delay: 2.9s;
          transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
       -o-transition-duration: 2.95s;
          transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
       -o-transition-delay: 2.95s;
          transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
       -o-transition-duration: 3s;
          transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
       -o-transition-delay: 3s;
          transition-delay: 3s; }

[data-aos] {
  pointer-events: none; }

[data-aos].aos-animate {
  pointer-events: auto; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
       -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
       -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
       -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
       -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
       -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    -webkit-transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform; }
  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
        transform: none; }
  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0); }
  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0); }
  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0); }
  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0); }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,-webkit-transform;
    -webkit-transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform; }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1); }
  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
        transform: scale(0.6); }
  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
    transform: translate3d(0, 100px, 0) scale(0.6); }
  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
    transform: translate3d(0, -100px, 0) scale(0.6); }
  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
    transform: translate3d(-100px, 0, 0) scale(0.6); }
  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
    transform: translate3d(100px, 0, 0) scale(0.6); }
  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2); }
  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2); }
  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2); }
  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2); }
  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2); }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
    visibility: hidden; }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform; }
  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg); }
  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0); }
  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg); }
  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0); }
  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg); }
  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0); }
  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg); }
  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0); } }
@media screen and (max-width: 1100px) {
  html,
  body {
    position: relative;
    overflow: hidden auto; } }

main {
  opacity: 0; }

.scroll {
  width: 100%; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif; }

.container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px; }

.img-box > img {
  width: 100%; }

.img-box.obj-fit > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50%;
     object-position: 50%; }

.btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding: 15px 20px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  outline: none;
  -webkit-box-shadow: 0 2px 8px #eee;
          box-shadow: 0 2px 8px #eee;
  overflow: hidden;
  z-index: 3;
  background: transparent !important;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease; }
  .btn:before {
    content: "";
    position: absolute;
    background: #fff;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .btn:after {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #f9a745), color-stop(70%, #f49422));
    background: -webkit-linear-gradient(left, #f9a745 30%, #f49422 70%);
    background: -o-linear-gradient(left, #f9a745 30%, #f49422 70%);
    background: linear-gradient(90deg, #f9a745 30%, #f49422 70%);
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }
  .btn:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 0 6px 12px #cfcfcf;
            box-shadow: 0 6px 12px #cfcfcf;
    color: #2e2e2e !important; }
    .btn:hover:after {
      opacity: 0; }
  .btn:active {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 2px 8px #eee;
            box-shadow: 0 2px 8px #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #f9a745), color-stop(70%, #f49422));
    background: -webkit-linear-gradient(left, #f9a745 30%, #f49422 70%);
    background: -o-linear-gradient(left, #f9a745 30%, #f49422 70%);
    background: linear-gradient(90deg, #f9a745 30%, #f49422 70%); }

.clean-btn {
  padding: 10px 90px;
  margin: 0 6px 12px;
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  background: transparent;
  -webkit-box-shadow: 0 0 0px #333;
          box-shadow: 0 0 0px #333;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .clean-btn {
      width: 100%;
      padding: 10px; } }
  .clean-btn:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    background: #fff;
    color: #2e2e2e;
    -webkit-box-shadow: 0 2px 8px #777;
            box-shadow: 0 2px 8px #777; }
  .clean-btn:active {
    -webkit-box-shadow: 0 0 0px #333;
            box-shadow: 0 0 0px #333;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

div.wpcf7-response-output {
  border: none !important; }

.fns-1 {
  font-size: 1px; }

.fns-2 {
  font-size: 2px; }

.fns-3 {
  font-size: 3px; }

.fns-4 {
  font-size: 4px; }

.fns-5 {
  font-size: 5px; }

.fns-6 {
  font-size: 6px; }

.fns-7 {
  font-size: 7px; }

.fns-8 {
  font-size: 8px; }

.fns-9 {
  font-size: 9px; }

.fns-10 {
  font-size: 10px; }

.fns-11 {
  font-size: 11px; }

.fns-12 {
  font-size: 12px; }

.fns-13 {
  font-size: 13px; }

.fns-14 {
  font-size: 14px; }

.fns-15 {
  font-size: 15px; }

.fns-16 {
  font-size: 16px; }

.fns-17 {
  font-size: 17px; }

.fns-18 {
  font-size: 18px; }

.fns-19 {
  font-size: 19px; }

.fns-20 {
  font-size: 20px; }

.fns-21 {
  font-size: 21px; }

.fns-22 {
  font-size: 22px; }

.fns-23 {
  font-size: 23px; }

.fns-24 {
  font-size: 24px; }

.fns-25 {
  font-size: 25px; }

.fns-26 {
  font-size: 26px; }

.fns-27 {
  font-size: 27px; }

.fns-28 {
  font-size: 28px; }

.fns-29 {
  font-size: 29px; }

.fns-30 {
  font-size: 30px; }

.fns-31 {
  font-size: 31px; }

.fns-32 {
  font-size: 32px; }

.fns-33 {
  font-size: 33px; }

.fns-34 {
  font-size: 34px; }

.fns-35 {
  font-size: 35px; }

.fns-36 {
  font-size: 36px; }

.fns-37 {
  font-size: 37px; }

.fns-38 {
  font-size: 38px; }

.fns-39 {
  font-size: 39px; }

.fns-40 {
  font-size: 40px; }

.fns-41 {
  font-size: 41px; }

.fns-42 {
  font-size: 42px; }

.fns-43 {
  font-size: 43px; }

.fns-44 {
  font-size: 44px; }

.fns-45 {
  font-size: 45px; }

.fns-46 {
  font-size: 46px; }

.fns-47 {
  font-size: 47px; }

.fns-48 {
  font-size: 48px; }

.fns-49 {
  font-size: 49px; }

.fns-50 {
  font-size: 50px; }

.fns-51 {
  font-size: 51px; }

.fns-52 {
  font-size: 52px; }

.fns-53 {
  font-size: 53px; }

.fns-54 {
  font-size: 54px; }

.fns-55 {
  font-size: 55px; }

.fns-56 {
  font-size: 56px; }

.fns-57 {
  font-size: 57px; }

.fns-58 {
  font-size: 58px; }

.fns-59 {
  font-size: 59px; }

.fns-60 {
  font-size: 60px; }

.fns-61 {
  font-size: 61px; }

.fns-62 {
  font-size: 62px; }

.fns-63 {
  font-size: 63px; }

.fns-64 {
  font-size: 64px; }

.fns-65 {
  font-size: 65px; }

.fns-66 {
  font-size: 66px; }

.fns-67 {
  font-size: 67px; }

.fns-68 {
  font-size: 68px; }

.fns-69 {
  font-size: 69px; }

.fns-70 {
  font-size: 70px; }

.fns-71 {
  font-size: 71px; }

.fns-72 {
  font-size: 72px; }

.fns-73 {
  font-size: 73px; }

.fns-74 {
  font-size: 74px; }

.fns-75 {
  font-size: 75px; }

.fns-76 {
  font-size: 76px; }

.fns-77 {
  font-size: 77px; }

.fns-78 {
  font-size: 78px; }

.fns-79 {
  font-size: 79px; }

.fns-80 {
  font-size: 80px; }

.fns-81 {
  font-size: 81px; }

.fns-82 {
  font-size: 82px; }

.fns-83 {
  font-size: 83px; }

.fns-84 {
  font-size: 84px; }

.fns-85 {
  font-size: 85px; }

.fns-86 {
  font-size: 86px; }

.fns-87 {
  font-size: 87px; }

.fns-88 {
  font-size: 88px; }

.fns-89 {
  font-size: 89px; }

.fns-90 {
  font-size: 90px; }

.fns-91 {
  font-size: 91px; }

.fns-92 {
  font-size: 92px; }

.fns-93 {
  font-size: 93px; }

.fns-94 {
  font-size: 94px; }

.fns-95 {
  font-size: 95px; }

.fns-96 {
  font-size: 96px; }

.fns-97 {
  font-size: 97px; }

.fns-98 {
  font-size: 98px; }

.fns-99 {
  font-size: 99px; }

.fns-100 {
  font-size: 100px; }

.fns-101 {
  font-size: 101px; }

.fns-102 {
  font-size: 102px; }

.fns-103 {
  font-size: 103px; }

.fns-104 {
  font-size: 104px; }

.fns-105 {
  font-size: 105px; }

.fns-106 {
  font-size: 106px; }

.fns-107 {
  font-size: 107px; }

.fns-108 {
  font-size: 108px; }

.fns-109 {
  font-size: 109px; }

.fns-110 {
  font-size: 110px; }

.fns-111 {
  font-size: 111px; }

.fns-112 {
  font-size: 112px; }

.fns-113 {
  font-size: 113px; }

.fns-114 {
  font-size: 114px; }

.fns-115 {
  font-size: 115px; }

.fns-116 {
  font-size: 116px; }

.fns-117 {
  font-size: 117px; }

.fns-118 {
  font-size: 118px; }

.fns-119 {
  font-size: 119px; }

.fns-120 {
  font-size: 120px; }

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

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

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

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

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

.delay--6 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }

.delay--7 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s; }

.delay--8 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s; }

.delay--9 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s; }

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

.delay--11 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s; }

.delay--12 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

.delay--13 {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s; }

.delay--14 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s; }

.delay--15 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s; }

.delay--16 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s; }

.delay--17 {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s; }

.delay--18 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s; }

.delay--19 {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s; }

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

.delay--21 {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s; }

.delay--22 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s; }

.delay--23 {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s; }

.delay--24 {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s; }

.delay--25 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s; }

.delay--26 {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s; }

.delay--27 {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s; }

.delay--28 {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s; }

.delay--29 {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s; }

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

.delay--31 {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s; }

.delay--32 {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s; }

.delay--33 {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s; }

.delay--34 {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s; }

.delay--35 {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s; }

.delay--36 {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s; }

.delay--37 {
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s; }

.delay--38 {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s; }

.delay--39 {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s; }

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

.delay--41 {
  -webkit-animation-delay: 4.1s;
          animation-delay: 4.1s; }

.delay--42 {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s; }

.delay--43 {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s; }

.delay--44 {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s; }

.delay--45 {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s; }

.delay--46 {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s; }

.delay--47 {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s; }

.delay--48 {
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s; }

.delay--49 {
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s; }

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

.delay--51 {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s; }

.delay--52 {
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s; }

.delay--53 {
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s; }

.delay--54 {
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s; }

.delay--55 {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s; }

.delay--56 {
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s; }

.delay--57 {
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s; }

.delay--58 {
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s; }

.delay--59 {
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s; }

.delay--60 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s; }

.delay--61 {
  -webkit-animation-delay: 6.1s;
          animation-delay: 6.1s; }

.delay--62 {
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s; }

.delay--63 {
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s; }

.delay--64 {
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s; }

.delay--65 {
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s; }

.delay--66 {
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s; }

.delay--67 {
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s; }

.delay--68 {
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s; }

.delay--69 {
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s; }

.delay--70 {
  -webkit-animation-delay: 7s;
          animation-delay: 7s; }

.delay--71 {
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s; }

.delay--72 {
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s; }

.delay--73 {
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s; }

.delay--74 {
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s; }

.delay--75 {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s; }

.delay--76 {
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s; }

.delay--77 {
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s; }

.delay--78 {
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s; }

.delay--79 {
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s; }

.delay--80 {
  -webkit-animation-delay: 8s;
          animation-delay: 8s; }

.delay--81 {
  -webkit-animation-delay: 8.1s;
          animation-delay: 8.1s; }

.delay--82 {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s; }

.delay--83 {
  -webkit-animation-delay: 8.3s;
          animation-delay: 8.3s; }

.delay--84 {
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s; }

.delay--85 {
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s; }

.delay--86 {
  -webkit-animation-delay: 8.6s;
          animation-delay: 8.6s; }

.delay--87 {
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s; }

.delay--88 {
  -webkit-animation-delay: 8.8s;
          animation-delay: 8.8s; }

.delay--89 {
  -webkit-animation-delay: 8.9s;
          animation-delay: 8.9s; }

.delay--90 {
  -webkit-animation-delay: 9s;
          animation-delay: 9s; }

.delay--91 {
  -webkit-animation-delay: 9.1s;
          animation-delay: 9.1s; }

.delay--92 {
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s; }

.delay--93 {
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s; }

.delay--94 {
  -webkit-animation-delay: 9.4s;
          animation-delay: 9.4s; }

.delay--95 {
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s; }

.delay--96 {
  -webkit-animation-delay: 9.6s;
          animation-delay: 9.6s; }

.delay--97 {
  -webkit-animation-delay: 9.7s;
          animation-delay: 9.7s; }

.delay--98 {
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s; }

.delay--99 {
  -webkit-animation-delay: 9.9s;
          animation-delay: 9.9s; }

.delay--100 {
  -webkit-animation-delay: 10s;
          animation-delay: 10s; }

.clip-title {
  text-transform: uppercase;
  text-align: center;
  padding: 40px 0;
  color: #2e2e2e;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url("../img/title-clip.jpg");
  background-attachment: fixed;
  background-size: cover;
  font-weight: 900;
  font-style: black;
  font-size: 80px !important; }
  @media screen and (max-width: 768px) {
    .clip-title {
      font-size: 50px !important; } }

.white-title {
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  text-align: center;
  margin-bottom: 50px;
  font-size: 96px;
  letter-spacing: 2px;
  color: #fff; }
  @media screen and (max-width: 750px) {
    .white-title {
      font-size: 4em; } }
  @media screen and (max-width: 450px) {
    .white-title {
      font-size: 3.1em; } }

span.wpcf7-not-valid-tip {
  padding: 5px 0; }

footer span.wpcf7-not-valid-tip {
  padding: 0 !important; }

.ajax-loader {
  display: none !important; }

.information-banner {
  background-image: url("../img/vision-banner.png");
  background-size: cover; }
  .information-banner .inform-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 80px 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .information-banner .inform-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .information-banner .inform-block .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 30%; }
      @media screen and (max-width: 1024px) {
        .information-banner .inform-block .title {
          width: 100%; } }
      .information-banner .inform-block .title img {
        width: 40%; }
        @media screen and (max-width: 1024px) {
          .information-banner .inform-block .title img {
            display: none; } }
      .information-banner .inform-block .title h3 {
        display: block;
        line-height: 60px;
        width: 50%;
        color: #fff;
        font-size: 48px; }
        @media screen and (max-width: 1024px) {
          .information-banner .inform-block .title h3 {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
    .information-banner .inform-block .inform-box {
      width: 60%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 1024px) {
        .information-banner .inform-block .inform-box {
          width: 100%;
          margin-top: 20px;
          margin-left: 40px; } }
      .information-banner .inform-block .inform-box .inform-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 33%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media screen and (max-width: 1100px) {
          .information-banner .inform-block .inform-box .inform-item {
            width: 50%;
            margin-bottom: 10px; } }
        @media screen and (max-width: 400px) {
          .information-banner .inform-block .inform-box .inform-item {
            width: 100%; } }
        .information-banner .inform-block .inform-box .inform-item .img-box {
          width: 46px;
          height: 46px;
          padding: 10px;
          border: 1.2px solid #fff;
          border-radius: 100px; }
        .information-banner .inform-block .inform-box .inform-item .title {
          width: 76%;
          color: #fff;
          font-size: 18px; }

.icon-title {
  text-align: center;
  font-weight: 300;
  padding: 60px 0;
  position: relative; }
  .icon-title .title-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .icon-title .title-exit-icon img {
      width: 100%; }
    .icon-title .title-exit-icon:before, .icon-title .title-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #ddd;
      bottom: 0;
      margin-bottom: 50px; }
    .icon-title .title-exit-icon:before {
      left: 0; }
    .icon-title .title-exit-icon:after {
      right: 0; }

.top-main-head {
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 560px;
  display: block;
  margin-bottom: 60px;
  position: relative; }
  .top-main-head .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
    opacity: 0.6; }
  .top-main-head .container {
    height: 100%; }

.social-media-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px; }
  .social-media-box.white a.fb {
    background-image: url("../img/fb-white.png"); }
    .social-media-box.white a.fb:hover {
      background-image: url("../img/fb-contacts-hover.png"); }
  .social-media-box.white a.in {
    background-image: url("../img/in-white.png"); }
    .social-media-box.white a.in:hover {
      background-image: url("../img/lin-contacts-hover.png"); }
  .social-media-box.white a.inst {
    background-image: url("../img/inst-white.png"); }
    .social-media-box.white a.inst:hover {
      background-image: url("../img/inst-contacts-hover.png"); }
  .social-media-box.white a.pin {
    background-image: url("../img/pin-white.png"); }
    .social-media-box.white a.pin:hover {
      background-image: url("../img/pin-contacts-hover.png"); }
  .social-media-box.white__hover-orange a.fb {
    background-image: url("../img/fb-white.png"); }
    .social-media-box.white__hover-orange a.fb:hover {
      background-image: url("../img/fb-footer-hover.png"); }
  .social-media-box.white__hover-orange a.in {
    background-image: url("../img/in-white.png"); }
    .social-media-box.white__hover-orange a.in:hover {
      background-image: url("../img/lin-footer-hover.png"); }
  .social-media-box.white__hover-orange a.inst {
    background-image: url("../img/inst-white.png"); }
    .social-media-box.white__hover-orange a.inst:hover {
      background-image: url("../img/inst-footer-hover.png"); }
  .social-media-box.white__hover-orange a.pin {
    background-image: url("../img/pin-white.png"); }
    .social-media-box.white__hover-orange a.pin:hover {
      background-image: url("../img/pin-footer-hover.png"); }
  .social-media-box.center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .social-media-box a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: block;
    -webkit-transition: background 0.5s ease, -webkit-filter 0.001s 0.1s ease;
    transition: background 0.5s ease, -webkit-filter 0.001s 0.1s ease;
    -o-transition: background 0.5s ease, filter 0.001s 0.1s ease;
    transition: background 0.5s ease, filter 0.001s 0.1s ease;
    transition: background 0.5s ease, filter 0.001s 0.1s ease, -webkit-filter 0.001s 0.1s ease;
    margin-right: 14px;
    margin-left: -2px; }
    .social-media-box a.fb {
      background-image: url("../img/fb-footer.png"); }
      .social-media-box a.fb:hover {
        background-image: url("../img/fb-footer-hover.png"); }
    .social-media-box a.in {
      background-image: url("../img/lin-footer.png"); }
      .social-media-box a.in:hover {
        background-image: url("../img/lin-footer-hover.png"); }
    .social-media-box a.inst {
      background-image: url("../img/inst-footer.png"); }
      .social-media-box a.inst:hover {
        background-image: url("../img/inst-footer-hover.png"); }
    .social-media-box a.pin {
      background-image: url("../img/pin-footer.png"); }
      .social-media-box a.pin:hover {
        background-image: url("../img/pin-footer-hover.png"); }

.top-main-head-content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  @media (max-width: 1100px) {
    .top-main-head-content {
      padding-top: 40px; } }
  .top-main-head-content > * {
    color: #fff; }
  .top-main-head-content .content {
    width: 45%;
    text-align: center; }
    @media (max-width: 1100px) {
      .top-main-head-content .content {
        width: 60%; } }
    .top-main-head-content .content h2 {
      font-size: 96px;
      font-weight: 500; }
    .top-main-head-content .content h4 {
      font-size: 96px;
      font-weight: 500; }
    .top-main-head-content .content h3 {
      font-size: 48px;
      font-weight: 500; }
      .top-main-head-content .content h3:last-of-type {
        padding-bottom: 45px; }
      .top-main-head-content .content h3.large {
        font-size: 52px; }
    .top-main-head-content .content h4 {
      font-size: 32px;
      font-weight: 500; }
      .top-main-head-content .content h4:last-of-type {
        padding-bottom: 45px; }
    .top-main-head-content .content p {
      font-size: 20px;
      line-height: 1.5;
      font-weight: 300; }
    @media screen and (max-width: 550px) {
      .top-main-head-content .content {
        width: 100%; }
        .top-main-head-content .content h2 {
          font-size: 56px; }
        .top-main-head-content .content h3 {
          font-size: 24px; }
          .top-main-head-content .content h3.large {
            font-size: 36px; }
        .top-main-head-content .content h4 {
          font-size: 18px; }
        .top-main-head-content .content p {
          font-size: 18.5px; } }

@media screen and (min-width: 1100px) {
  .mobile {
    display: none !important; } }

@media screen and (max-width: 1100px) {
  .fns-1 {
    font-size: -3px; }
  .fns-2 {
    font-size: -2px; }
  .fns-3 {
    font-size: -1px; }
  .fns-4 {
    font-size: 0px; }
  .fns-5 {
    font-size: 1px; }
  .fns-6 {
    font-size: 2px; }
  .fns-7 {
    font-size: 3px; }
  .fns-8 {
    font-size: 4px; }
  .fns-9 {
    font-size: 5px; }
  .fns-10 {
    font-size: 6px; }
  .fns-11 {
    font-size: 7px; }
  .fns-12 {
    font-size: 8px; }
  .fns-13 {
    font-size: 9px; }
  .fns-14 {
    font-size: 10px; }
  .fns-15 {
    font-size: 11px; }
  .fns-16 {
    font-size: 12px; }
  .fns-17 {
    font-size: 13px; }
  .fns-18 {
    font-size: 14px; }
  .fns-19 {
    font-size: 15px; }
  .fns-20 {
    font-size: 16px; }
  .fns-21 {
    font-size: 17px; }
  .fns-22 {
    font-size: 18px; }
  .fns-23 {
    font-size: 19px; }
  .fns-24 {
    font-size: 20px; }
  .fns-25 {
    font-size: 21px; }
  .fns-26 {
    font-size: 22px; }
  .fns-27 {
    font-size: 23px; }
  .fns-28 {
    font-size: 24px; }
  .fns-29 {
    font-size: 25px; }
  .fns-30 {
    font-size: 26px; }
  .fns-31 {
    font-size: 27px; }
  .fns-32 {
    font-size: 28px; }
  .fns-33 {
    font-size: 29px; }
  .fns-34 {
    font-size: 30px; }
  .fns-35 {
    font-size: 31px; }
  .fns-36 {
    font-size: 32px; }
  .fns-37 {
    font-size: 33px; }
  .fns-38 {
    font-size: 34px; }
  .fns-39 {
    font-size: 35px; }
  .fns-40 {
    font-size: 36px; }
  .fns-41 {
    font-size: 37px; }
  .fns-42 {
    font-size: 38px; }
  .fns-43 {
    font-size: 39px; }
  .fns-44 {
    font-size: 40px; }
  .fns-45 {
    font-size: 41px; }
  .fns-46 {
    font-size: 42px; }
  .fns-47 {
    font-size: 43px; }
  .fns-48 {
    font-size: 44px; }
  .fns-49 {
    font-size: 45px; }
  .fns-50 {
    font-size: 46px; }
  .fns-51 {
    font-size: 47px; }
  .fns-52 {
    font-size: 48px; }
  .fns-53 {
    font-size: 49px; }
  .fns-54 {
    font-size: 50px; }
  .fns-55 {
    font-size: 51px; }
  .fns-56 {
    font-size: 52px; }
  .fns-57 {
    font-size: 53px; }
  .fns-58 {
    font-size: 54px; }
  .fns-59 {
    font-size: 55px; }
  .fns-60 {
    font-size: 56px; }
  .fns-61 {
    font-size: 57px; }
  .fns-62 {
    font-size: 58px; }
  .fns-63 {
    font-size: 59px; }
  .fns-64 {
    font-size: 60px; }
  .fns-65 {
    font-size: 61px; }
  .fns-66 {
    font-size: 62px; }
  .fns-67 {
    font-size: 63px; }
  .fns-68 {
    font-size: 64px; }
  .fns-69 {
    font-size: 65px; }
  .fns-70 {
    font-size: 66px; }
  .fns-71 {
    font-size: 67px; }
  .fns-72 {
    font-size: 68px; }
  .fns-73 {
    font-size: 69px; }
  .fns-74 {
    font-size: 70px; }
  .fns-75 {
    font-size: 71px; }
  .fns-76 {
    font-size: 72px; }
  .fns-77 {
    font-size: 73px; }
  .fns-78 {
    font-size: 74px; }
  .fns-79 {
    font-size: 75px; }
  .fns-80 {
    font-size: 76px; }
  .fns-81 {
    font-size: 77px; }
  .fns-82 {
    font-size: 78px; }
  .fns-83 {
    font-size: 79px; }
  .fns-84 {
    font-size: 80px; }
  .fns-85 {
    font-size: 81px; }
  .fns-86 {
    font-size: 82px; }
  .fns-87 {
    font-size: 83px; }
  .fns-88 {
    font-size: 84px; }
  .fns-89 {
    font-size: 85px; }
  .fns-90 {
    font-size: 86px; }
  .fns-91 {
    font-size: 87px; }
  .fns-92 {
    font-size: 88px; }
  .fns-93 {
    font-size: 89px; }
  .fns-94 {
    font-size: 90px; }
  .fns-95 {
    font-size: 91px; }
  .fns-96 {
    font-size: 92px; }
  .fns-97 {
    font-size: 93px; }
  .fns-98 {
    font-size: 94px; }
  .fns-99 {
    font-size: 95px; }
  .fns-100 {
    font-size: 96px; }
  .fns-101 {
    font-size: 97px; }
  .fns-102 {
    font-size: 98px; }
  .fns-103 {
    font-size: 99px; }
  .fns-104 {
    font-size: 100px; }
  .fns-105 {
    font-size: 101px; }
  .fns-106 {
    font-size: 102px; }
  .fns-107 {
    font-size: 103px; }
  .fns-108 {
    font-size: 104px; }
  .fns-109 {
    font-size: 105px; }
  .fns-110 {
    font-size: 106px; }
  .fns-111 {
    font-size: 107px; }
  .fns-112 {
    font-size: 108px; }
  .fns-113 {
    font-size: 109px; }
  .fns-114 {
    font-size: 110px; }
  .fns-115 {
    font-size: 111px; }
  .fns-116 {
    font-size: 112px; }
  .fns-117 {
    font-size: 113px; }
  .fns-118 {
    font-size: 114px; }
  .fns-119 {
    font-size: 115px; }
  .fns-120 {
    font-size: 116px; }
  .desktop {
    display: none !important; }
  .container {
    padding: 0 15px; }
  footer .btn {
    background-color: #5fb6e1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(95, 182, 225, 0.9)), color-stop(70%, #5fb6e1));
    background: -webkit-linear-gradient(top, rgba(95, 182, 225, 0.9) 30%, #5fb6e1 70%);
    background: -o-linear-gradient(top, rgba(95, 182, 225, 0.9) 30%, #5fb6e1 70%);
    background: linear-gradient(180deg, rgba(95, 182, 225, 0.9) 30%, #5fb6e1 70%); } }

.digital-contacts .wpcf7-response-output {
  color: #fff;
  margin-top: -38px; }

span.wpcf7-not-valid-tip {
  color: #f9a745; }

.form-box .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  bottom: -26px; }

.offers-box .offer-title {
  font-weight: 500; }

.head_buttons_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 6px; }
  @media (max-width: 768px) {
    .head_buttons_box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      max-width: 300px; } }

.button_right_screen {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 999999;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  @media (max-width: 768px) {
    .button_right_screen {
      right: 10px;
      bottom: 10px; } }
  .button_right_screen.visible {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  .button_right_screen .screen_button {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    position: relative;
    background-size: cover;
    -webkit-transition: background-image 0.2s linear;
    -o-transition: background-image 0.2s linear;
    transition: background-image 0.2s linear; }
    .button_right_screen .screen_button.to-top {
      background-image: url(../img/btn--Up.png);
      -webkit-transform: scale(1.6);
          -ms-transform: scale(1.6);
              transform: scale(1.6); }
      .button_right_screen .screen_button.to-top:hover {
        background-image: url(../img/btn--Up--hover.png); }
    .button_right_screen .screen_button.messengers {
      background-image: url(../img/btn--Messanger.png); }
      .button_right_screen .screen_button.messengers:hover {
        background-image: url(../img/btn--Messanger--hover.png); }
    .button_right_screen .screen_button.fb {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      background-image: url(../img/btn--Facebook.png);
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      .button_right_screen .screen_button.fb.moved {
        -webkit-transform: translate(-60px, -30px);
            -ms-transform: translate(-60px, -30px);
                transform: translate(-60px, -30px);
        pointer-events: auto;
        opacity: 1; }
      .button_right_screen .screen_button.fb:hover {
        background-image: url(../img/btn--Facebook--hover.png); }
    .button_right_screen .screen_button.whatsapp {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85);
      background-image: url(../img/btn--Whatsapp.png);
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      .button_right_screen .screen_button.whatsapp.moved {
        -webkit-transform: translate(-60px, 30px) scale(0.85);
            -ms-transform: translate(-60px, 30px) scale(0.85);
                transform: translate(-60px, 30px) scale(0.85);
        pointer-events: auto;
        opacity: 1; }
      .button_right_screen .screen_button.whatsapp:hover {
        background-image: url(../img/btn--Whatsapp--hover.png); }
    .button_right_screen .screen_button.exit {
      background-image: url(../img/btn--Want-a-project.png); }
      .button_right_screen .screen_button.exit:hover {
        background-image: url(../img/btn--Want-a-project--hover.png); }

.simple-content-box * {
  line-height: 30px;
  color: #2e2e2e; }

.simple-content-box img {
  width: 100% !important;
  margin: 10px 0; }

.textslider .slick-dots:before, .textslider .slick-dots:after {
  display: block;
  opacity: 25%;
  width: 45%;
  height: 1px;
  background-color: #fff;
  content: "";
  position: absolute; }

.textslider .slick-dots:before {
  bottom: 4px; }

.textslider .slick-dots:after {
  right: 0;
  bottom: 3px; }

@media (max-width: 1024px) {
  .textslider .slick-dots:before, .textslider .slick-dots:after {
    width: 44%;
    display: none; } }

@media (max-width: 768px) {
  .textslider .slick-dots:before, .textslider .slick-dots:after {
    display: none; } }
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  padding: 20px 0 15px;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease; }
  header.open-menu, header.sticky {
    background-color: #f9f9f9; }
  header .logo-box {
    width: 24%;
    min-width: 200px;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  header.sticky .logo-box {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75); }
    @media screen and (max-width: 1100px) {
      header.sticky .logo-box {
        -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
                transform: scale(0.95); } }

.head-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .head-box p,
  .head-box a {
    color: #2e2e2e;
    font-weight: 300;
    font-size: 14px; }
  .head-box a {
    text-decoration: none; }
  .head-box .nav-box .menu,
  .head-box .lang-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .head-box .head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 15%; }
    @media screen and (max-width: 1100px) {
      .head-box .head-info {
        width: auto; } }
  .head-box .phone-lang-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .head-box .head-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .head-box .head-phone img {
      width: 20px;
      margin-right: 5px; }
  .head-box .lang-box {
    width: 40%; }
    .head-box .lang-box a {
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      padding: 0 0;
      -webkit-transition: border .4s ease, padding .4s ease;
      -o-transition: border .4s ease, padding .4s ease;
      transition: border .4s ease, padding .4s ease; }
      .head-box .lang-box a:hover {
        padding: 2px 0;
        border-color: #000; }

.menu-btn {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .menu-btn img {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
  .menu-btn.active {
    background-color: #33a2f2; }
    .menu-btn.active img {
      -webkit-filter: invert(1);
              filter: invert(1); }

.menu-screen {
  padding: 80px 0 40px;
  display: none; }

.menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .menu-box .menu-elem {
    width: 25%;
    opacity: 0;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateX(-10px) scale(0.9);
        -ms-transform: translateX(-10px) scale(0.9);
            transform: translateX(-10px) scale(0.9);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .menu-box .contact-elem .contact-item {
    color: #bbb;
    margin-bottom: 20px; }
    .menu-box .contact-elem .contact-item b {
      display: block;
      color: #888;
      padding-bottom: 8px; }
    .menu-box .contact-elem .contact-item p,
    .menu-box .contact-elem .contact-item a {
      font-weight: 300;
      color: #2e2e2e;
      text-decoration: none; }
  .menu-box .form-elem form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .menu-box .form-elem form p {
      width: 100%;
      color: #888;
      font-size: 14px;
      letter-spacing: .4px;
      line-height: 18px; }
      .menu-box .form-elem form p span {
        width: 100%; }
        .menu-box .form-elem form p span input,
        .menu-box .form-elem form p span textarea {
          width: 100%;
          resize: none;
          margin-top: 10px;
          margin-bottom: 20px;
          padding: 7px;
          border: none;
          background: transparent;
          border-bottom: 1px solid #ddd; }
        .menu-box .form-elem form p span textarea {
          height: 100px;
          display: block; }
      .menu-box .form-elem form p button {
        width: 100%; }
  .menu-box .menu li {
    width: 100%;
    list-style: none; }
    .menu-box .menu li a {
      display: inline-block;
      font-size: 20px;
      font-weight: 300;
      color: #2e2e2e;
      text-decoration: none;
      text-transform: uppercase;
      margin-bottom: 20px;
      letter-spacing: 2px;
      -webkit-transition: color 0.35s ease;
      -o-transition: color 0.35s ease;
      transition: color 0.35s ease;
      position: relative;
      padding-bottom: 6px; }
      .menu-box .menu li a:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        background: #FFA600;
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
      .menu-box .menu li a:hover {
        color: #FFA600; }
        .menu-box .menu li a:hover:before {
          -webkit-transform: scaleX(1);
              -ms-transform: scaleX(1);
                  transform: scaleX(1); }
    .menu-box .menu li.current-menu-item a {
      color: #FFA600;
      font-weight: bold; }
main {
  min-height: 600px; }

.main {
  position: relative;
  min-height: 700px;
  height: 100vh;
  overflow: hidden; }
  .main video {
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .main .container {
    position: relative;
    height: 100%;
    padding: 0; }
  @media screen and (max-width: 1100px) {
    .main {
      background-image: url("../img/mobile-home-main.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      height: 100vh;
      min-height: 450px; }
      .main .main-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; } }

.main-slider {
  width: 100%; }

.main-slide-item {
  position: relative;
  padding: 60px 0;
  width: 100%; }
  .main-slide-item .circle {
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    z-index: 0;
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%); }
  .main-slide-item .content {
    position: relative;
    color: #fff;
    z-index: 1;
    text-align: center; }
    .main-slide-item .content * {
      font-weight: 400;
      text-transform: uppercase; }

.main-title-block {
  position: absolute;
  bottom: 10%;
  left: 20px; }
  .main-title-block a.btn {
    margin-top: 50px; }

@-webkit-keyframes topToBottom {
  0% {
    opacity: 0; }
  5% {
    opacity: 0;
    -webkit-transform: translateY(-30px); }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  30% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes topToBottom {
  0% {
    opacity: 0; }
  5% {
    opacity: 0;
    -webkit-transform: translateY(-30px); }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  30% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .main-title-block h1 {
    text-transform: capitalize;
    line-height: 1.2em;
    color: #2e2e2e;
    height: auto;
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 5em;
    margin: 0 0 10px;
    font-family: Montserrat, sans-serif; }
    .main-title-block h1 .vertical-sliding {
      display: inline;
      text-indent: 12px; }
      .main-title-block h1 .vertical-sliding span {
        color: #FFA600;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        font-family: Montserrat, sans-serif;
        -webkit-animation: topToBottom 9s linear infinite 0s;
                animation: topToBottom 9s linear infinite 0s; }
        .main-title-block h1 .vertical-sliding span:nth-child(2) {
          animation-delay: 3s;
          -ms-animation-delay: 3s;
          -webkit-animation-delay: 3s; }
        .main-title-block h1 .vertical-sliding span:nth-child(3) {
          animation-delay: 6s;
          -ms-animation-delay: 6s;
          -webkit-animation-delay: 6s; }
  .main-title-block h2 {
    max-width: 700px;
    font-weight: 300;
    margin: 0;
    font-size: 1.5em;
    line-height: 1.8em;
    color: #2e2e2e;
    margin-bottom: 10px;
    font-family: Lato, sans-serif; }
  .main-title-block h3 {
    max-width: 700px;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.6em;
    color: #2e2e2e;
    font-family: Montserrat, sans-serif; }

.dots-box {
  border: 1px solid #2e2e2e;
  width: 160px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 220px;
  font-size: 14px; }
  .dots-box .dot-item {
    display: block;
    width: 30px;
    margin: 0 auto;
    position: relative;
    cursor: pointer; }
    .dots-box .dot-item:before {
      content: "";
      position: absolute;
      left: -20px;
      top: 4px;
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 20px;
      border: 1px solid #2e2e2e; }
    .dots-box .dot-item:after {
      content: "";
      position: absolute;
      left: -18px;
      top: 6px;
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 20px;
      background: #2e2e2e;
      opacity: 0;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .dots-box .dot-item.active:after {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }

.offers-content {
  padding: 40px 0;
  background-image: url(../img/offers-bg.jpg);
  background-size: cover; }

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

.arrow-box {
  display: block;
  width: 30px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 0.4s 0.2s ease;
  transition: -webkit-transform 0.4s 0.2s ease;
  -o-transition: transform 0.4s 0.2s ease;
  transition: transform 0.4s 0.2s ease;
  transition: transform 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease; }

.tech-item,
.offer-item {
  width: 33.33333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  text-decoration: none; }
  .tech-item:hover,
  .offer-item:hover {
    cursor: pointer; }
    .tech-item:hover .offer-title:after,
    .offer-item:hover .offer-title:after {
      -webkit-transform: scaleX(1.8);
          -ms-transform: scaleX(1.8);
              transform: scaleX(1.8); }
    .tech-item:hover .arrow-box,
    .offer-item:hover .arrow-box {
      -webkit-transform: scaleY(1.1) scaleX(1.4);
          -ms-transform: scaleY(1.1) scaleX(1.4);
              transform: scaleY(1.1) scaleX(1.4); }
  .tech-item .content-box,
  .offer-item .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tech-item .content-box .description,
    .offer-item .content-box .description {
      padding-right: 47%;
      margin-bottom: 30px; }
      .tech-item .content-box .description p,
      .offer-item .content-box .description p {
        font-size: 16px;
        color: #2e2e2e; }
  .tech-item .icon-box,
  .offer-item .icon-box {
    padding-top: 0.5em;
    margin-right: 15px;
    width: 45px;
    opacity: 0.4; }
  .tech-item .tech-title,
  .tech-item .offer-title,
  .offer-item .tech-title,
  .offer-item .offer-title {
    display: block;
    min-height: 45px;
    margin-bottom: 15px;
    position: relative;
    color: #2e2e2e; }
    .tech-item .tech-title:after,
    .tech-item .offer-title:after,
    .offer-item .tech-title:after,
    .offer-item .offer-title:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 50px;
      height: 2px;
      background-color: #2e2e2e;
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      -o-transition: transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

@media screen and (max-width: 1100px) {
  .tech-item,
  .offer-item {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tech-item .tech-title,
    .tech-item .offer-title,
    .offer-item .tech-title,
    .offer-item .offer-title {
      min-height: 65px;
      margin-bottom: 15px; }
    .tech-item .content-box .description,
    .offer-item .content-box .description {
      padding-right: 20%; } }

.home-services {
  padding: 40px 0;
  background-image: url(../img/3-screen-bg.jpg);
  background-size: 100%; }

.home-services-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 60px 0 40px; }

.home-service-item {
  position: relative;
  width: 24%;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px #666;
          box-shadow: 0 2px 4px #666;
  margin-bottom: 20px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .home-service-item .bg-box {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .home-service-item:hover {
    cursor: pointer; }
    .home-service-item:hover .arrow-box {
      -webkit-transform: scaleY(1.1) scaleX(1.4);
          -ms-transform: scaleY(1.1) scaleX(1.4);
              transform: scaleY(1.1) scaleX(1.4); }
    .home-service-item:hover .bg-box {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
  .home-service-item:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .home-service-item .home-service-item-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding: 20px; }
  .home-service-item .bg-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  .home-service-item .icon-box {
    max-width: 90px;
    margin-bottom: 15px; }
  .home-service-item .home-service-title {
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px; }
  .home-service-item .arrow-box {
    -webkit-filter: invert(100%);
            filter: invert(100%); }

@media screen and (max-width: 1100px) {
  .home-service-item {
    width: 49%; }
  .home-service-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (max-width: 768px) {
  .home-services {
    padding: 0; }
    .home-services .container {
      padding: 0; }
  .home-service-item {
    width: 100%;
    height: 130px;
    border-radius: 0; }
    .home-service-item .icon-box {
      padding: 0 28px 0 0;
      margin-bottom: 0; }
    .home-service-item .home-service-title {
      font-size: 20px;
      margin-bottom: 0;
      width: 60%; }
    .home-service-item .arrow-box {
      position: absolute;
      right: 0;
      width: 60px;
      height: 60px;
      background: rgba(255, 255, 255, 0.3);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 100px;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%); }
      .home-service-item .arrow-box img {
        width: 50%; }
  .home-service-item-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.how-it-works {
  margin-bottom: 6px;
  padding-bottom: 20px; }
  .how-it-works .infographic {
    width: 50%;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .how-it-works .infographic {
        width: 100%; } }

.news-banner,
.phone-banner {
  background-image: url("../img/phone-banner-bg.jpg");
  background-size: cover; }
  .news-banner:after,
  .phone-banner:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #91949a;
    margin-top: 2px; }
  .news-banner .content-box,
  .phone-banner .content-box {
    background-color: rgba(95, 182, 225, 0.75);
    padding: 30px 0;
    margin-bottom: 6px; }
    .news-banner .content-box .content,
    .phone-banner .content-box .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: right;
      color: #fff; }
      .news-banner .content-box .content p,
      .phone-banner .content-box .content p {
        font-weight: 300; }
      .news-banner .content-box .content p:first-child,
      .phone-banner .content-box .content p:first-child {
        font-weight: 600; }
  .news-banner .form-box,
  .phone-banner .form-box {
    border-top: 4px solid rgba(145, 148, 154, 0.8); }
  .news-banner .form,
  .phone-banner .form {
    display: block;
    padding: 60px 0;
    margin: 0 auto;
    width: 80%; }
    .news-banner .form form,
    .phone-banner .form form {
      position: relative;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .news-banner .form form div.wpcf7-response-output,
      .phone-banner .form form div.wpcf7-response-output {
        position: absolute;
        bottom: -60px;
        border: none !important;
        color: #fff; }
      .news-banner .form form p:nth-of-type(1),
      .phone-banner .form form p:nth-of-type(1) {
        width: 65%; }
      .news-banner .form form input,
      .phone-banner .form form input {
        display: inline-block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #91949a;
        width: 100%;
        outline: none;
        color: #fff;
        background-image: url("../img/Email_mini.svg");
        background-position: 2% center;
        background-size: 4%; }
        .news-banner .form form input::-webkit-input-placeholder,
        .phone-banner .form form input::-webkit-input-placeholder {
          color: #91949a; }
        .news-banner .form form input::-moz-placeholder,
        .phone-banner .form form input::-moz-placeholder {
          color: #91949a; }
        .news-banner .form form input::-ms-input-placeholder,
        .phone-banner .form form input::-ms-input-placeholder {
          color: #91949a; }
        .news-banner .form form input::placeholder,
        .phone-banner .form form input::placeholder {
          color: #91949a; }
        .news-banner .form form input[type="tel"],
        .phone-banner .form form input[type="tel"] {
          background-repeat: no-repeat;
          background-position: left center;
          padding: 7px 7px 7px 40px; }
          @media (max-width: 768px) {
            .news-banner .form form input[type="tel"],
            .phone-banner .form form input[type="tel"] {
              background-size: 8%; } }
        .news-banner .form form input[type="submit"],
        .phone-banner .form form input[type="submit"] {
          border: none;
          color: transparent;
          background-image: url("../img/call-me-btn.png");
          background-size: 100%;
          width: 95px;
          height: 95px;
          border-radius: 100px;
          margin-left: -4px;
          cursor: pointer;
          -webkit-transition: background-image .6s ease;
          -o-transition: background-image .6s ease;
          transition: background-image .6s ease; }
          .news-banner .form form input[type="submit"]:hover,
          .phone-banner .form form input[type="submit"]:hover {
            background-image: url("../img/phone-icon-hover.png"); }

.news-banner .content-box .content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left; }

.news-banner .form form input[type="email"] {
  padding: 7px 7px 7px 30px;
  background-repeat: no-repeat;
  background-position: left center; }
  @media (max-width: 768px) {
    .news-banner .form form input[type="email"] {
      background-size: 9%; } }

.news-banner .form form input[type="submit"] {
  background-image: url("../img/mail-me-btn.png"); }
  .news-banner .form form input[type="submit"]:hover {
    background-image: url("../img/mail-icon-hover.png"); }

@media screen and (max-width: 768px) {
  .phone-banner {
    background-size: cover;
    background-position: center; }
    .phone-banner .content .fns-57 {
      font-size: 22px; }
    .phone-banner .content .fns-22 {
      font-size: 16px; }
  .phone-banner .form {
    width: 100%;
    padding: 60px 0 90px; }
    .phone-banner .form form div.wpcf7-response-output {
      bottom: -85px; } }

.technologies {
  padding-top: 60px; }
  .technologies .title {
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }

.tech-block {
  position: relative;
  background-image: url(../img/technologies_bg.jpg);
  background-size: cover;
  background-color: #efefef;
  padding: 80px 0 60px; }

.tech-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 160px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .tech-icon img {
    width: 50%; }

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

.tech-item:last-child {
  margin: 0 auto; }

@media screen and (max-width: 1100px) {
  .tech-item:last-child {
    margin: 0; } }

.who-we-are {
  position: relative;
  background-image: url("../img/we-are-bg.jpg");
  background-size: cover; }
  .who-we-are:before, .who-we-are:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff; }
  .who-we-are:before {
    top: 2px; }
  .who-we-are:after {
    bottom: 2px; }

.who-content {
  position: relative;
  padding-bottom: 60px; }
  .who-content .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .who-content .content-box > div {
      width: 48%;
      margin-bottom: 30px; }
    .who-content .content-box .video-box video {
      width: 100%; }
    .who-content .content-box .info-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .who-content .content-box .info-box .text {
        font-weight: 300; }
      .who-content .content-box .info-box .arr-btn {
        display: block;
        width: 100%;
        height: 130px;
        background-image: url("../img/more-about-us-btn.png");
        background-repeat: no-repeat; }
        .who-content .content-box .info-box .arr-btn:hover {
          background-image: url("../img/more-about-us-hover.png"); }

.arrow-more-btn {
  position: absolute;
  bottom: 0;
  left: 10%;
  z-index: 1;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%); }

@media screen and (max-width: 1100px) {
  .who-we-are .container {
    padding: 0; }
  .who-content {
    padding-bottom: 30px; }
    .who-content .content-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .who-content .content-box > div {
        width: 100%; }
      .who-content .content-box .info-box {
        padding: 15px; }
        .who-content .content-box .info-box .text {
          text-align: center; } }

.portfolio-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 120px; }
  @media screen and (max-width: 768px) {
    .portfolio-box {
      padding-bottom: 0; } }
  .portfolio-box .get-btn {
    max-width: 200px;
    margin-bottom: 60px; }
  .portfolio-box .slick-next,
  .portfolio-box .slick-prev {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    top: auto;
    bottom: -20px;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    padding-bottom: 4px; }
    .portfolio-box .slick-next:before,
    .portfolio-box .slick-prev:before {
      color: #33a2f2;
      display: block;
      margin-top: 28px;
      font-family: "Lato", sans-serif; }
  .portfolio-box .slick-prev {
    left: 0;
    background-image: url("../img/blue-arrow-prev.png"); }
    .portfolio-box .slick-prev:before {
      content: "Previous";
      margin-left: 6px; }
  .portfolio-box .slick-next {
    right: 0;
    background-image: url("../img/blue-arrow-next.png"); }
    .portfolio-box .slick-next:before {
      content: "Next";
      margin-left: -30px; }

.items-pic-box,
.items-info-box {
  margin-bottom: 20px; }

.items-pic-box {
  width: 58%; }
  .items-pic-box .pic-link-block {
    padding: 0 60px 0 0; }
  .items-pic-box .pic-link {
    position: relative;
    width: 100%;
    height: 400px; }
  .items-pic-box .arrow-link-box {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 50px;
    right: 0;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%); }
    .items-pic-box .arrow-link-box:hover .arrow-link-btn {
      -webkit-transform: scale(1.15);
          -ms-transform: scale(1.15);
              transform: scale(1.15); }
    .items-pic-box .arrow-link-box .arrow-link-btn {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #f49321;
      background-image: url("../img/white-arrow.png");
      background-repeat: no-repeat;
      background-position: -1% center;
      border-radius: 100px;
      z-index: 1;
      -webkit-box-shadow: 0 0px 0px #666;
              box-shadow: 0 0px 0px #666;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .items-pic-box .arrow-link-box .mid-ring {
      position: absolute;
      display: block;
      border: 2px solid #f49321;
      border-radius: 100% 0 0 100% / 50% 0 0 50%;
      border-right: none;
      top: -6px;
      left: -8px;
      width: 48px;
      height: 92px;
      z-index: 0;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }

.items-info-slider {
  position: relative; }
  .items-info-slider:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 40px);
    height: 1px;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #e5e5e5; }

.items-info-box {
  width: 34%; }
  .items-info-box .item-info {
    color: #2e2e2e; }
    .items-info-box .item-info .title {
      margin-bottom: 60px;
      font-weight: 600; }
    .items-info-box .item-info .excerpt p {
      text-align: justify;
      font-weight: 300;
      font-size: 22px;
      padding-bottom: 20px; }

@media screen and (max-width: 1100px) {
  .portfolio .container {
    padding: 0; }
  .items-pic-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .items-pic-box .pic-link-block {
      padding: 0;
      margin-bottom: 60px; }
    .items-pic-box .pic-link {
      height: 300px;
      position: relative; }
      .items-pic-box .pic-link .title {
        position: absolute;
        display: block;
        bottom: 0;
        background-color: #88c3df;
        color: #fff;
        width: 90%;
        margin: 0 auto;
        padding: 5px;
        left: 0;
        right: 0;
        text-align: center;
        border-radius: 10px 10px 0 0; }
      .items-pic-box .pic-link:before {
        content: "";
        position: absolute;
        top: 6px;
        background-color: #fff;
        display: block;
        height: 1px;
        width: 100%; }
      .items-pic-box .pic-link:after {
        content: "";
        position: absolute;
        bottom: -6px;
        background-color: #ddd;
        display: block;
        height: 1px;
        width: 100%; }
    .items-pic-box .arrow-link-box {
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transform: translateY(-50%) scale(0.75);
          -ms-transform: translateY(-50%) scale(0.75);
              transform: translateY(-50%) scale(0.75); }
  .items-info-box {
    display: none; } }

.clients {
  background-image: url("../img/clients-bg.jpg");
  background-size: cover; }

.clients-box {
  padding: 0 0 50px; }
  .clients-box .title {
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }
  .clients-box .clients-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .clients-box .clients-exit-icon:before, .clients-box .clients-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #ddd; }
    .clients-box .clients-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .clients-box .clients-exit-icon:after {
      right: 0;
      margin-top: -33px; }

.clients-slider .slick-next,
.clients-slider .slick-prev {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
  border-radius: 100px;
  background-color: transparent;
  background-size: 50%;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px; }
  .clients-slider .slick-next:before,
  .clients-slider .slick-prev:before {
    display: none; }

.clients-slider .slick-prev {
  left: -25px;
  background-image: url("../img/blue-arrow-prev.png"); }

.clients-slider .slick-next {
  right: -25px;
  background-image: url("../img/blue-arrow-next.png"); }

.clients-slider {
  width: 70%;
  margin: 0 auto; }

.client-item {
  width: 100%; }

.client-content-box {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .client-content-box .img-box {
    position: relative;
    width: 180px;
    height: 180px;
    margin-right: 30px; }
    .client-content-box .img-box:before {
      display: block;
      position: absolute;
      content: "";
      width: calc(100% + 10px);
      height: calc(100% + 10px);
      border-radius: 200px;
      top: -6px;
      left: -6px;
      border: 1px solid #ddd; }
    .client-content-box .img-box img {
      border-radius: 100px; }
  .client-content-box .client-content {
    width: 60%; }
    .client-content-box .client-content .client-info {
      font-weight: 300;
      margin: 30px 0; }
    .client-content-box .client-content .stars-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .client-content-box .client-content .stars-box .stars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .client-content-box .client-content .stars-box .stars img {
          display: inline-block;
          width: 30px;
          margin: 0 2px; }
      .client-content-box .client-content .stars-box .stars-line {
        display: block;
        width: 100%;
        margin-left: 5px;
        height: 1px;
        background-color: #ddd; }

@media screen and (max-width: 1100px) {
  .clients-slider {
    width: 90%; }
    .clients-slider .slick-prev,
    .clients-slider .slick-next {
      top: 20%;
      border: 1px solid #ddd;
      background-size: 30%; }
    .clients-slider .slick-prev {
      left: 0; }
    .clients-slider .slick-next {
      right: 0; }
  .client-content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .client-content-box .img-box {
      margin: 0 auto 20px; }
    .client-content-box .client-content {
      width: 100%;
      text-align: justify; } }

.main-team .team-box {
  position: relative;
  padding: 0 0 40px; }
  .main-team .team-box .slick-next,
  .main-team .team-box .slick-prev {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    bottom: -20px;
    top: auto;
    width: 40px;
    height: 40px; }
    .main-team .team-box .slick-next:before,
    .main-team .team-box .slick-prev:before {
      display: none; }
    @media screen and (max-width: 750px) {
      .main-team .team-box .slick-next,
      .main-team .team-box .slick-prev {
        background-color: #fff;
        bottom: 50%;
        border: 1px solid #fff; } }
  .main-team .team-box .slick-prev {
    left: -25px;
    background-image: url("../img/blue-arrow-prev.png");
    -webkit-filter: brightness(1) invert(0);
            filter: brightness(1) invert(0); }
  .main-team .team-box .slick-next {
    right: -25px;
    background-image: url("../img/blue-arrow-next.png");
    -webkit-filter: brightness(1) invert(0);
            filter: brightness(1) invert(0); }

.team-item {
  padding: 0 10px;
  outline: none; }
  .team-item .img-box {
    margin-bottom: 20px; }
    .team-item .img-box img {
      border-radius: 5px; }
  .team-item .name {
    padding-bottom: 20px; }
  .team-item .profession {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .team-item .profession .excr {
      white-space: nowrap; }
    .team-item .profession .line {
      display: block;
      width: 100%;
      margin-left: 12px;
      height: 1px;
      background-color: #ddd; }
  .team-item .profession,
  .team-item .info {
    color: #2e2e2e;
    opacity: 0.7;
    font-weight: 300; }
  .team-item .profession {
    margin-bottom: 20px; }
  .team-item .info {
    text-align: justify; }

@media screen and (max-width: 1100px) {
  .team-box:after {
    display: none; }
  .team-box .slick-next,
  .team-box .slick-prev {
    bottom: auto;
    top: calc(50% - 40px);
    border: 1px solid #ddd;
    z-index: 1;
    background-color: #fff;
    background-size: 15%;
    border-radius: 100px; }
  .team-box .slick-prev {
    left: -10px; }
  .team-box .slick-next {
    right: -10px; }
  .team-item {
    border-radius: 0 0 9em 9em / 0 0 5em 5em;
    padding: 0; }
    .team-item .name,
    .team-item .profession,
    .team-item .info {
      padding: 0 15px 20px;
      margin-bottom: 0; }
    .team-item .info {
      padding-bottom: 80px; } }

.main-blog {
  background-color: #f7f7f7;
  padding-bottom: 50px; }
  .main-blog .blog-title {
    text-align: center;
    font-weight: 300;
    padding: 60px 0; }
  .main-blog .blog-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .main-blog .blog-exit-icon:before, .main-blog .blog-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 20px);
      height: 1px;
      background-color: #ddd; }
    .main-blog .blog-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .main-blog .blog-exit-icon:after {
      right: 0;
      margin-top: -33px; }
  .main-blog .button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .main-blog .button-box .line {
      display: block;
      width: 100%;
      height: 1px;
      background-color: #ddd;
      -webkit-transition: width 0.4s ease;
      -o-transition: width 0.4s ease;
      transition: width 0.4s ease; }
    .main-blog .button-box .btn {
      margin: 0 5px;
      min-width: 260px; }

.blog-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.blog-item {
  width: 32%;
  position: relative;
  overflow: hidden; }
  .blog-item:hover .info-box .more-box .line {
    width: 53%; }
  .blog-item:hover .info-box .more-box .arrow-btn {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .blog-item:hover .main-pic {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .blog-item:hover .overlay {
    opacity: 0.9; }
    .blog-item:hover .overlay img {
      -webkit-filter: brightness(0.75);
              filter: brightness(0.75); }
  .blog-item .main-pic,
  .blog-item .overlay {
    position: absolute;
    height: 100%;
    width: 100%; }
  .blog-item .overlay {
    z-index: 1;
    opacity: 0.75;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }
    .blog-item .overlay img {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .blog-item .overlay img:last-child {
        opacity: 0;
        -webkit-transform: translateX(10%);
            -ms-transform: translateX(10%);
                transform: translateX(10%); }
  .blog-item .info-box {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 40px 0 20px; }
    .blog-item .info-box .title {
      font-size: 22px;
      width: 80%;
      padding: 0 20px;
      font-weight: 300; }
    .blog-item .info-box .more-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .blog-item .info-box .more-box .line {
        display: block;
        width: 100%;
        margin-right: 5px;
        height: 1px;
        background-color: #fff;
        -webkit-transition: width 0.4s ease;
        -o-transition: width 0.4s ease;
        transition: width 0.4s ease; }
      .blog-item .info-box .more-box p {
        margin-right: 5%; }
      .blog-item .info-box .more-box .arrow-btn {
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        background-image: url("../img/blue-white-arrow.png");
        background-size: cover;
        width: 100px;
        height: 100px;
        display: block; }
    .blog-item .info-box .date {
      padding: 0 20px 20px; }

@media screen and (max-width: 1100px) {
  .main-blog .container {
    padding: 0; }
  .blog-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .blog-item {
    width: 100%;
    margin: 0 0 20px; } }
.portfolio-slider .title {
  text-align: center;
  font-weight: 400;
  padding-bottom: 60px;
  color: #2e2e2e; }

.portfolio-slider .portfolio-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .portfolio-slider .portfolio-exit-icon:before, .portfolio-slider .portfolio-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 30px);
    height: 1px;
    background-color: #DDD; }
  .portfolio-slider .portfolio-exit-icon:before {
    left: 0;
    margin-top: 33px; }
  .portfolio-slider .portfolio-exit-icon:after {
    right: 0;
    margin-top: -33px; }

.portfolio-block {
  padding: 60px 0 30px; }
  .portfolio-block .slider-box {
    width: 80%;
    margin: 0 auto; }
    .portfolio-block .slider-box .slick-prev,
    .portfolio-block .slider-box .slick-next {
      background-image: url("../img/white-arrow-prev.png");
      background-repeat: no-repeat;
      height: 45px;
      width: 21px;
      cursor: pointer; }
      .portfolio-block .slider-box .slick-prev:before,
      .portfolio-block .slider-box .slick-next:before {
        content: ""; }
    .portfolio-block .slider-box .slick-prev {
      z-index: 1;
      left: 35px; }
    .portfolio-block .slider-box .slick-next {
      background-image: url("../img/white-arrow-next.png");
      right: 35px; }
  .portfolio-block .portfolio-adaptive-box {
    display: none; }
  .portfolio-block .description-box {
    text-align: center;
    border-top: 2px solid #c0c0c0;
    padding: 30px 0 80px; }
    .portfolio-block .description-box p {
      color: #2e2e2e;
      font-weight: 300;
      font-size: 18px; }

@media screen and (max-width: 1100px) {
  .portfolio-block .portfolio-adaptive-box {
    display: block; }
  .portfolio-block .get-btn {
    display: none; }
  .portfolio-block .description-box {
    display: none; } }

.portfolio-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.portfolio-item {
  width: 25%;
  background-color: grey;
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  .portfolio-item * {
    text-decoration: none;
    color: #fff; }
  @media screen and (max-width: 1100px) {
    .portfolio-item {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    .portfolio-item {
      width: 100%; } }
  .portfolio-item .icon-hover-portfolio {
    width: 158px;
    margin-top: -20px; }
  .portfolio-item:before {
    content: "";
    display: block;
    padding-top: 100%; }
    @media screen and (max-width: 768px) {
      .portfolio-item:before {
        padding-top: 75%; } }
  .portfolio-item:hover > img {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .portfolio-item:hover .content-box {
    opacity: 1;
    pointer-events: auto; }
    .portfolio-item:hover .content-box .arrow {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .portfolio-item .content-box {
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40% 0 20px;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }
    .portfolio-item .content-box > * {
      color: white; }
    .portfolio-item .content-box .title {
      text-align: center;
      height: 80px;
      font-size: 22px;
      padding: 10px;
      text-transform: uppercase; }
    .portfolio-item .content-box .arrow {
      opacity: 0;
      -webkit-transform: translateY(170%);
          -ms-transform: translateY(170%);
              transform: translateY(170%);
      -webkit-transition: -webkit-transform .4s .1s ease;
      transition: -webkit-transform .4s .1s ease;
      -o-transition: transform .4s .1s ease;
      transition: transform .4s .1s ease;
      transition: transform .4s .1s ease, -webkit-transform .4s .1s ease;
      display: block;
      position: relative;
      width: 40px;
      height: 40px;
      background-color: #fff;
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .portfolio-item .content-box .arrow:before {
        content: "More";
        position: absolute;
        top: 0;
        font-size: 14px;
        -webkit-transform: translateY(calc(-100% - 5px));
            -ms-transform: translateY(calc(-100% - 5px));
                transform: translateY(calc(-100% - 5px)); }
      .portfolio-item .content-box .arrow img {
        width: 50%; }
  .portfolio-item > img {
    top: 0;
    position: absolute;
    -o-object-position: center;
       object-position: center;
    -webkit-transition: all .4s .1s ease;
    -o-transition: all .4s .1s ease;
    transition: all .4s .1s ease; }
  .portfolio-item .bottom-panel {
    position: absolute;
    bottom: 0;
    height: 30%;
    background-image: url(../img/portfolio-bg.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 20px; }
    .portfolio-item .bottom-panel .title {
      text-align: center;
      font-size: 20px;
      padding-top: 14%; }
    @media screen and (max-width: 768px) {
      .portfolio-item .bottom-panel {
        height: 50%; } }
@charset "UTF-8";
.team .team-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .team .team-box .team-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 48%;
    padding: 30px 6%; }
    .team .team-box .team-item:nth-child(2n - 1) {
      padding-left: 0; }
    .team .team-box .team-item:nth-child(2n) {
      padding-right: 0; }
    .team .team-box .team-item .img-box {
      width: 44%;
      position: relative; }
      .team .team-box .team-item .img-box:before {
        display: block;
        content: "";
        padding-top: 100%; }
      .team .team-box .team-item .img-box img {
        top: 0;
        position: absolute;
        border-radius: 30px; }
    .team .team-box .team-item .excr * {
      white-space: nowrap; }
    .team .team-box .team-item .text-content {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    @media screen and (max-width: 1100px) {
      .team .team-box .team-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border: none;
        padding: 20px 1%;
        width: 48%; }
        .team .team-box .team-item .img-box,
        .team .team-box .team-item .text-content {
          width: 100%; } }
    @media screen and (max-width: 550px) {
      .team .team-box .team-item {
        width: 100%; } }

.vision {
  background-color: #f3f3f3;
  padding: 30px 0; }

.vision-title {
  width: 40%;
  margin: 0 auto 30px; }
  @media screen and (max-width: 650px) {
    .vision-title {
      width: 100%; } }

.vision-content {
  width: 90%;
  margin: 0 auto 80px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 100px;
     -moz-column-gap: 100px;
          column-gap: 100px;
  font-size: 20px;
  font-weight: 300;
  color: #666666;
  text-align: justify;
  line-height: 36px; }
  @media screen and (max-width: 1100px) {
    .vision-content {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1; } }

.quote-block {
  position: relative;
  background-color: #f3f3f3;
  background-image: url("../img/about-bg-gradient.jpg");
  min-height: 700px;
  z-index: 1;
  -webkit-box-shadow: 0 1px 6px #656565;
          box-shadow: 0 1px 6px #656565; }

.quote {
  position: relative;
  color: #2e2e2e;
  padding: 60px 10px;
  display: inline-block;
  font-size: 36px;
  font-weight: 300; }
  .quote:before, .quote:after {
    position: absolute;
    font-weight: bold;
    font-size: 48px; }
  .quote:before {
    content: '\201C';
    top: 0;
    left: 0; }
  .quote:after {
    content: '\201C';
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%); }

.quote-box {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.quote-author {
  padding: 20px;
  font-size: 16px;
  display: block;
  text-align: right;
  font-weight: 300; }

.video-box {
  width: 100%;
  -webkit-transition: -webkit-filter .4s ease;
  transition: -webkit-filter .4s ease;
  -o-transition: filter .4s ease;
  transition: filter .4s ease;
  transition: filter .4s ease, -webkit-filter .4s ease; }
  .video-box.unplayed:hover {
    cursor: pointer;
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8); }
  .video-box video {
    width: 100%;
    cursor: pointer; }
  @media screen and (max-width: 600px) {
    .video-box {
      height: 200px; }
      .video-box img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%; } }

.page-template-about video {
  display: none; }

.simple-text {
  background-color: #f3f3f3; }
  .simple-text p {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    color: #2e2e2e; }
    @media screen and (max-width: 750px) {
      .simple-text p {
        width: 100%; } }
.a2a_kit .a2a_svg {
  display: none; }

.blog-head {
  background-image: url("../img/blog-head.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  display: block; }

.blog-top {
  background: rgba(16, 47, 75, 0.8);
  min-height: 360%;
  padding: 160px 0; }

.blog-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .blog-head-content > * {
    color: #fff; }
  .blog-head-content .content {
    text-align: center;
    font-size: 22px; }
    .blog-head-content .content h2 {
      font-size: 96px;
      font-weight: 500; }
    .blog-head-content .content h4 {
      font-size: 32px;
      font-weight: 500;
      padding-bottom: 20px; }
    .blog-head-content .content p {
      font-size: 16.5px;
      font-weight: 300; }
    @media screen and (max-width: 550px) {
      .blog-head-content .content {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .blog-head-content .content h2 {
          font-size: 56px; }
        .blog-head-content .content h4 {
          font-size: 18px; }
        .blog-head-content .content p {
          font-size: 18.5px; } }

.search-box {
  background-color: rgba(243, 157, 37, 0.8);
  padding: 40px 0; }
  .search-box .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 56%;
    margin: 0 auto; }
    .search-box .search-form label {
      width: 90%; }
    @media screen and (max-width: 1100px) {
      .search-box .search-form {
        width: 100%; }
        .search-box .search-form label {
          width: 100%; } }
    .search-box .search-form input,
    .search-box .search-form button {
      border: none;
      background-color: transparent;
      background-color: rgba(255, 255, 255, 0.3);
      padding: 6px;
      outline: none; }
    .search-box .search-form input {
      width: 100%;
      height: 35px;
      padding: 3px 5px 6px 15px;
      font-size: 18px;
      color: #fff; }
      .search-box .search-form input::-webkit-input-placeholder {
        color: #fff; }
      .search-box .search-form input::-moz-placeholder {
        color: #fff; }
      .search-box .search-form input::-ms-input-placeholder {
        color: #fff; }
      .search-box .search-form input::placeholder {
        color: #fff; }
    .search-box .search-form button {
      width: 35px;
      height: 35px;
      cursor: pointer; }
    .search-box .search-form .search-submit svg {
      width: 70%; }

@media screen and (max-width: 1100px) {
  .blog-block .container {
    padding: 0; } }

.blog-block aside {
  width: 20%; }
  .blog-block aside .choose-blog-cat-block {
    background-color: #f0f0f0;
    height: 450px;
    margin-top: 40px;
    padding: 20px 0 0; }
    .blog-block aside .choose-blog-cat-block .choose-blog-cat {
      background-color: #fff;
      width: 84%;
      margin: 0 auto;
      border-radius: 40px;
      overflow: hidden; }
      .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected {
        border-radius: 20px;
        border: 1px solid #3eaaef; }
        .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected .hidden-list {
          display: block; }
          .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected .hidden-list .categories {
            padding: 12px 0;
            list-style-type: none;
            font-size: 13px;
            cursor: pointer;
            border-top: 1px solid #f0f0f0; }
            .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected .hidden-list .categories a {
              display: block;
              color: #999999;
              text-decoration: none; }
            .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected .hidden-list .categories .category {
              padding: 8px 10px; }
              .blog-block aside .choose-blog-cat-block .choose-blog-cat.selected .hidden-list .categories .category:hover {
                background-color: #3eaaef;
                color: #fff;
                width: 100%; }
    .blog-block aside .choose-blog-cat-block .choose-category {
      position: relative; }
    .blog-block aside .choose-blog-cat-block .choose-cat {
      padding: 10px;
      border: 0;
      font-size: 13px;
      -webkit-appearance: none;
      color: #999999;
      width: 100%;
      outline: none;
      cursor: pointer;
      background-color: #fff; }
    .blog-block aside .choose-blog-cat-block .arrow-down {
      background-image: url("../img/arrow-down.png");
      position: absolute;
      width: 26px;
      height: 26px;
      top: 14px;
      background-repeat: no-repeat;
      right: 0; }
    .blog-block aside .choose-blog-cat-block .hidden-list {
      display: none; }
    .blog-block aside .choose-blog-cat-block .new-articles-list {
      width: 100%; }
      .blog-block aside .choose-blog-cat-block .new-articles-list .articles-list {
        list-style-type: none;
        font-size: 15px;
        padding-top: 18px; }
        .blog-block aside .choose-blog-cat-block .new-articles-list .articles-list .item-art {
          padding: 20px;
          border-top: 1px solid #fff; }
          .blog-block aside .choose-blog-cat-block .new-articles-list .articles-list .item-art:hover {
            background-color: #fff;
            width: 100%; }
          .blog-block aside .choose-blog-cat-block .new-articles-list .articles-list .item-art .item-article {
            text-decoration: none;
            color: #004e7e; }
            .blog-block aside .choose-blog-cat-block .new-articles-list .articles-list .item-art .item-article:hover {
              color: #3eaaef;
              text-decoration: underline;
              font-weight: 500; }
  @media screen and (max-width: 1100px) {
    .blog-block aside {
      display: none; } }
  .blog-block aside img {
    width: 100%; }

.blog-block .blog-item-adaptive-box {
  display: none; }
  @media screen and (max-width: 1100px) {
    .blog-block .blog-item-adaptive-box {
      display: block; }
      .blog-block .blog-item-adaptive-box .adaptive-blog-item {
        background-image: url("../img/adaptive-blog-item-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 30px;
        margin: 10px 0; }
        .blog-block .blog-item-adaptive-box .adaptive-blog-item .title-box {
          padding: 35px 15px;
          color: #fff;
          font-size: 23px; }
        .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding-top: 0;
          position: relative; }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box p {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 400;
            color: #fff;
            margin-top: 7px;
            padding-right: calc(20% - 20px); }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box:after, .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box:before {
            content: "";
            position: absolute;
            display: block;
            width: calc(41% - 20px);
            height: 1px;
            background-color: #fff; }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box:before {
            left: 0;
            margin-top: 14px;
            width: calc(62% - 20px); }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box:after {
            right: 26px;
            margin-top: 15px;
            width: calc(20% - 20px); }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .more-box a.more-btn {
            background-image: url("../img/blog-item-adaptive-btn.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 80px;
            width: 50px;
            margin: -25px -5px 0 0; }
        .blog-block .blog-item-adaptive-box .adaptive-blog-item .date-box {
          margin: -55px 0 0 15px; }
          .blog-block .blog-item-adaptive-box .adaptive-blog-item .date-box p {
            color: #fff; } }

.blog-block .blog-title {
  text-align: center;
  font-weight: 300;
  padding: 60px 0 30px; }

.blog-block .blog-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .blog-block .blog-exit-icon:before, .blog-block .blog-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 30px);
    height: 1px;
    background-color: #ddd; }
  .blog-block .blog-exit-icon:before {
    left: 0;
    margin-top: 33px; }
  .blog-block .blog-exit-icon:after {
    right: 0;
    margin-top: -33px; }

.blog-block .blog-box {
  width: 76%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 1100px) {
    .blog-block .blog-box {
      width: 100%; } }
  .blog-block .blog-box .blog-items-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    width: 100%; }
  .blog-block .blog-box .blogg-item-btn {
    background-image: url("../img/blog-item-btn.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    width: 60px;
    z-index: 2;
    bottom: 30px;
    right: 30px;
    position: absolute;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  .blog-block .blog-box .blog-item {
    position: relative;
    text-decoration: none;
    width: 48%;
    max-height: 410px;
    margin: 0 2% 2% 0;
    -webkit-transition: all 0.4s 0.1s ease;
    -o-transition: all 0.4s 0.1s ease;
    transition: all 0.4s 0.1s ease; }
    @media screen and (max-width: 1100px) {
      .blog-block .blog-box .blog-item {
        width: 100%; } }
    .blog-block .blog-box .blog-item:hover .blog-item-bg-box {
      opacity: 0.4; }
    .blog-block .blog-box .blog-item:hover .blogg-item-btn {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
    .blog-block .blog-box .blog-item .blog-item-bg-box {
      position: relative;
      height: 350px;
      -webkit-transition: -webkit-filter 0.4s ease;
      transition: -webkit-filter 0.4s ease;
      -o-transition: filter 0.4s ease;
      transition: filter 0.4s ease;
      transition: filter 0.4s ease, -webkit-filter 0.4s ease;
      background-image: url("../img/blog-item-bg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-transition: opacity 0.4s ease;
      -o-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
    .blog-block .blog-box .blog-item .info-box {
      background-image: url("../img/blog-item-overlay.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 25px;
      height: 150px;
      -webkit-transition: all 0.4s 0.1s ease;
      -o-transition: all 0.4s 0.1s ease;
      transition: all 0.4s 0.1s ease;
      margin-top: -90px;
      opacity: 1; }
      .blog-block .blog-box .blog-item .info-box > * {
        padding-left: 0;
        padding-right: 0;
        text-align: justify;
        color: black; }
      .blog-block .blog-box .blog-item .info-box .title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        width: 100%;
        height: 40px;
        padding-bottom: 20px;
        font-weight: 400;
        font-size: 20px;
        color: #fff; }
      .blog-block .blog-box .blog-item .info-box .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 0;
        position: relative;
        font-size: 13px;
        font-weight: 300;
        color: #adc7d7; }
    .blog-block .blog-box .blog-item:hover .main-pic {
      -webkit-filter: blur(0) brightness(80%);
              filter: blur(0) brightness(80%); }

.blog-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.screen-reader-text {
  display: none; }

.navi-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 30px 0;
  position: relative; }
  .navi-pagination .pagination {
    background: #fff; }
  .navi-pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .navi-pagination span,
  .navi-pagination a {
    color: #2e2e2e;
    font-size: 1em;
    text-decoration: none;
    margin: 0 5px;
    padding: 2px;
    font-weight: 300;
    background: #fff;
    display: inline-block; }
    .navi-pagination span:hover,
    .navi-pagination a:hover {
      color: #FFA600; }
  .navi-pagination .current {
    font-weight: 500; }
  .navi-pagination .prev {
    position: absolute;
    left: 0; }
  .navi-pagination .next {
    position: absolute;
    right: 0; }
.blog-content-box {
  padding-bottom: 40px; }
  .blog-content-box .date {
    color: #767676;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300; }
  .blog-content-box > .title {
    color: #2e2e2e;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px; }
  .blog-content-box .content {
    color: #767676;
    font-size: 20px;
    text-align: justify;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 20px; }
  .blog-content-box .tags-shares-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .blog-content-box .tags-shares-block .tags-box {
      width: 60%; }
    .blog-content-box .tags-shares-block .shares-box {
      width: 36%; }
    @media screen and (max-width: 800px) {
      .blog-content-box .tags-shares-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .blog-content-box .tags-shares-block .tags-box,
        .blog-content-box .tags-shares-block .shares-box {
          width: 100%; } }
    .blog-content-box .tags-shares-block .title-box {
      position: relative; }
      .blog-content-box .tags-shares-block .title-box .title {
        color: #767676;
        text-transform: uppercase;
        background-color: #fff;
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 25px 0 0; }
      .blog-content-box .tags-shares-block .title-box .line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #abaaba !important;
        position: absolute;
        top: 50%;
        z-index: 0;
        left: 0; }
  .blog-content-box .tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: 5px 0; }
    .blog-content-box .tags-list a {
      width: 130px;
      text-align: center;
      display: block;
      padding: 7px 25px;
      border: 1px solid #5fb6e1;
      color: #5fb6e1;
      margin: 4px 8px 4px 0;
      border-radius: 25px;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 300;
      -webkit-box-shadow: 0 1px 3px transparent;
              box-shadow: 0 1px 3px transparent;
      -webkit-transition: background-color 0.4s ease, color 0.4s ease, -webkit-box-shadow 0.4s ease;
      transition: background-color 0.4s ease, color 0.4s ease, -webkit-box-shadow 0.4s ease;
      -o-transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
      transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
      transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease; }
      .blog-content-box .tags-list a:hover, .blog-content-box .tags-list a:active {
        background-color: #5fb6e1;
        color: #fff; }

.comment-title {
  font-weight: 300;
  font-size: 26px;
  padding-bottom: 1em; }

.single main .form-box {
  width: 78%;
  padding: 20px;
  margin-bottom: 20px;
  background-image: url("../img/comment-bg.jpg");
  background-size: cover; }
  @media screen and (max-width: 1100px) {
    .single main .form-box {
      background-image: none;
      width: 100%; } }

@media screen and (max-width: 1100px) {
  .form-box form {
    width: 100%; } }

.form-box form .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media screen and (max-width: 1100px) {
    .form-box form .top-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .form-box form .top-box input {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding: 15px;
    padding-right: 150px;
    height: 30px;
    width: 90%;
    outline: none;
    color: #2e2e2e;
    -webkit-transition: border .4s ease;
    -o-transition: border .4s ease;
    transition: border .4s ease; }
    .form-box form .top-box input:focus {
      border: 1px solid #5fb6e1; }
    .form-box form .top-box input:nth-child(2) {
      margin: 0 8px 0; }
    @media screen and (max-width: 1100px) {
      .form-box form .top-box input {
        width: 100%; } }
    .form-box form .top-box input[type="text"]::-webkit-input-placeholder {
      color: #949494; }
    .form-box form .top-box input[type="text"]::-moz-placeholder {
      color: #949494; }
    .form-box form .top-box input[type="text"]::-ms-input-placeholder {
      color: #949494; }
    .form-box form .top-box input[type="text"]::placeholder {
      color: #949494; }

.form-box form .middle-box {
  padding-top: 15px; }
  .form-box form .middle-box textarea {
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding: 15px;
    outline: none;
    width: 100%;
    color: #2e2e2e;
    resize: none;
    -webkit-transition: border .4s ease;
    -o-transition: border .4s ease;
    transition: border .4s ease; }
    .form-box form .middle-box textarea:focus {
      border: 1px solid #5fb6e1; }
  .form-box form .middle-box textarea[name="comment"]::-webkit-input-placeholder {
    color: #949494; }
  .form-box form .middle-box textarea[name="comment"]::-moz-placeholder {
    color: #949494; }
  .form-box form .middle-box textarea[name="comment"]::-ms-input-placeholder {
    color: #949494; }
  .form-box form .middle-box textarea[name="comment"]::placeholder {
    color: #949494; }

.form-box form .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 15px; }
  .form-box form .bottom-box button {
    background-color: #f69b30;
    outline: none;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    height: 40px;
    width: 260px;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    display: block; }

@media screen and (max-width: 1100px) {
  .single .blog-block .container {
    padding: 0 15px; } }

.blog-head-pic {
  margin-top: 50px; }

aside {
  width: 20%;
  margin-bottom: 20px; }
  aside .latest-posts-block {
    background-color: #f0f0f0;
    height: 43%;
    margin-top: 40px;
    padding: 20px 0 0; }
    aside .latest-posts-block .latest-posts-title {
      padding-left: 22px;
      font-weight: 800; }
  aside .latest-posts {
    width: 100%; }
    aside .latest-posts .articles-list {
      list-style-type: none;
      font-size: 15px;
      padding-top: 18px; }
      aside .latest-posts .articles-list .item-art {
        padding: 20px;
        border-top: 1px solid #fff; }
        aside .latest-posts .articles-list .item-art:hover {
          background-color: #fff;
          width: 100%; }
        aside .latest-posts .articles-list .item-art .item-article {
          text-decoration: none;
          color: #004e7e; }
          aside .latest-posts .articles-list .item-art .item-article:hover {
            color: #3eaaef;
            text-decoration: underline;
            font-weight: 500; }

.kama_breadcrumbs {
  margin-bottom: 1.5em; }
  .kama_breadcrumbs * {
    font-size: 18px;
    color: #2e2e2e; }
  .kama_breadcrumbs a {
    text-decoration: none; }
    .kama_breadcrumbs a:hover {
      text-decoration: underline; }
.contacts-head {
  background-image: url("../img/contact-head.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  min-height: 500px;
  display: block;
  margin-bottom: 30px;
  padding: 80px 0 0; }
  @media screen and (max-width: 1100px) {
    .contacts-head {
      background-size: cover; } }
  .contacts-head .contacts-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 500px;
    margin: 0 auto; }
    .contacts-head .contacts-info .contact-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      color: #fff;
      margin-bottom: 20px; }
      .contacts-head .contacts-info .contact-item a {
        color: #fff;
        text-decoration: none; }
      .contacts-head .contacts-info .contact-item .info {
        font-weight: 300; }
    @media screen and (max-width: 768px) {
      .contacts-head .contacts-info {
        width: 100%; } }

.contacts-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .contacts-head-content > * {
    color: #fff; }
  .contacts-head-content .content {
    width: 45%;
    text-align: center;
    font-size: 22px; }

.faq-title {
  text-align: center;
  font-weight: 300;
  padding: 60px 0; }

.faq-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .faq-exit-icon:before, .faq-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #DDD; }
  .faq-exit-icon:before {
    left: 0;
    margin-top: 33px; }
  .faq-exit-icon:after {
    right: 0;
    margin-top: -33px; }

.contacts-form-title {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 30px;
  text-align: center; }
  .contacts-form-title span {
    padding: 10px 15px;
    background: #fff;
    font-size: 37px;
    font-weight: 300; }
  .contacts-form-title:before {
    z-index: -1;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    top: 20px;
    background: #e5e5e5; }

.contact-form .form-box {
  padding-top: 30px; }
  .contact-form .form-box p.contacts-form-title:before {
    right: 103px;
    width: 84%; }
  .contact-form .form-box .title-box-adaptive {
    display: none; }
  .contact-form .form-box form {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 140px 0; }
    .contact-form .form-box form div.wpcf7-response-output {
      padding: 20px 0; }
    .contact-form .form-box form .top-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .contact-form .form-box form .top-box input {
        border: 1px solid #e3e3e3;
        border-radius: 2px;
        padding: 15px;
        height: 45px;
        outline: none;
        color: #2e2e2e;
        width: 95%; }
      .contact-form .form-box form .top-box input[type="text"]::-webkit-input-placeholder {
        color: #949494; }
      .contact-form .form-box form .top-box input[type="text"]::-moz-placeholder {
        color: #949494; }
      .contact-form .form-box form .top-box input[type="text"]::-ms-input-placeholder {
        color: #949494; }
      .contact-form .form-box form .top-box input[type="text"]::placeholder {
        color: #949494; }
      .contact-form .form-box form .top-box textarea {
        display: none; }
      .contact-form .form-box form .top-box button.btn {
        padding: 14px 110px;
        width: 100%; }

.contact-form div.wpcf7-response-output {
  color: #2e2e2e; }

@media screen and (max-width: 1100px) {
  .contact-form .form-box p.contacts-form-title {
    display: none; }
  .contact-form .form-box .title-box-adaptive {
    display: block;
    text-align: center; }
    .contact-form .form-box .title-box-adaptive p.title {
      font-size: 33px;
      font-weight: 400;
      color: #2e2e2e; }
    .contact-form .form-box .title-box-adaptive p.subtitle {
      color: #767676;
      padding-top: 15px;
      font-size: 16px; }
  .contact-form .top-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .contact-form .top-box input {
      margin: 10px 0; }
    .contact-form .top-box textarea {
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      padding: 15px;
      outline: none;
      width: 100%;
      height: 130px;
      color: #2e2e2e;
      display: block; }
    .contact-form .top-box textarea[name="comment"]::-webkit-input-placeholder {
      color: #949494; }
    .contact-form .top-box textarea[name="comment"]::-moz-placeholder {
      color: #949494; }
    .contact-form .top-box textarea[name="comment"]::-ms-input-placeholder {
      color: #949494; }
    .contact-form .top-box textarea[name="comment"]::placeholder {
      color: #949494; }
    .contact-form .top-box button.btn {
      margin-left: 0 !important;
      margin-top: 25px; } }

.faq-block {
  background-image: url("../img/faq-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .faq-block .faq-modal {
    visibility: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    overflow: hidden scroll;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .faq-block .faq-modal.show {
      opacity: 1;
      visibility: visible !important; }
    .faq-block .faq-modal * {
      outline: none; }
    .faq-block .faq-modal .logo-box {
      position: fixed;
      bottom: 20px;
      right: 40px;
      max-width: 200px; }
      @media screen and (max-width: 900px) {
        .faq-block .faq-modal .logo-box {
          display: none; } }
    .faq-block .faq-modal .close-btn {
      position: absolute;
      top: 10px;
      right: 20px;
      font-size: 60px;
      font-weight: 200;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      cursor: pointer;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      -o-transition: transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease; }
      .faq-block .faq-modal .close-btn:hover {
        -webkit-transform: scale(1.2) rotate(-45deg);
            -ms-transform: scale(1.2) rotate(-45deg);
                transform: scale(1.2) rotate(-45deg); }
    .faq-block .faq-modal .content-box {
      width: 70%;
      padding: 120px 20px 20px 20px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .faq-block .faq-modal .content-box {
          width: 100%; } }
      .faq-block .faq-modal .content-box h2 {
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 1.8em; }
      .faq-block .faq-modal .content-box .content {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 300;
        line-height: 1.6;
        margin-bottom: 40px; }
    .faq-block .faq-modal .slick-next,
    .faq-block .faq-modal .slick-prev {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center;
      top: auto;
      background-size: 50%;
      height: 20px;
      bottom: -20px; }
      .faq-block .faq-modal .slick-next:before,
      .faq-block .faq-modal .slick-prev:before {
        display: none; }
    .faq-block .faq-modal .slick-prev {
      left: 0;
      background-image: url("../img/blue-arrow-prev.png"); }
    .faq-block .faq-modal .slick-next {
      left: 40px;
      background-image: url("../img/blue-arrow-next.png"); }

.faq-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 0; }
  .faq-box > div {
    width: 23%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 4px #888;
            box-shadow: 0 2px 4px #888;
    margin: 0 1% 40px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .faq-box > div:hover {
      -webkit-box-shadow: 0 2px 12px #888;
              box-shadow: 0 2px 12px #888; }
    @media screen and (max-width: 1000px) {
      .faq-box > div {
        width: 48%; } }
    @media screen and (max-width: 550px) {
      .faq-box > div {
        width: 100%;
        margin: 0 0 20px; } }
  .faq-box .faq-item {
    width: 100%;
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .faq-box .faq-item p {
      min-height: 100px;
      line-height: 22px;
      text-align: justify; }
    .faq-box .faq-item .content {
      display: none; }
    .faq-box .faq-item .line-box {
      position: relative; }
      .faq-box .faq-item .line-box:before {
        content: '';
        position: absolute;
        top: 20px;
        width: 185px;
        height: 2px;
        background-color: #e3e3e3; }
      .faq-box .faq-item .line-box .open-arrow {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        background-image: url("../img/Eye.svg");
        background-repeat: no-repeat; }
        .faq-box .faq-item .line-box .open-arrow:hover {
          display: block;
          float: right;
          width: 40px;
          height: 40px;
          background-image: url("../img/Eye_m_over.svg"); }
.digital-head {
  background-image: url("../img/digital-head-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  margin-bottom: 60px;
  padding: 160px 0; }

.digital-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .digital-head-content .white-title {
    width: 60%; }
    @media screen and (max-width: 780px) {
      .digital-head-content .white-title {
        width: 100%;
        font-size: 2.8em; } }
  .digital-head-content > * {
    color: #fff; }
  .digital-head-content .content {
    width: 45%;
    text-align: center;
    font-size: 22px; }
    @media screen and (max-width: 750px) {
      .digital-head-content .content {
        width: 100%;
        font-size: 16px; } }

.propoces-title,
.cases-title,
.smc-title,
.gact-title {
  text-align: center;
  font-weight: 300;
  padding: 60px 0; }
  .propoces-title .title-exit-icon,
  .cases-title .title-exit-icon,
  .smc-title .title-exit-icon,
  .gact-title .title-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .propoces-title .title-exit-icon:before, .propoces-title .title-exit-icon:after,
    .cases-title .title-exit-icon:before,
    .cases-title .title-exit-icon:after,
    .smc-title .title-exit-icon:before,
    .smc-title .title-exit-icon:after,
    .gact-title .title-exit-icon:before,
    .gact-title .title-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #DDD; }
    .propoces-title .title-exit-icon:before,
    .cases-title .title-exit-icon:before,
    .smc-title .title-exit-icon:before,
    .gact-title .title-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .propoces-title .title-exit-icon:after,
    .cases-title .title-exit-icon:after,
    .smc-title .title-exit-icon:after,
    .gact-title .title-exit-icon:after {
      right: 0;
      margin-top: -30px; }

.propoces-title span {
  color: #767676;
  font-size: .8em; }

.digital-services {
  margin: 120px 0;
  background: #DDD; }
  @media screen and (max-width: 780px) {
    .digital-services {
      background-color: #fff;
      margin: 0; } }

.digital-box {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 1100px) {
    .digital-box {
      width: 100%; } }
  @media screen and (max-width: 780px) {
    .digital-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: none; } }
  .digital-box .digital-item {
    background-size: cover;
    background-repeat: no-repeat;
    width: 32%;
    padding: 40px; }
    @media screen and (max-width: 780px) {
      .digital-box .digital-item {
        width: 100%;
        margin-bottom: 20px; } }
    .digital-box .digital-item .digital-title,
    .digital-box .digital-item .digital-subtitle,
    .digital-box .digital-item .digital-content {
      color: #fff; }
    .digital-box .digital-item .digital-text-box {
      min-height: 400px; }
    .digital-box .digital-item .digital-title {
      font-size: 26px;
      padding-bottom: 10px; }
    .digital-box .digital-item .digital-subtitle {
      font-size: 16px;
      padding-bottom: 30px; }
    .digital-box .digital-item .arrow-box {
      margin-top: 20px;
      width: 100%;
      position: relative; }
      .digital-box .digital-item .arrow-box .arrow {
        display: block;
        width: 60px;
        height: 60px;
        background-image: url("../img/arrow-btn.png");
        background-repeat: no-repeat;
        background-size: cover;
        float: right; }
        .digital-box .digital-item .arrow-box .arrow:hover {
          background-image: url("../img/digital-arrow-hover.png"); }
      .digital-box .digital-item .arrow-box:before {
        content: "";
        position: absolute;
        display: block;
        width: calc(84% - 20px);
        height: 1px;
        background-color: #9ab8d2;
        top: 29px; }

.adaptive-digital-box {
  display: none; }
  @media screen and (max-width: 780px) {
    .adaptive-digital-box {
      display: block; }
      .adaptive-digital-box .adaptive-digital-item {
        background-color: #e0eff5;
        padding-bottom: 60px; }
        .adaptive-digital-box .adaptive-digital-item .top-box {
          background-color: #e0eff5;
          text-align: center;
          padding: 30px 0; }
          .adaptive-digital-box .adaptive-digital-item .top-box p.title {
            font-size: 24px;
            color: #2e2e2e; }
          .adaptive-digital-box .adaptive-digital-item .top-box p.subtitle {
            font-size: 19px;
            text-transform: uppercase;
            color: #2e2e2e; }
        .adaptive-digital-box .adaptive-digital-item .title-box {
          background-image: url("../img/digital-item-bg-1.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          height: 230px; }
          .adaptive-digital-box .adaptive-digital-item .title-box p {
            color: #fff;
            text-align: center;
            font-size: 27px;
            font-weight: 400;
            padding-top: 80px; }
        .adaptive-digital-box .adaptive-digital-item .border-box {
          border-bottom: 2px solid #a1b8bf;
          margin-top: 5px;
          position: relative; }
          .adaptive-digital-box .adaptive-digital-item .border-box a.arrow {
            background-image: url("../img/digital-arrow-btn.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 70px;
            width: 70px;
            display: block;
            margin: -36px auto; }
        .adaptive-digital-box .adaptive-digital-item .content-box {
          padding-top: 50px;
          text-align: center; }
          .adaptive-digital-box .adaptive-digital-item .content-box p {
            color: #2e2e2e;
            font-size: 18px;
            line-height: 1.5; }
        .adaptive-digital-box .adaptive-digital-item:nth-child(2) {
          background-color: #ededed;
          margin-top: 10px; }
          .adaptive-digital-box .adaptive-digital-item:nth-child(2) .top-box {
            background-color: #ededed; }
          .adaptive-digital-box .adaptive-digital-item:nth-child(2) .title-box {
            background-image: url("../img/digital-item-bg-2.png"); }
            .adaptive-digital-box .adaptive-digital-item:nth-child(2) .title-box p {
              font-size: 26px;
              padding-top: 65px; }
        .adaptive-digital-box .adaptive-digital-item:nth-child(3) {
          margin-top: 10px;
          background-color: #ededed; }
          .adaptive-digital-box .adaptive-digital-item:nth-child(3) .top-box {
            background-color: #ededed; }
          .adaptive-digital-box .adaptive-digital-item:nth-child(3) .title-box {
            background-image: url("../img/digital-item-bg-3.png"); }
            .adaptive-digital-box .adaptive-digital-item:nth-child(3) .title-box p {
              font-size: 26px;
              padding-top: 65px; } }

.gact-box,
.propoces-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .gact-box .gact-item,
  .gact-box .propoce-item,
  .propoces-box .gact-item,
  .propoces-box .propoce-item {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 780px) {
      .gact-box .gact-item,
      .gact-box .propoce-item,
      .propoces-box .gact-item,
      .propoces-box .propoce-item {
        width: 45%; } }
    .gact-box .gact-item .img-box,
    .gact-box .propoce-item .img-box,
    .propoces-box .gact-item .img-box,
    .propoces-box .propoce-item .img-box {
      width: 40px; }
    .gact-box .gact-item .gact-title,
    .gact-box .gact-item .propoce-title,
    .gact-box .propoce-item .gact-title,
    .gact-box .propoce-item .propoce-title,
    .propoces-box .gact-item .gact-title,
    .propoces-box .gact-item .propoce-title,
    .propoces-box .propoce-item .gact-title,
    .propoces-box .propoce-item .propoce-title {
      padding-top: 20px;
      width: 60%;
      font-weight: 400;
      text-align: center; }
      .gact-box .gact-item .gact-title:after,
      .gact-box .gact-item .propoce-title:after,
      .gact-box .propoce-item .gact-title:after,
      .gact-box .propoce-item .propoce-title:after,
      .propoces-box .gact-item .gact-title:after,
      .propoces-box .gact-item .propoce-title:after,
      .propoces-box .propoce-item .gact-title:after,
      .propoces-box .propoce-item .propoce-title:after {
        content: "";
        display: block;
        width: 20%;
        height: 4px;
        margin: 20px auto;
        background-color: #2e2e2e; }

.gact-box .gact-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 60px; }
  .gact-box .gact-item .gact-title {
    text-align: left;
    padding: 20px 0; }
    .gact-box .gact-item .gact-title:after {
      content: "";
      display: block;
      width: 30%;
      height: 4px;
      margin: 20px 0 0;
      background-color: #2e2e2e; }
  .gact-box .gact-item .gact-text {
    color: #767676;
    font-weight: 300; }

.digital-contacts {
  background-image: url("../img/digital-contacts-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  .digital-contacts .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 80px 15px; }
  .digital-contacts .left-box,
  .digital-contacts .right-box {
    width: 48%; }
  @media screen and (max-width: 1100px) {
    .digital-contacts .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .digital-contacts .left-box,
    .digital-contacts .right-box {
      width: 60%;
      margin: 0 auto 20px; } }
  @media screen and (max-width: 1100px) {
    .digital-contacts .left-box,
    .digital-contacts .right-box {
      width: 100%; } }
  .digital-contacts .left-box {
    padding-left: 16px; }
    .digital-contacts .left-box .img-box {
      width: 120px; }
    .digital-contacts .left-box .digital-contacts-title {
      color: #fff;
      font-size: 74px;
      font-weight: bold;
      padding: 60px 0 50px;
      line-height: 64px; }
    .digital-contacts .left-box .digital-contacts-text {
      color: #fff;
      font-weight: 300; }
      .digital-contacts .left-box .digital-contacts-text p {
        margin: 0; }
  .digital-contacts .right-box .digital-form-box {
    padding: 0 16px; }
  .digital-contacts .digital-form-box .footer-form-text {
    display: none; }
  .digital-contacts .digital-form-box form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto; }
    .digital-contacts .digital-form-box form p {
      width: 100%; }
      .digital-contacts .digital-form-box form p label {
        padding: 0; }
      .digital-contacts .digital-form-box form p span {
        width: 100%; }
        .digital-contacts .digital-form-box form p span input,
        .digital-contacts .digital-form-box form p span textarea {
          width: 100%;
          resize: none;
          margin-bottom: 20px;
          padding: 14px;
          outline: none;
          border: none;
          background: rgba(255, 255, 255, 0.4);
          color: #fff;
          border-radius: 0 5px 0 5px;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
          .digital-contacts .digital-form-box form p span input:focus,
          .digital-contacts .digital-form-box form p span textarea:focus {
            background: #fff;
            color: #2e2e2e; }
          .digital-contacts .digital-form-box form p span input::-webkit-input-placeholder,
          .digital-contacts .digital-form-box form p span textarea::-webkit-input-placeholder {
            color: #fff;
            font-weight: 300; }
          .digital-contacts .digital-form-box form p span input::-moz-placeholder,
          .digital-contacts .digital-form-box form p span textarea::-moz-placeholder {
            color: #fff;
            font-weight: 300; }
          .digital-contacts .digital-form-box form p span input::-ms-input-placeholder,
          .digital-contacts .digital-form-box form p span textarea::-ms-input-placeholder {
            color: #fff;
            font-weight: 300; }
          .digital-contacts .digital-form-box form p span input::placeholder,
          .digital-contacts .digital-form-box form p span textarea::placeholder {
            color: #fff;
            font-weight: 300; }
        .digital-contacts .digital-form-box form p span textarea {
          height: 180px;
          display: block; }
      .digital-contacts .digital-form-box form p button {
        -webkit-box-shadow: 0 1px 4px #888;
                box-shadow: 0 1px 4px #888;
        width: 140px;
        margin: 0 0 0 auto;
        display: block; }

.social-media-camplaigns {
  background-image: url("../img/smc-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 80px; }

.smc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .smc-box .smc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 33%;
    margin-bottom: 30px; }
    .smc-box .smc-item:nth-child(5n+4) {
      margin-left: 16%; }
    @media screen and (max-width: 750px) {
      .smc-box .smc-item {
        width: 48%;
        margin: 0 1% 20px; }
        .smc-box .smc-item:nth-child(5n+4) {
          margin-left: 0; } }
    .smc-box .smc-item .top-box {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      margin-bottom: 20px;
      height: 90px; }
      .smc-box .smc-item .top-box:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
        display: block;
        width: 20%;
        height: 4px;
        background-color: #2e2e2e;
        border-radius: 4px; }
      @media screen and (max-width: 750px) {
        .smc-box .smc-item .top-box {
          width: 100%; } }
    .smc-box .smc-item .img-box {
      width: 40px;
      margin-right: 20px; }
    .smc-box .smc-item .smc-title {
      font-weight: bold;
      width: 56%;
      text-align: left; }
    .smc-box .smc-item .smc-text {
      width: 50%;
      color: #767676;
      font-weight: 300; }
      @media screen and (max-width: 750px) {
        .smc-box .smc-item .smc-text {
          width: 100%; } }

.cases-slider-block {
  display: none;
  background-image: url("../img/digital-cases-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 80px; }

.slider-container {
  position: relative; }
  .slider-container:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
            transform: translateY(10%);
    content: "";
    width: 100%;
    height: 70%;
    background: rgba(108, 157, 199, 0.8); }
  .slider-container .slider-contain-box {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto; }

.cases-slider-slider {
  width: 80%;
  margin: 0 auto; }
  .cases-slider-slider .slick-next,
  .cases-slider-slider .slick-prev {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center; }
    .cases-slider-slider .slick-next:before,
    .cases-slider-slider .slick-prev:before {
      display: none; }
  .cases-slider-slider .slick-prev {
    left: -50px;
    background-image: url("../img/wh-arrow-prev.png");
    color: #fff; }
  .cases-slider-slider .slick-next {
    right: -50px;
    background-image: url("../img/wh-arrow-next.png"); }

.cases-slider-item {
  position: relative; }
  .cases-slider-item .cases-slider-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .cases-slider-item .cases-slider-content-box .cases-slider-pic {
      right: 0;
      position: absolute;
      width: 360px;
      border-radius: 200px;
      overflow: hidden; }
      .cases-slider-item .cases-slider-content-box .cases-slider-pic img {
        height: 360px; }
    .cases-slider-item .cases-slider-content-box .cases-slider-content {
      padding: 80px 0 140px;
      width: 100%; }
      .cases-slider-item .cases-slider-content-box .cases-slider-content > div {
        color: #fff; }
      .cases-slider-item .cases-slider-content-box .cases-slider-content .cases-slider-title {
        font-size: 55px;
        font-weight: 300;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
        display: inline-block;
        max-width: 70%; }
      .cases-slider-item .cases-slider-content-box .cases-slider-content .content {
        max-width: 50%;
        padding: 20px 0;
        font-size: 24px;
        font-weight: 300; }
      .cases-slider-item .cases-slider-content-box .cases-slider-content .btn {
        -webkit-box-shadow: 0 1px 4px #777;
                box-shadow: 0 1px 4px #777; }
.design-head {
  background-image: url("../img/design-head-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  margin-bottom: 60px;
  padding: 160px 0; }

.page-template-design .portfolio-box {
  padding-bottom: 0; }

.page-template-design .top-main-head {
  margin-bottom: 0px; }

.page-template-design .seo-why-us {
  background-image: url("../img/offer-bg.jpg");
  background-size: cover; }

.about-design-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .about-design-content > * {
    color: #fff; }
  .about-design-content .content {
    width: 45%;
    text-align: center;
    font-size: 22px; }
    @media screen and (max-width: 750px) {
      .about-design-content .content {
        width: 100%;
        font-size: 16px; } }

.design-services h4.title {
  font-weight: 400;
  color: #2e2e2e; }

@media screen and (max-width: 768px) {
  .design-services .container {
    padding: 0; } }

.design-services .title {
  padding-top: 60px;
  text-align: center;
  font-weight: 400;
  padding-bottom: 60px;
  color: #2e2e2e; }

.design-services .design-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .design-services .design-exit-icon:before, .design-services .design-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #DDD; }
  .design-services .design-exit-icon:before {
    left: 0;
    margin-top: 33px; }
  .design-services .design-exit-icon:after {
    right: 0;
    margin-top: -33px; }

.design-services .design-services-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 60px 0 40px; }
  .design-services .design-services-box .design-service-item {
    position: relative;
    width: 24%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px #666;
            box-shadow: 0 2px 4px #666;
    margin-bottom: 20px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .design-services .design-services-box .design-service-item .icon-box {
      max-width: 90px;
      margin-bottom: 15px; }
    .design-services .design-services-box .design-service-item .design-service-item-content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      padding: 20px; }
    .design-services .design-services-box .design-service-item .design-service-title p {
      color: white;
      font-size: 37px; }
    .design-services .design-services-box .design-service-item .arrow-box {
      -webkit-filter: invert(100%);
              filter: invert(100%);
      margin-top: 30px; }
    .design-services .design-services-box .design-service-item:nth-child(2) .design-service-item-content .arrow-box {
      margin-top: 75px; }
    .design-services .design-services-box .design-service-item:nth-child(4) .design-service-item-content .arrow-box {
      margin-top: 35px; }

.why-us .title {
  text-align: center;
  font-size: 55px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 20px 0 30px; }

.why-us .why-us-box {
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .why-us .why-us-box .why-us-item {
    height: 300px;
    width: 300px;
    border: 1px solid #83a8d9;
    border-radius: 150px;
    position: relative;
    margin: 0 15px 35px; }
    .why-us .why-us-box .why-us-item .bg-box {
      height: 280px;
      width: 280px;
      border-radius: 150px;
      margin: 10px; }
    .why-us .why-us-box .why-us-item .why-us-item-content {
      position: absolute;
      top: 30px;
      left: 7px;
      bottom: 0;
      right: 0;
      z-index: 1; }
      .why-us .why-us-box .why-us-item .why-us-item-content .icon-box {
        width: 40%;
        margin: 30px 0 0 83px; }
      .why-us .why-us-box .why-us-item .why-us-item-content .why-us-item-title p {
        text-align: center;
        color: #fff;
        font-size: 22px;
        font-weight: 600; }
      .why-us .why-us-box .why-us-item .why-us-item-content .decor-box {
        width: 70%;
        margin: 25px 0 0 41px; }
    .why-us .why-us-box .why-us-item:nth-child(2) {
      border: 1px solid #dc9a46; }
      .why-us .why-us-box .why-us-item:nth-child(2) .why-us-item-content .icon-box {
        width: 19%;
        margin: 43px 0 0 118px;
        padding-bottom: 12px;
        -webkit-filter: invert(1);
                filter: invert(1); }
    .why-us .why-us-box .why-us-item:nth-child(3) .why-us-item-content .icon-box {
      width: 17%;
      margin: 29px 0 0 120px;
      padding-bottom: 12px; }
    .why-us .why-us-box .why-us-item:nth-child(4) .why-us-item-content .icon-box {
      width: 17%;
      margin: 29px 0 0 120px;
      padding-bottom: 27px; }
    .why-us .why-us-box .why-us-item:nth-child(5) .why-us-item-content .icon-box {
      width: 27%;
      margin: 25px 0 0 110px;
      padding-bottom: 19px; }
    .why-us .why-us-box .why-us-item:nth-child(6) .why-us-item-content .icon-box {
      width: 30%;
      margin: 23px 0 0 103px;
      padding-bottom: 13px; }

.page-template-design .portfolio {
  padding: 60px 0 80px; }

.why-us-adaptive {
  display: none; }

@media screen and (max-width: 768px) {
  .why-us {
    display: none; }
  .why-us-adaptive {
    display: block; }
    .why-us-adaptive .clip-title {
      padding: 30px 0; }
    .why-us-adaptive .why-us-box {
      padding: 40px 0 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .why-us-adaptive .why-us-box .why-us-item {
        width: 50%; }
        .why-us-adaptive .why-us-box .why-us-item .img-box {
          width: 30%;
          margin: 0 auto; }
        .why-us-adaptive .why-us-box .why-us-item .why-us-content p {
          text-align: center;
          font-size: 23px;
          padding: 20px 0 10px;
          color: #2e2e2e; }
        .why-us-adaptive .why-us-box .why-us-item .why-us-content .decor-box {
          border-bottom: 3px solid black;
          width: 18%;
          margin: 0 auto; }
        .why-us-adaptive .why-us-box .why-us-item:nth-child(2) .img-box {
          width: 23%; }
        .why-us-adaptive .why-us-box .why-us-item:nth-child(3) {
          padding-top: 60px; }
          .why-us-adaptive .why-us-box .why-us-item:nth-child(3) .img-box {
            width: 15%; }
        .why-us-adaptive .why-us-box .why-us-item:nth-child(4) {
          padding-top: 60px; }
          .why-us-adaptive .why-us-box .why-us-item:nth-child(4) .img-box {
            width: 23%; }
        .why-us-adaptive .why-us-box .why-us-item:nth-child(5) {
          padding-top: 60px; }
          .why-us-adaptive .why-us-box .why-us-item:nth-child(5) .img-box {
            width: 23%; }
        .why-us-adaptive .why-us-box .why-us-item:nth-child(6) {
          padding-top: 60px; }
          .why-us-adaptive .why-us-box .why-us-item:nth-child(6) .img-box {
            width: 23%; }
        .why-us-adaptive .why-us-box .why-us-item p.subtitle {
          font-weight: 300; }
        .why-us-adaptive .why-us-box .why-us-item p.title {
          text-transform: uppercase; } }

@media screen and (max-width: 520px) {
  .why-us-adaptive .title {
    font-size: 60px; } }
@media screen and (max-width: 750px) {
  .white-title {
    font-size: 2.2em; } }

.apps-head {
  background-image: url("../img/about-head-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  margin-bottom: 60px;
  padding: 160px 0; }

.apps-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .apps-head-content > * {
    color: #fff; }
  .apps-head-content .content {
    width: 45%;
    text-align: center;
    font-size: 22px; }
    @media screen and (max-width: 750px) {
      .apps-head-content .content {
        width: 100%;
        font-size: 16px; } }

.apps-types-block {
  padding-bottom: 60px; }
  .apps-types-block .apps-types-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .apps-types-block .apps-types-box .apps-type-item {
      position: relative;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 350px;
      height: 280px;
      margin: 10px; }
      .apps-types-block .apps-types-box .apps-type-item .title-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 100px 0 0 60px; }
        .apps-types-block .apps-types-box .apps-type-item .title-box .icon {
          width: 20%; }
        .apps-types-block .apps-types-box .apps-type-item .title-box p {
          color: #fff;
          font-size: 30px;
          font-weight: 400;
          padding: 15px 0 0 20px; }
      .apps-types-block .apps-types-box .apps-type-item .arrow-box {
        width: 95px;
        height: 100px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("../img/dev-item-btn.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .apps-types-block .apps-types-box .apps-type-item .arrow-box:hover {
          background-image: url("../img/dev-item-btn-hover.png"); }
  .apps-types-block .apps-types-adaptive-box {
    display: none; }

.os-select-block {
  background-image: url("../img/os-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px; }
  .os-select-block .os-select-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .os-select-block .os-select-box .os-select-item {
      background-image: url("../img/ios-bg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 49.5%;
      padding-bottom: 145px;
      text-decoration: none; }
      .os-select-block .os-select-box .os-select-item .info-box .img-box {
        width: 65px;
        margin: 0 auto;
        padding-top: 90px; }
      .os-select-block .os-select-box .os-select-item .info-box .title {
        color: #fff;
        font-weight: 400;
        font-size: 35px;
        margin-top: 25px;
        text-align: center; }
      .os-select-block .os-select-box .os-select-item .info-box .arrow {
        display: block;
        width: 36px;
        margin: -80px auto; }
        .os-select-block .os-select-box .os-select-item .info-box .arrow .img-box {
          width: 100%; }
      .os-select-block .os-select-box .os-select-item:last-child {
        background-image: url("../img/android-bg.png"); }
        .os-select-block .os-select-box .os-select-item:last-child .img-box {
          padding-top: 70px; }
        .os-select-block .os-select-box .os-select-item:last-child .title {
          margin-top: 40px; }
        .os-select-block .os-select-box .os-select-item:last-child .arrow {
          margin: -55px auto; }
    .os-select-block .os-select-box .or-box {
      position: absolute;
      width: 80px;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 150px;
      z-index: 1; }
      @media screen and (max-width: 600px) {
        .os-select-block .os-select-box .or-box {
          width: 60px; } }

body:not(.page-template-about) .team-block {
  padding-bottom: 180px; }
  body:not(.page-template-about) .team-block .team-box .team-slider-box {
    width: 70%;
    margin: 0 auto; }
    @media screen and (max-width: 760px) {
      body:not(.page-template-about) .team-block .team-box .team-slider-box {
        width: 100%; } }
    body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 10px; }
      body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .team-row {
        width: 100%;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (max-width: 760px) {
          body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .team-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
      body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .img-box {
        width: 250px;
        border-radius: 20px;
        overflow: hidden; }
        @media screen and (max-width: 500px) {
          body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .img-box {
            width: 100%; } }
      body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box {
        width: calc(80% - 200px);
        padding-left: 40px;
        position: relative; }
        @media screen and (max-width: 760px) {
          body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box {
            width: 100%;
            margin: 10px auto 0;
            padding-left: 0; }
            body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box * {
              text-align: center; } }
        body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box p.name {
          font-size: 26px;
          font-weight: 400; }
        body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .occupation {
          color: #767676;
          padding-top: 7px;
          padding-bottom: 15px; }
          body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .occupation p {
            background-color: #fff;
            position: relative;
            z-index: 1;
            padding: 0 14px 0 0;
            display: inline-block; }
          body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .occupation:after {
            content: "";
            position: absolute;
            display: block;
            width: calc(90% - 20px);
            height: 1px;
            background-color: #ddd;
            left: 85px;
            top: 45px; }
          @media screen and (max-width: 760px) {
            body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .occupation p {
              padding: 0 14px; }
            body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .occupation:after {
              left: 0;
              width: 100%; } }
        body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .desc-box .slogan {
          color: #767676;
          padding-top: 20px;
          font-size: 17px;
          line-height: 1.3; }
      body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .button-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 22px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .button-box .line {
          display: block;
          width: 100%;
          height: 1px;
          background-color: #ddd;
          -webkit-transition: width 0.4s ease;
          -o-transition: width 0.4s ease;
          transition: width 0.4s ease; }
          @media screen and (max-width: 760px) {
            body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .button-box .line {
              display: none; } }
        body:not(.page-template-about) .team-block .team-box .team-slider-box .team-slider-item .button-box .btn {
          margin: 0 5px;
          min-width: 260px; }
    body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-prev,
    body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-next {
      background-image: url("../img/mobile-prev-arrow.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-color: transparent;
      height: 45px;
      width: 40px;
      border: none;
      cursor: pointer;
      top: 43%;
      -webkit-filter: invert(0);
              filter: invert(0); }
      body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-prev:before,
      body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-next:before {
        content: ""; }
    body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-prev {
      z-index: 1;
      left: -10px; }
    body:not(.page-template-about) .team-block .team-box .team-slider-box .slick-next {
      background-image: url("../img/mobile-next-arrow.png");
      right: -10px; }

@media screen and (max-width: 600px) {
  .apps-types-block .apps-types-box {
    display: none; }
  .apps-types-block .apps-types-adaptive-box {
    display: block; }
    .apps-types-block .apps-types-adaptive-box .apps-type-adaptive-item {
      background-image: url("../img/dev-mob-item-1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin: 20px 0; }
      .apps-types-block .apps-types-adaptive-box .apps-type-adaptive-item .title-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 50px; }
        .apps-types-block .apps-types-adaptive-box .apps-type-adaptive-item .title-box .icon {
          width: 85px; }
        .apps-types-block .apps-types-adaptive-box .apps-type-adaptive-item .title-box p {
          color: #fff;
          font-size: 26px;
          font-weight: 400;
          padding: 30px 0 0 20px; }
      .apps-types-block .apps-types-adaptive-box .apps-type-adaptive-item .arrow-box {
        width: 12%;
        height: 100px;
        margin-top: -140px;
        float: right;
        background-image: url("../img/mob-arrow.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
  .os-select-block .icon-title {
    font-size: 30px; }
  .apps-info-block {
    background-image: none; }
    .apps-info-block .apps-info-box {
      display: none; }
    .apps-info-block .apps-info-adaptive {
      display: block; }
      .apps-info-block .apps-info-adaptive .clip-title {
        padding: 60px 0 30px; }
      .apps-info-block .apps-info-adaptive .apps-info-adaptive-box {
        padding: 40px 0 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item {
          width: 50%;
          padding-top: 60px; }
          .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item .img-box {
            width: 60px;
            margin: 0 auto; }
          .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item .apps-info-adaptive-content p {
            text-align: center;
            font-size: 23px;
            padding: 20px 0 10px;
            color: #2e2e2e; }
          .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item .apps-info-adaptive-content .decor-box {
            border-bottom: 3px solid black;
            width: 18%;
            margin: 0 auto; } }
        @media screen and (max-width: 600px) and (max-width: 400px) {
          .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item .img-box {
            width: 50px; }
          .apps-info-block .apps-info-adaptive .apps-info-adaptive-box .apps-info-adaptive-item .apps-info-adaptive-content p {
            font-size: 16px; } }
.error_404-adaptive {
  display: none; }

.error_404-head {
  background-color: #158ba5;
  min-height: 360px;
  display: block;
  margin-bottom: 60px;
  padding: 160px 0; }
  .error_404-head .error_404-content h3.white-title {
    font-weight: 300;
    font-size: 80px;
    padding: 10px 0; }
  .error_404-head .error_404-content .box_404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 150px;
    margin-top: 60px; }
    .error_404-head .error_404-content .box_404 p {
      color: #fff;
      font-size: 95px; }
      .error_404-head .error_404-content .box_404 p:first-child {
        margin-top: 19px;
        margin-right: -12px; }
      .error_404-head .error_404-content .box_404 p:last-child {
        margin-left: -15px;
        margin-top: 19px; }
    .error_404-head .error_404-content .box_404 .img-box {
      width: 12%;
      background-image: url("../img/arrow-left.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      .error_404-head .error_404-content .box_404 .img-box:hover {
        background-image: url("../img/arrow-left-hover.png");
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }

.more-box {
  padding-bottom: 30px; }
  .more-box p {
    text-align: center; }
    .more-box p:first-child {
      font-size: 55px;
      font-weight: 400;
      color: #2e2e2e; }
    .more-box p:last-child {
      font-size: 35px;
      font-weight: 300;
      color: #2e2e2e; }

.design-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .design-exit-icon:before, .design-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #DDD; }
  .design-exit-icon:before {
    left: 0;
    margin-top: 12px; }
  .design-exit-icon:after {
    right: 0;
    margin-top: -25px; }

.portfolio-block {
  padding: 60px 0 150px; }
  .portfolio-block .slider-bg-box {
    background-color: #f9f9f9;
    border-bottom: 2px solid #c0c0c0;
    height: 485px; }
    .portfolio-block .slider-bg-box .slider-box .slider-item {
      text-decoration: none;
      outline: none; }
      .portfolio-block .slider-bg-box .slider-box .slider-item .bg-box {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 480px;
        display: block;
        position: relative; }
        .portfolio-block .slider-bg-box .slider-box .slider-item .bg-box .text-box {
          background-image: url(../img/portfolio-panel-bg.png);
          background-size: cover;
          text-align: center;
          position: absolute;
          bottom: 0;
          width: 100%;
          padding: 78px 0 20px; }
          .portfolio-block .slider-bg-box .slider-box .slider-item .bg-box .text-box h2 {
            color: #fff;
            font-weight: 300;
            font-size: 38px; }
          .portfolio-block .slider-bg-box .slider-box .slider-item .bg-box .text-box p {
            text-transform: uppercase;
            color: #fff;
            font-weight: 300; }
      .portfolio-block .slider-bg-box .slider-box .slider-item .description-box {
        border-top: none; }
    .portfolio-block .slider-bg-box .slider-box .slick-prev,
    .portfolio-block .slider-bg-box .slider-box .slick-next {
      top: 36%; }

@media screen and (max-width: 1095px) {
  .error_404-head .error_404-content .box_404 .img-box {
    width: 14%; } }

@media screen and (max-width: 1050px) {
  .portfolio-block {
    padding-bottom: 0px; }
    .portfolio-block .slider-bg-box {
      display: none; } }

@media screen and (max-width: 1000px) {
  .error_404-head .error_404-content .box_404 .img-box {
    width: 16%; } }

@media screen and (max-width: 900px) {
  .error_404-head .error_404-content .box_404 .img-box {
    width: 18%; } }

@media screen and (max-width: 768px) {
  .error_404-head {
    display: none; }
  .error_404-adaptive {
    display: block;
    background-color: #158ba5;
    padding-bottom: 80px; }
    .error_404-adaptive .title-box {
      padding: 200px 0 180px; }
      .error_404-adaptive .title-box h3.white-title {
        font-weight: 100;
        padding: 0; }
    .error_404-adaptive .box_404 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 150px;
      margin-top: 60px; }
      .error_404-adaptive .box_404 p {
        color: #fff;
        font-size: 95px; }
        .error_404-adaptive .box_404 p:first-child {
          margin-top: 19px;
          margin-right: -12px; }
        .error_404-adaptive .box_404 p:last-child {
          margin-left: -15px;
          margin-top: 19px; }
  .more-box {
    padding-top: 80px; } }

@media screen and (max-width: 570px) {
  .more-box {
    padding-top: 40px; }
    .more-box p:first-child {
      font-size: 40px;
      font-weight: 400;
      color: #2e2e2e; }
    .more-box p:last-child {
      font-size: 25px;
      font-weight: 300;
      color: #2e2e2e; } }

@media screen and (max-width: 410px) {
  .more-box {
    padding-top: 40px; }
    .more-box p:first-child {
      font-size: 30px;
      font-weight: 400;
      color: #2e2e2e; }
    .more-box p:last-child {
      font-size: 20px;
      font-weight: 300;
      color: #2e2e2e; } }
.page-template-testimonials .top-main-head {
  margin-bottom: 0; }

@media (max-width: 768px) {
  .page-template-testimonials .top-main-head .white-title {
    font-size: 2.5em; } }

.testimonials-head {
  background-image: url("../img/testimonials-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  padding: 160px 0; }
  .testimonials-head .testimonials-content .white-title {
    padding-bottom: 0; }
  .testimonials-head .testimonials-content .title {
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #fff; }
  .testimonials-head .testimonials-content .content {
    padding-top: 40px; }
    .testimonials-head .testimonials-content .content p {
      text-align: center;
      color: #fff;
      font-size: 20px; }

.our-clients {
  background-image: url("../img/our-clients-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 3px;
  padding-top: 10px; }
  .our-clients .title {
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }
  .our-clients .clients-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .our-clients .clients-exit-icon:before, .our-clients .clients-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #DDD; }
    .our-clients .clients-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .our-clients .clients-exit-icon:after {
      right: 0;
      margin-top: -33px; }
  .our-clients .clients-slider-container {
    padding: 0; }
  .our-clients .clients-slider-box {
    width: 80%;
    margin: 40px auto; }
    .our-clients .clients-slider-box .clients-slider-item {
      padding: 20px 0; }
      .our-clients .clients-slider-box .clients-slider-item .img-box {
        width: 25%;
        margin: 0 auto 40px;
        position: relative; }
        .our-clients .clients-slider-box .clients-slider-item .img-box img {
          border-radius: 200px; }
        .our-clients .clients-slider-box .clients-slider-item .img-box:before {
          display: block;
          position: absolute;
          content: "";
          width: calc(100% + 10px);
          height: calc(100% + 10px);
          border-radius: 200px;
          top: -6px;
          left: -6px;
          border: 1px solid #DDD; }
      .our-clients .clients-slider-box .clients-slider-item .text-box {
        text-align: center;
        color: #2e2e2e; }
        .our-clients .clients-slider-box .clients-slider-item .text-box h1 {
          margin-bottom: 10px; }
        .our-clients .clients-slider-box .clients-slider-item .text-box p {
          font-size: 20px;
          font-weight: 300; }
      .our-clients .clients-slider-box .clients-slider-item .testimonial-text-box {
        text-align: center;
        padding: 40px 0; }
        .our-clients .clients-slider-box .clients-slider-item .testimonial-text-box p {
          color: #2e2e2e;
          font-size: 23px;
          font-weight: 300;
          line-height: 1.3; }
    .our-clients .clients-slider-box .slick-prev,
    .our-clients .clients-slider-box .slick-next {
      background-image: url("../img/white-arrow-prev.png");
      background-repeat: no-repeat;
      height: 45px;
      width: 21px;
      cursor: pointer;
      -webkit-filter: invert(1);
              filter: invert(1);
      top: 45%; }
      .our-clients .clients-slider-box .slick-prev:before,
      .our-clients .clients-slider-box .slick-next:before {
        content: ""; }
    .our-clients .clients-slider-box .slick-prev {
      z-index: 1;
      left: 35px; }
    .our-clients .clients-slider-box .slick-next {
      background-image: url("../img/white-arrow-next.png");
      right: 35px; }
  .our-clients .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 80px; }
    .our-clients .btn-box a {
      display: inline-block;
      text-decoration: none;
      color: #fff; }
    .our-clients .btn-box .portfolio-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 285px;
      background-color: #36aaf1;
      background-image: url("../img/portfolio-btn-icon.png");
      background-repeat: no-repeat;
      background-position: 9%;
      background-size: 9%;
      padding: 16px 0;
      border-radius: 50px;
      margin: 0 20px;
      border: 1px solid transparent; }
      .our-clients .btn-box .portfolio-btn span {
        padding: 4px 33px 0 85px;
        text-transform: uppercase; }
      .our-clients .btn-box .portfolio-btn .img-box {
        width: 34px;
        padding-top: 5px; }
      .our-clients .btn-box .portfolio-btn:hover {
        background-image: url("../img/portfolio-btn-icon-invert.png");
        background-repeat: no-repeat;
        background-color: #fff;
        border: 1px solid #2e2e2e;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
        .our-clients .btn-box .portfolio-btn:hover span {
          color: #2e2e2e; }
        .our-clients .btn-box .portfolio-btn:hover .img-box {
          -webkit-filter: invert(1);
                  filter: invert(1); }
    .our-clients .btn-box .project-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 285px;
      background-color: #f69b30;
      background-image: url("../img/project-btn-icon.png");
      background-repeat: no-repeat;
      background-position: 9% 45%;
      background-size: 9%;
      padding: 16px 0;
      border-radius: 50px;
      border: 1px solid transparent; }
      .our-clients .btn-box .project-btn span {
        padding: 4px 15px 0 75px;
        text-transform: uppercase; }
      .our-clients .btn-box .project-btn .img-box {
        width: 34px;
        padding-top: 4px; }
      .our-clients .btn-box .project-btn:hover {
        background-image: url("../img/project-btn-icon-invert.png");
        background-repeat: no-repeat;
        background-color: #fff;
        border: 1px solid #2e2e2e;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
        .our-clients .btn-box .project-btn:hover span {
          color: #2e2e2e; }
        .our-clients .btn-box .project-btn:hover .img-box {
          -webkit-filter: invert(1);
                  filter: invert(1); }
  .our-clients .stars-box {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 200px; }
    .our-clients .stars-box .img-box {
      padding: 0 5px; }
    .our-clients .stars-box:after, .our-clients .stars-box:before {
      content: "";
      position: absolute;
      display: block;
      width: calc(41% - 20px);
      height: 1px;
      background-color: #DDD; }
    .our-clients .stars-box:before {
      left: 0;
      margin-top: 20px; }
    .our-clients .stars-box:after {
      right: 0;
      margin-top: 20px; }
  .our-clients .form-block {
    background-color: #fff;
    padding-bottom: 60px; }
    .our-clients .form-block h3.clip-title {
      padding: 85px 0 10px;
      font-size: 76px; }
    .our-clients .form-block p {
      text-align: center;
      color: #bdbdbd;
      font-size: 30px;
      font-weight: 300; }
    .our-clients .form-block .form-box {
      padding-top: 30px; }
      .our-clients .form-block .form-box form {
        width: 84%;
        margin: 0 auto; }
        @media screen and (max-width: 1100px) {
          .our-clients .form-block .form-box form {
            width: 100%; } }
        .our-clients .form-block .form-box form .top-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }
          @media screen and (max-width: 1100px) {
            .our-clients .form-block .form-box form .top-box {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          .our-clients .form-block .form-box form .top-box input {
            border: 1px solid #e3e3e3;
            border-radius: 2px;
            padding: 15px;
            padding-right: 150px;
            height: 30px;
            width: 90%;
            outline: none;
            color: #2e2e2e;
            -webkit-transition: border .4s ease;
            -o-transition: border .4s ease;
            transition: border .4s ease; }
            .our-clients .form-block .form-box form .top-box input:focus {
              border: 1px solid #5fb6e1; }
            .our-clients .form-block .form-box form .top-box input:nth-child(2) {
              margin: 0 8px 0; }
            @media screen and (max-width: 1100px) {
              .our-clients .form-block .form-box form .top-box input {
                width: 100%; } }
          .our-clients .form-block .form-box form .top-box input[type="text"]::-webkit-input-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .top-box input[type="text"]::-moz-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .top-box input[type="text"]::-ms-input-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .top-box input[type="text"]::placeholder {
            color: #949494; }
        .our-clients .form-block .form-box form .middle-box {
          padding-top: 15px; }
          .our-clients .form-block .form-box form .middle-box textarea {
            border: 1px solid #e3e3e3;
            border-radius: 2px;
            padding: 15px;
            outline: none;
            width: 96.5%;
            color: #2e2e2e;
            resize: none;
            -webkit-transition: border .4s ease;
            -o-transition: border .4s ease;
            transition: border .4s ease; }
            .our-clients .form-block .form-box form .middle-box textarea:focus {
              border: 1px solid #5fb6e1; }
          .our-clients .form-block .form-box form .middle-box textarea[name="comment"]::-webkit-input-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .middle-box textarea[name="comment"]::-moz-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .middle-box textarea[name="comment"]::-ms-input-placeholder {
            color: #949494; }
          .our-clients .form-block .form-box form .middle-box textarea[name="comment"]::placeholder {
            color: #949494; }
        .our-clients .form-block .form-box form .bottom-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding-top: 15px; }
          .our-clients .form-block .form-box form .bottom-box button {
            background-color: #f69b30;
            outline: none;
            border: none;
            border-radius: 5px;
            color: #fff;
            text-transform: uppercase;
            font-size: 20px;
            height: 40px;
            width: 260px;
            cursor: pointer;
            margin-right: 38px;
            padding: 10px 20px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            display: block; }
            .our-clients .form-block .form-box form .bottom-box button:hover {
              -webkit-transition: all .5s ease;
              -o-transition: all .5s ease;
              transition: all .5s ease; }

@media screen and (max-width: 1100px) {
  .our-clients .stars-box:after, .our-clients .stars-box:before {
    width: calc(37% - 20px); } }

@media screen and (max-width: 857px) {
  .our-clients .form-block .form-box form .top-box input {
    width: 100%;
    padding-right: 0; }
    .our-clients .form-block .form-box form .top-box input:nth-child(2) {
      margin: 15px 0 !important; }
  .our-clients .form-block .form-box form .middle-box textarea {
    width: 100%; }
  .our-clients .form-block .form-box form .bottom-box button {
    margin: 0 auto; } }

@media screen and (max-width: 760px) {
  .our-clients .stars-box:after, .our-clients .stars-box:before {
    width: calc(32% - 20px); } }

@media screen and (max-width: 639px) {
  .our-clients .clients-slider-box .clients-slider-item .img-box {
    width: 45%;
    margin: 0 auto 26px; }
  .our-clients .clients-slider-box .clients-slider-item .testimonial-text-box p {
    font-size: 18px; }
  .our-clients .clients-slider-box .slick-prev,
  .our-clients .clients-slider-box .slick-next {
    background-image: url("../img/mobile-prev-arrow.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 40px;
    cursor: pointer;
    top: 20%;
    -webkit-filter: invert(0);
            filter: invert(0); }
    .our-clients .clients-slider-box .slick-prev:before,
    .our-clients .clients-slider-box .slick-next:before {
      content: ""; }
  .our-clients .clients-slider-box .slick-prev {
    z-index: 1;
    left: 35px; }
  .our-clients .clients-slider-box .slick-next {
    background-image: url("../img/mobile-next-arrow.png");
    right: 35px; }
  .our-clients .btn-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .our-clients .btn-box .portfolio-btn {
      margin-bottom: 20px; }
  .our-clients .middle-text-box p {
    font-size: 18px;
    font-weight: 400; }
  .our-clients .form-block h3.clip-title {
    font-size: 60px;
    padding: 40px 0 10px; }
  .our-clients .form-block p {
    font-size: 20px; } }

@media screen and (max-width: 550px) {
  .our-clients .stars-box:after, .our-clients .stars-box:before {
    width: calc(27% - 20px); } }

@media screen and (max-width: 460px) {
  .our-clients .clients-slider-box .clients-slider-item .img-box {
    width: 50%;
    margin: 0 auto 26px; }
  .our-clients .clients-slider-box .slick-prev,
  .our-clients .clients-slider-box .slick-next {
    background-image: url("../img/mobile-prev-arrow.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 40px;
    cursor: pointer;
    top: 17%;
    -webkit-filter: invert(0);
            filter: invert(0); }
    .our-clients .clients-slider-box .slick-prev:before,
    .our-clients .clients-slider-box .slick-next:before {
      content: ""; }
  .our-clients .clients-slider-box .slick-prev {
    z-index: 1;
    left: 0; }
  .our-clients .clients-slider-box .slick-next {
    background-image: url("../img/mobile-next-arrow.png");
    right: 0; }
  .our-clients .btn-box .portfolio-btn,
  .our-clients .btn-box .project-btn {
    margin: 0 0 20px; } }

@media screen and (max-width: 405px) {
  .our-clients h4.title {
    font-size: 40px;
    padding-top: 20px; }
    .our-clients h4.title .clients-exit-icon:before {
      margin-top: 23px; }
    .our-clients h4.title .clients-exit-icon:after {
      margin-top: -23px; }
  .our-clients .stars-box:after, .our-clients .stars-box:before {
    width: calc(18% - 20px); } }

@media screen and (max-width: 350px) {
  .our-clients .clients-slider-box .clients-slider-item .testimonial-text-box p {
    font-size: 16px; }
  .our-clients .clients-slider-box .slick-prev,
  .our-clients .clients-slider-box .slick-next {
    top: 20%; } }
.flip-menu-btn-rotate {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }

.seo-head {
  background-image: url("../img/seo-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  padding: 160px 0; }
  .seo-head .seo-content .white-title {
    padding-bottom: 0; }
  .seo-head .seo-content .title {
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #fff; }
  .seo-head .seo-content .content {
    padding-top: 40px; }
    .seo-head .seo-content .content p {
      text-align: center;
      color: #fff;
      font-size: 20px; }

.seo-tools {
  padding: 90px 0 70px; }
  .seo-tools .tools-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .seo-tools .tools-box .tools-item .text-box {
      text-align: center; }
      .seo-tools .tools-box .tools-item .text-box p {
        color: #767676; }

.why-seo {
  background-image: url("../img/why-seo-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  padding-bottom: 100px; }
  .why-seo .title {
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }
  .why-seo .clients-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .why-seo .clients-exit-icon:before, .why-seo .clients-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #DDD; }
    .why-seo .clients-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .why-seo .clients-exit-icon:after {
      right: 0;
      margin-top: -26px; }
  .why-seo .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .why-seo .content-box .left-box,
    .why-seo .content-box .right-box {
      width: 50%; }
    .why-seo .content-box .left-box .text-box {
      padding-left: 150px;
      padding-top: 30px; }
      .why-seo .content-box .left-box .text-box p {
        font-size: 24px;
        font-weight: 300;
        color: #2e2e2e; }
    .why-seo .content-box .right-box .img-box {
      width: 57%;
      margin-left: 40px; }

.seo-why-us-adaptive {
  display: none; }

.seo-why-us {
  background-image: url(../img/offers-bg.jpg);
  background-size: cover; }
  .seo-why-us .seo-why-us-box {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .seo-why-us .seo-why-us-box .seo-why-us-item {
      height: 300px;
      width: 300px;
      border: 1px solid #83a8d9;
      border-radius: 150px;
      position: relative;
      margin: 0 15px 35px; }
      .seo-why-us .seo-why-us-box .seo-why-us-item .bg-box {
        height: 280px;
        width: 280px;
        border-radius: 150px;
        margin: 10px; }
      .seo-why-us .seo-why-us-box .seo-why-us-item .seo-why-us-item-content {
        position: absolute;
        top: 30px;
        left: 7px;
        bottom: 0;
        right: 0;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .seo-why-us .seo-why-us-box .seo-why-us-item .seo-why-us-item-content .icon-box {
          width: 50px;
          height: 50px;
          padding-top: 30px; }
        .seo-why-us .seo-why-us-box .seo-why-us-item .seo-why-us-item-content .seo-why-us-item-title p {
          text-align: center;
          color: #fff;
          font-size: 22px;
          font-weight: 600; }
        .seo-why-us .seo-why-us-box .seo-why-us-item .seo-why-us-item-content .decor-box {
          width: 70%;
          margin-bottom: 25px; }
      .seo-why-us .seo-why-us-box .seo-why-us-item:nth-child(2n) {
        border: 1px solid #dc9a46; }

.seo-with-us {
  background-color: #fdfdfd;
  padding-bottom: 70px; }
  .seo-with-us .title {
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }
  .seo-with-us .clients-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .seo-with-us .clients-exit-icon:before, .seo-with-us .clients-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 30px);
      height: 1px;
      background-color: #DDD; }
    .seo-with-us .clients-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .seo-with-us .clients-exit-icon:after {
      right: 0;
      margin-top: -33px; }
  .seo-with-us .seo-with-us-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .seo-with-us .seo-with-us-box .seo-with-us-item {
      width: 33.3%;
      padding: 40px 0; }
      .seo-with-us .seo-with-us-box .seo-with-us-item .img-box {
        width: 20%;
        margin: 0 auto; }
      .seo-with-us .seo-with-us-box .seo-with-us-item .seo-with-us-content p {
        text-align: center;
        font-size: 17px;
        padding: 20px 0 10px;
        color: #2e2e2e; }
      .seo-with-us .seo-with-us-box .seo-with-us-item .seo-with-us-content p.adaptive-description {
        display: none; }
      .seo-with-us .seo-with-us-box .seo-with-us-item .seo-with-us-content .decor-box {
        border-bottom: 3px solid black;
        width: 8%;
        margin: 0 auto; }
      .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(2) .img-box {
        width: 18%; }
      .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(3) {
        margin-top: -20px; }
        .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(3) .img-box {
          width: 12%; }
      .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(4) .img-box {
        width: 17%; }
      .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(5) .img-box {
        width: 15%; }
      .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(6) .img-box {
        width: 17%; }

.process {
  margin-bottom: 6px;
  padding-bottom: 120px;
  background-image: url("../img/process-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  padding-bottom: 100px; }
  .process .title {
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 60px;
    color: #2e2e2e; }
  .process .clients-exit-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto; }
    .process .clients-exit-icon:before, .process .clients-exit-icon:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(50% - 20px);
      height: 1px;
      background-color: #DDD; }
    .process .clients-exit-icon:before {
      left: 0;
      margin-top: 33px; }
    .process .clients-exit-icon:after {
      right: 0;
      margin-top: -33px; }

.our-packages {
  padding-bottom: 80px;
  line-height: 26px; }
  .our-packages .our-packages-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .our-packages .our-packages-box .our-packages-item {
      width: 23%; }
      .our-packages .our-packages-box .our-packages-item .our-packages-item-head {
        height: 80px;
        background-image: url("../img/packages-item-1.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px;
        color: #fff;
        text-transform: uppercase; }
      .our-packages .our-packages-box .our-packages-item .our-packages-content {
        padding: 15px; }
        .our-packages .our-packages-box .our-packages-item .our-packages-content p {
          padding: 15px 0;
          display: block;
          border-bottom: 1px solid #e7e7e7; }
        .our-packages .our-packages-box .our-packages-item .our-packages-content .price-box {
          border-bottom: 1px solid #e7e7e7;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .our-packages .our-packages-box .our-packages-item .our-packages-content .price-box p {
            display: inline-block;
            border: none;
            font-weight: 600; }
          .our-packages .our-packages-box .our-packages-item .our-packages-content .price-box p.amount {
            color: #5fb6e1;
            font-weight: 400; }
      .our-packages .our-packages-box .our-packages-item:nth-child(2) .our-packages-item-head {
        background-image: url("../img/packages-item-2.png"); }
      .our-packages .our-packages-box .our-packages-item:nth-child(3) .our-packages-item-head {
        background-image: url("../img/packages-item-3.png"); }
      .our-packages .our-packages-box .our-packages-item:nth-child(4) .our-packages-item-head {
        background-image: url("../img/packages-item-4.png"); }
      .our-packages .our-packages-box .our-packages-item:nth-child(4) .our-packages-content .price-box p.amount {
        color: #FFA600;
        font-weight: 400; }

.our-packages-adaptive {
  display: none; }

@media screen and (max-width: 700px) {
  .page-template-seo .top-main-head-content .content {
    width: 100%; }
  .seo-tools {
    padding-top: 0; }
    .seo-tools .tools-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 55%;
      margin: 0 auto; }
      .seo-tools .tools-box .tools-item {
        padding: 30px 0; }
  .why-seo .content-box .left-box {
    width: 100%; }
    .why-seo .content-box .left-box .text-box {
      padding-left: 0;
      text-align: center;
      padding-top: 0; }
  .why-seo .content-box .right-box {
    display: none; }
  .seo-why-us {
    display: none; }
  .seo-why-us-adaptive {
    display: block; }
    .seo-why-us-adaptive .clip-title {
      padding: 60px 0 30px; }
    .seo-why-us-adaptive .why-us-adaptive-box {
      padding: 40px 0 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item {
        width: 50%;
        padding-top: 60px; }
        .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item .img-box {
          width: 23%;
          margin: 0 auto; }
        .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item .why-us-adaptive-content p {
          text-align: center;
          font-size: 23px;
          padding: 20px 0 10px;
          color: #2e2e2e; }
        .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item .why-us-adaptive-content .decor-box {
          border-bottom: 3px solid black;
          width: 18%;
          margin: 0 auto; }
        .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item:nth-child(1), .seo-why-us-adaptive .why-us-adaptive-box .why-us-adaptive-item:nth-child(2) {
          padding-top: 0; }
  .seo-with-us .seo-with-us-box .seo-with-us-item {
    width: 50%; }
  .our-packages {
    display: none; }
  .our-packages-adaptive {
    display: block; }
    .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item {
      margin: 5px 0; }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .our-packages-adaptive-item-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 100px;
        background-image: url("../img/packages-item-1.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font-size: 22px; }
        .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .our-packages-adaptive-item-head span {
          padding-left: 20px;
          padding-top: 40px;
          text-transform: uppercase; }
        .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .our-packages-adaptive-item-head .flip-menu-btn {
          background-color: transparent;
          border: none;
          outline: none;
          margin: 8px 20px 0 0;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content {
        padding: 15px 0;
        display: none; }
        .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content p {
          padding: 15px 0;
          display: block;
          border-bottom: 1px solid #e7e7e7; }
        .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content .price-box {
          border-bottom: 1px solid #e7e7e7;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content .price-box p {
            display: inline-block;
            border: none; }
          .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content .price-box p.amount {
            color: #5fb6e1;
            padding-left: 30px; }
          .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item .flip-menu-content .price-box:last-child p.amount {
            padding-left: 30px; }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item:nth-child(2) .our-packages-adaptive-item-head {
        background-image: url("../img/packages-item-2.png"); }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item:nth-child(3) .our-packages-adaptive-item-head {
        background-image: url("../img/packages-item-3.png"); }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item:last-child .our-packages-adaptive-item-head {
        background-image: url("../img/packages-item-4.png"); }
      .our-packages-adaptive .our-packages-adaptive-box .our-packages-adaptive-item:last-child .flip-menu-content .price-box p.amount {
        color: #FFA600; } }

@media screen and (max-width: 400px) {
  .why-seo .content-box .left-box .text-box p {
    font-size: 18px; }
  .seo-why-us-adaptive h3.clip-title {
    font-size: 70px; }
  .seo-with-us h4.title {
    font-size: 36px;
    padding-bottom: 30px; }
    .seo-with-us h4.title .clients-exit-icon {
      width: 26px;
      height: 26px;
      margin: 0 auto;
      padding-top: 16px; }
      .seo-with-us h4.title .clients-exit-icon:before {
        margin-top: 16px; }
      .seo-with-us h4.title .clients-exit-icon:after {
        margin-top: -25px; }
  .seo-with-us .seo-with-us-box .seo-with-us-item .seo-with-us-content p.adaptive-description {
    display: block; }
  .seo-with-us .seo-with-us-box .seo-with-us-item:nth-child(3) {
    margin-top: -12px; }
  .our-packages-adaptive .clip-title {
    font-size: 60px; } }
.single-portfolio-head {
  background-image: url("../img/single-portfolio-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  padding: 160px 0; }
  .single-portfolio-head .single-portfolio-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .single-portfolio-head .single-portfolio-content .white-title {
      padding-bottom: 0; }
    .single-portfolio-head .single-portfolio-content .title {
      font-size: 50px;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center;
      color: #fff; }
    .single-portfolio-head .single-portfolio-content .content {
      color: #fff;
      padding-top: 40px; }
      .single-portfolio-head .single-portfolio-content .content p {
        text-align: center;
        color: #fff;
        font-size: 20px; }

.technologies .title {
  padding-top: 60px;
  text-align: center;
  font-weight: 400;
  padding-bottom: 60px;
  color: #2e2e2e; }

.technologies .adaptive-title {
  display: none; }

.technologies .clients-exit-icon {
  width: 26px;
  height: 26px;
  margin: 0 auto; }
  .technologies .clients-exit-icon:before, .technologies .clients-exit-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(50% - 30px);
    height: 1px;
    background-color: #ddd; }
  .technologies .clients-exit-icon:before {
    left: 0;
    margin-top: 33px; }
  .technologies .clients-exit-icon:after {
    right: 0;
    margin-top: -33px; }

.technologies .content-box .text-box {
  margin: 0 auto;
  width: 90%; }
  .technologies .content-box .text-box p {
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    color: #767676;
    line-height: 1.3; }

.technologies .content-box .tags-block {
  padding: 30px 0 80px; }
  .technologies .content-box .tags-block .upper-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin: 0 auto;
    position: relative; }
    .technologies .content-box .tags-block .upper-box p {
      text-transform: uppercase;
      color: #2e2e2e; }
    .technologies .content-box .tags-block .upper-box p.categories {
      display: none; }
    .technologies .content-box .tags-block .upper-box:after {
      content: "";
      position: absolute;
      display: block;
      width: calc(96% - 20px);
      height: 1px;
      left: 60px;
      top: 9px;
      background-color: #ddd; }
  .technologies .content-box .tags-block .lower-box .tags-box {
    width: 100%;
    margin: 0 auto; }
    .technologies .content-box .tags-block .lower-box .tags-box .tags-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      padding: 5px 0; }
      .technologies .content-box .tags-block .lower-box .tags-box .tags-list a {
        width: 160px;
        text-align: center;
        display: block;
        padding: 7px 25px;
        border: 1px solid #5fb6e1;
        color: #5fb6e1;
        margin: 7px;
        border-radius: 25px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 13px;
        -webkit-box-shadow: 0 1px 3px transparent;
                box-shadow: 0 1px 3px transparent;
        -webkit-transition: background-color 0.4s ease, color 0.4s ease, -webkit-box-shadow 0.4s ease;
        transition: background-color 0.4s ease, color 0.4s ease, -webkit-box-shadow 0.4s ease;
        -o-transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
        transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
        transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease; }
        .technologies .content-box .tags-block .lower-box .tags-box .tags-list a:hover {
          background-color: #5fb6e1;
          color: #fff;
          -webkit-box-shadow: 0 2px 6px #ababab;
                  box-shadow: 0 2px 6px #ababab; }
        .technologies .content-box .tags-block .lower-box .tags-box .tags-list a:active {
          -webkit-box-shadow: 0 1px 2px #666;
                  box-shadow: 0 1px 2px #666; }

.technologies .content-box .photos-box {
  margin-bottom: -4px; }

.technologies .content-box .adaptive-photos-block {
  display: none; }

.done-project-block .done-project-box {
  background-image: url("../img/done-project-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block; }
  .done-project-block .done-project-box .heading-box {
    padding-top: 50px; }
    .done-project-block .done-project-box .heading-box .border-box {
      border-bottom: 1px solid #74cdd7;
      width: 56%;
      margin: 0 auto; }
    .done-project-block .done-project-box .heading-box h1 {
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      font-size: 40px;
      font-weight: 400; }
  .done-project-block .done-project-box .values-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
    padding-left: 100px; }
    .done-project-block .done-project-box .values-box .values-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 33.3%;
      padding-top: 20px; }
      .done-project-block .done-project-box .values-box .values-item p {
        color: #fff;
        padding: 6px 0 0 10px; }

.done-project-block .photo-box {
  position: relative; }
  .done-project-block .photo-box .text-box {
    position: absolute;
    top: 290px;
    left: 360px; }
    .done-project-block .photo-box .text-box p {
      color: #fff;
      text-align: left;
      font-weight: 400;
      font-size: 21px; }

.done-project-block .photo-adaptive-box {
  display: none; }

.heading-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px; }
  .heading-box .heading-box-title {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 36px; }

@media screen and (max-width: 800px) {
  .heading-adaptive-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin-bottom: 12px; }
    .heading-adaptive-box .heading-box-title {
      font-size: 28px;
      font-weight: 500;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 16px; } }

.done-project-adaptive-block {
  display: none; }

.apps-char {
  padding-bottom: 50px; }
  .apps-char .apps-char-box {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .apps-char .apps-char-box .apps-char-item {
      height: 300px;
      width: 300px;
      border: 1px solid #83a8d9;
      border-radius: 150px;
      position: relative;
      margin: 0 15px 35px; }
      .apps-char .apps-char-box .apps-char-item .bg-box {
        height: 280px;
        width: 280px;
        border-radius: 150px;
        margin: 10px; }
      .apps-char .apps-char-box .apps-char-item .apps-char-item-content {
        position: absolute;
        top: 30px;
        left: 7px;
        bottom: 0;
        right: 0;
        z-index: 1; }
        .apps-char .apps-char-box .apps-char-item .apps-char-item-content .icon-box {
          width: 25%;
          margin: 30px 0 22px 108px; }
        .apps-char .apps-char-box .apps-char-item .apps-char-item-content .apps-char-item-title p {
          text-align: center;
          color: #fff;
          font-size: 22px;
          font-weight: 600; }
        .apps-char .apps-char-box .apps-char-item .apps-char-item-content .decor-box {
          width: 70%;
          margin: 25px 0 0 41px; }
      .apps-char .apps-char-box .apps-char-item:nth-child(2) {
        border: 1px solid #dc9a46; }
        .apps-char .apps-char-box .apps-char-item:nth-child(2) .apps-char-item-content .icon-box {
          width: 25%;
          margin: 37px 0 30px 108px;
          -webkit-filter: invert(0);
                  filter: invert(0); }
        .apps-char .apps-char-box .apps-char-item:nth-child(2) .apps-char-item-content .decor-box {
          margin: 22px 0 0 41px; }
      .apps-char .apps-char-box .apps-char-item:nth-child(3) .apps-char .apps-char-box .apps-char-item:nth-child(4) .apps-char-item-content .icon-box, .apps-char .apps-char-box .apps-char-item:nth-child(5) .apps-char-item-content .icon-box, .apps-char .apps-char-box .apps-char-item:nth-child(6) .apps-char-item-content .icon-box {
        width: 25%;
        margin: 37px 0 30px 108px; }

.adaptive-apps-char {
  display: none; }

@media screen and (max-width: 800px) {
  .technologies h4.title {
    display: none; }
  .technologies h4.adaptive-title {
    display: block; }
  .technologies .content-box .tags-block .upper-box p {
    display: none; }
  .technologies .content-box .tags-block .upper-box p.categories {
    display: block;
    margin-left: -11px; }
  .technologies .content-box .tags-block .upper-box:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(75% - 20px);
    height: 1px;
    left: 105px;
    top: 9px;
    background-color: #ddd; }
  .technologies .content-box .tags-block .lower-box .tags-box .tags-list a {
    width: 154px;
    padding: 10px; }
  .technologies .content-box .photos-block {
    display: none; }
  .technologies .content-box .adaptive-photos-block {
    display: block; }
  .done-project-block {
    display: none; }
  .done-project-adaptive-block {
    display: block; }
    .done-project-adaptive-block .done-project-adaptive-box {
      background-image: url("../img/done-project-ad-bg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 360px;
      display: block;
      padding-bottom: 50px; }
      .done-project-adaptive-block .done-project-adaptive-box .heading-adaptive-box {
        padding-top: 20px; }
        .done-project-adaptive-block .done-project-adaptive-box .heading-adaptive-box .border-box {
          border-bottom: 1px solid #74cdd7;
          width: 90%; }
        .done-project-adaptive-block .done-project-adaptive-box .heading-adaptive-box h1 {
          text-align: left;
          color: #fff;
          text-transform: uppercase;
          font-size: 34px;
          font-weight: 400; }
      .done-project-adaptive-block .done-project-adaptive-box .values-adaptive-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%; }
        .done-project-adaptive-block .done-project-adaptive-box .values-adaptive-box .values-adaptive-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-top: 20px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .done-project-adaptive-block .done-project-adaptive-box .values-adaptive-box .values-adaptive-item p {
            color: #fff;
            padding: 6px 0 0 10px; }
    .done-project-adaptive-block .photo-box {
      display: none; }
    .done-project-adaptive-block .photo-adaptive-box {
      display: block;
      padding-top: 50px; }
  .apps-char {
    display: none; }
  .adaptive-apps-char {
    display: block; }
    .adaptive-apps-char .title {
      padding-top: 60px;
      text-align: center;
      font-weight: 400;
      padding-bottom: 60px;
      color: #2e2e2e;
      font-size: 35px; }
    .adaptive-apps-char .clients-exit-icon {
      width: 26px;
      height: 26px;
      margin: 14px auto 0; }
      .adaptive-apps-char .clients-exit-icon:before, .adaptive-apps-char .clients-exit-icon:after {
        content: "";
        position: absolute;
        display: block;
        width: calc(50% - 30px);
        height: 1px;
        background-color: #ddd; }
      .adaptive-apps-char .clients-exit-icon:before {
        left: 0;
        margin-top: 19px; }
      .adaptive-apps-char .clients-exit-icon:after {
        right: 0;
        margin-top: -21px; }
    .adaptive-apps-char .adaptive-apps-char-box {
      padding: 0 0 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .adaptive-apps-char .adaptive-apps-char-box .adaptive-apps-char-item {
        width: 50%;
        padding-top: 60px; }
        .adaptive-apps-char .adaptive-apps-char-box .adaptive-apps-char-item .img-box {
          width: 50px;
          margin: 0 auto; }
        .adaptive-apps-char .adaptive-apps-char-box .adaptive-apps-char-item .adaptive-apps-char-content p {
          text-align: center;
          font-size: 23px;
          padding: 20px 0 10px;
          color: #2e2e2e; }
        .adaptive-apps-char .adaptive-apps-char-box .adaptive-apps-char-item .adaptive-apps-char-content .decor-box {
          border-bottom: 3px solid black;
          width: 18%;
          margin: 0 auto; }
  .clients {
    background-image: url("../img/clients-slider-bg.png"); } }

@media screen and (max-width: 350px) {
  .technologies h4.title {
    font-size: 31px; }
    .technologies h4.title .clients-exit-icon:before {
      margin-top: 19px; }
    .technologies h4.title .clients-exit-icon:after {
      right: 0;
      margin-top: -21px; }
  .clients .clients-box h4.title {
    font-size: 31px; }
    .clients .clients-box h4.title .clients-exit-icon:before {
      margin-top: 19px; }
    .clients .clients-box h4.title .clients-exit-icon:after {
      right: 0;
      margin-top: -21px; } }
.apps-head {
  background-image: url("../img/about-head-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 360px;
  display: block;
  margin-bottom: 60px;
  padding: 160px 0; }
footer {
  position: relative;
  padding: 60px 0 40px; }
  footer span.wpcf7-not-valid-tip {
    color: red; }
  footer:before {
    background-color: #f9f9f9;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  @media screen and (max-width: 1100px) {
    footer {
      background: #ddd; } }

div.wpcf7-response-output {
  color: #000;
  margin: 0; }

.footer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .footer-box .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 50%; }
    .footer-box .info-box .top-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .footer-box .info-box .top-box > nav > p,
      .footer-box .info-box .top-box > div > p {
        color: #a3a3a3;
        font-size: 22px;
        font-weight: 300; }
        .footer-box .info-box .top-box > nav > p:after,
        .footer-box .info-box .top-box > div > p:after {
          margin: 20px 0;
          content: "";
          display: block;
          height: 142px;
          width: 20px;
          height: 1.2px;
          background-color: #2e2e2e; }
          @media screen and (max-width: 1100px) {
            .footer-box .info-box .top-box > nav > p:after,
            .footer-box .info-box .top-box > div > p:after {
              background-color: #2e2e2e; } }
      .footer-box .info-box .top-box > nav .menu li,
      .footer-box .info-box .top-box > div .menu li {
        list-style: none; }
        .footer-box .info-box .top-box > nav .menu li a,
        .footer-box .info-box .top-box > div .menu li a {
          color: #2e2e2e;
          text-decoration: none;
          text-transform: uppercase;
          margin-bottom: 15px;
          display: inline-block;
          font-weight: 300;
          -webkit-transition: all 0.1s ease;
          -o-transition: all 0.1s ease;
          transition: all 0.1s ease;
          padding: 8px 0;
          position: relative; }
          .footer-box .info-box .top-box > nav .menu li a:before,
          .footer-box .info-box .top-box > div .menu li a:before {
            content: "";
            position: absolute;
            bottom: 4px;
            width: 100%;
            height: 1px;
            -webkit-transform: scaleX(0);
                -ms-transform: scaleX(0);
                    transform: scaleX(0);
            background: #2e2e2e;
            -webkit-transform-origin: left;
                -ms-transform-origin: left;
                    transform-origin: left;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            -o-transition: transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
          @media screen and (max-width: 1100px) {
            .footer-box .info-box .top-box > nav .menu li a,
            .footer-box .info-box .top-box > div .menu li a {
              color: #2e2e2e; } }
          .footer-box .info-box .top-box > nav .menu li a:hover,
          .footer-box .info-box .top-box > div .menu li a:hover {
            color: #000; }
            .footer-box .info-box .top-box > nav .menu li a:hover:before,
            .footer-box .info-box .top-box > div .menu li a:hover:before {
              -webkit-transform: scaleX(1);
                  -ms-transform: scaleX(1);
                      transform: scaleX(1); }
      .footer-box .info-box .top-box .contacts-info span.line {
        display: none; }
      .footer-box .info-box .top-box .contacts-info a {
        color: #2e2e2e;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        font-weight: 300;
        -webkit-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        padding: 8px 0 4px; }
        @media screen and (max-width: 1100px) {
          .footer-box .info-box .top-box .contacts-info a {
            color: #2e2e2e; } }
        .footer-box .info-box .top-box .contacts-info a:hover {
          color: #000; }
    .footer-box .info-box .bottom-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-top: 1px solid #f3f3f3;
      padding-top: 30px; }
      .footer-box .info-box .bottom-box .logo-box .img-box {
        width: 70%; }
      .footer-box .info-box .bottom-box .logo-box .text-box p {
        color: #767676;
        font-size: 14px; }
    .footer-box .info-box .contacts-adaptive-box {
      display: none; }
  .footer-box .contact-item {
    color: #a7a7a7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px; }
    @media screen and (max-width: 1024px) {
      .footer-box .contact-item {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 80%;
        margin: 0 auto 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    @media screen and (max-width: 500px) {
      .footer-box .contact-item {
        width: 100%; } }
    .footer-box .contact-item b {
      color: #959595; }
    .footer-box .contact-item a {
      color: #a7a7a7;
      text-decoration: none; }
  .footer-box .form-box {
    width: 45%; }
    .footer-box .form-box .title-form-box p {
      color: #2e2e2e;
      font-size: 33px;
      padding-bottom: 5px; }
      .footer-box .form-box .title-form-box p:last-child {
        color: #767676;
        font-size: 16px; }
    .footer-box .form-box form {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 20px; }
      .footer-box .form-box form p {
        width: 100%; }
        .footer-box .form-box form p span {
          width: 100%; }
          .footer-box .form-box form p span input,
          .footer-box .form-box form p span textarea {
            border-radius: 2px;
            width: 100%;
            resize: none;
            margin-bottom: 20px;
            padding: 7px 7px 7px 13px;
            outline: none;
            border: none;
            background: transparent;
            color: #2e2e2e;
            border: 1.4px solid #bbb;
            -webkit-transition: border-color 0.4s ease;
            -o-transition: border-color 0.4s ease;
            transition: border-color 0.4s ease; }
            .footer-box .form-box form p span input::-webkit-input-placeholder,
            .footer-box .form-box form p span textarea::-webkit-input-placeholder {
              color: #bbb; }
            .footer-box .form-box form p span input::-moz-placeholder,
            .footer-box .form-box form p span textarea::-moz-placeholder {
              color: #bbb; }
            .footer-box .form-box form p span input::-ms-input-placeholder,
            .footer-box .form-box form p span textarea::-ms-input-placeholder {
              color: #bbb; }
            .footer-box .form-box form p span input::placeholder,
            .footer-box .form-box form p span textarea::placeholder {
              color: #bbb; }
            .footer-box .form-box form p span input:hover, .footer-box .form-box form p span input:focus,
            .footer-box .form-box form p span textarea:hover,
            .footer-box .form-box form p span textarea:focus {
              border: 1.4px solid #5fb6e1; }
            @media screen and (max-width: 1100px) {
              .footer-box .form-box form p span input,
              .footer-box .form-box form p span textarea {
                color: #2e2e2e;
                border-bottom: 1px solid #2e2e2e; }
                .footer-box .form-box form p span input:focus,
                .footer-box .form-box form p span textarea:focus {
                  border-bottom: 1px solid #2e2e2e; }
                .footer-box .form-box form p span input::-webkit-input-placeholder,
                .footer-box .form-box form p span textarea::-webkit-input-placeholder {
                  color: #2e2e2e; }
                .footer-box .form-box form p span input::-moz-placeholder,
                .footer-box .form-box form p span textarea::-moz-placeholder {
                  color: #2e2e2e; }
                .footer-box .form-box form p span input::-ms-input-placeholder,
                .footer-box .form-box form p span textarea::-ms-input-placeholder {
                  color: #2e2e2e; }
                .footer-box .form-box form p span input::placeholder,
                .footer-box .form-box form p span textarea::placeholder {
                  color: #2e2e2e; } }
          .footer-box .form-box form p span textarea {
            height: 142px;
            display: block;
            border-radius: 0 20px 0 20px; }
        .footer-box .form-box form p button {
          -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          width: 100%;
          margin: 20px auto;
          display: block; }

@media screen and (max-width: 1100px) {
  footer {
    padding-bottom: 0;
    background-color: #fff; }
    footer .container {
      padding: 0; }
  .footer-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer-box .info-box {
      width: 100%; }
      .footer-box .info-box .top-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .footer-box .info-box .top-box nav {
          padding-bottom: 60px;
          text-align: center; }
          .footer-box .info-box .top-box nav > p:after {
            margin: 20px auto; }
      .footer-box .info-box .bottom-box {
        display: none; }
      .footer-box .info-box .contacts-adaptive-box {
        display: block; }
        .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 0 auto;
          border-bottom: 1px solid #dedede;
          padding-bottom: 30px;
          width: 100%; }
          .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info p.title {
            text-align: center;
            font-size: 27px;
            padding-bottom: 20px; }
          .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info .contact-adaptive-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 20px; }
            .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info .contact-adaptive-item p,
            .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info .contact-adaptive-item a {
              padding: 10px 0 10px 20px;
              color: #2e2e2e; }
            .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info .contact-adaptive-item a {
              text-decoration: none; }
            .footer-box .info-box .contacts-adaptive-box .contacts-adaptive-info .contact-adaptive-item b {
              padding: 10px 0; }
    .footer-box .contact-item {
      color: #2e2e2e; }
      .footer-box .contact-item b,
      .footer-box .contact-item a {
        color: #2e2e2e; }
    .footer-box .form-box {
      width: 100%;
      background-color: #ffce50ff;
      padding: 30px 0; }
      .footer-box .form-box .wpcf7 {
        margin-top: 40px; }
      .footer-box .form-box input,
      .footer-box .form-box textarea {
        background-color: #fff !important;
        border: none !important;
        border-radius: 7px; }
      .footer-box .form-box .social-media-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 30px; }
        .footer-box .form-box .social-media-box a {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 60px;
          height: 60px;
          display: block;
          -webkit-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          margin: 0 10px;
          color: transparent; }
          .footer-box .form-box .social-media-box a.fb {
            background-image: url("../img/fb-footer.png"); }
          .footer-box .form-box .social-media-box a.linkedin {
            background-image: url("../img/lin-footer.png"); }
          .footer-box .form-box .social-media-box a.inst {
            background-image: url("../img/inst-footer.png"); }
          .footer-box .form-box .social-media-box a.pinterest {
            background-image: url("../img/pin-footer.png"); }
      .footer-box .form-box .contacts-info,
      .footer-box .form-box .footer-form-text,
      .footer-box .form-box form {
        padding: 0 15px; }
        .footer-box .form-box .contacts-info p .btn,
        .footer-box .form-box .footer-form-text p .btn,
        .footer-box .form-box form p .btn {
          -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
                  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); }
      .footer-box .form-box .footer-form-text {
        padding: 30px 0 30px;
        z-index: 1;
        text-align: center;
        color: #fff; }
        .footer-box .form-box .footer-form-text .fns-18 {
          color: #fff !important; }
    .footer-box .contacts-adaptive-logo-box {
      margin-top: 2px;
      border-top: 1px solid #dedede;
      padding-bottom: 40px; }
      .footer-box .contacts-adaptive-logo-box .logo-box {
        padding-top: 30px; }
        .footer-box .contacts-adaptive-logo-box .logo-box .img-box {
          width: 50%;
          margin: 0 auto;
          padding-bottom: 20px; }
        .footer-box .contacts-adaptive-logo-box .logo-box .text-box p {
          color: #767676;
          text-align: center;
          line-height: 1.3;
          font-size: 12px; } }

@media screen and (max-width: 750px) {
  footer .form-box {
    position: relative;
    background-image: url("../img/footer-mobile-bg.jpg");
    background-size: cover; }
    footer .form-box form:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url("../img/footer-overlay-bg.png");
      background-size: 100% 100%;
      width: 100%;
      height: 78%;
      bottom: 0;
      left: 0; }
  footer div.wpcf7-response-output {
    position: relative;
    color: #2e2e2e; } }