@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 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 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * 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; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * 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; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 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 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * 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; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * 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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 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 */ }

/*==============================
fonts
==============================*/
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-regular.eot");
  src: url("../fonts/lato-regular.eot#iefix") format("embedded-opentype"), url("../images/lato-regular.svg") format("svg"), url("../fonts/lato-regular.woff2") format("woff2"), url("../fonts/lato-regular.woff") format("woff"), url("../fonts/lato-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "lato";
  src: url("../fonts/lato-bold.eot");
  src: url("../fonts/lato-bold.eot#iefix") format("embedded-opentype"), url("../images/lato-bold.svg") format("svg"), url("../fonts/lato-bold.woff2") format("woff2"), url("../fonts/lato-bold.woff") format("woff"), url("../fonts/lato-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "lato";
  src: url("../fonts/lato-heavy.eot");
  src: url("../fonts/lato-heavy.eot#iefix") format("embedded-opentype"), url("../images/lato-heavy.svg") format("svg"), url("../fonts/lato-heavy.woff2") format("woff2"), url("../fonts/lato-heavy.woff") format("woff"), url("../fonts/lato-heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway-light.eot");
  src: url("../fonts/raleway-light.eot#iefix") format("embedded-opentype"), url("../images/raleway-light.svg") format("svg"), url("../fonts/raleway-light.woff2") format("woff2"), url("../fonts/raleway-light.woff") format("woff"), url("../fonts/raleway-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway-regular.eot");
  src: url("../fonts/raleway-regular.eot#iefix") format("embedded-opentype"), url("../images/raleway-regular.svg") format("svg"), url("../fonts/raleway-regular.woff2") format("woff2"), url("../fonts/raleway-regular.woff") format("woff"), url("../fonts/raleway-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway-bold.eot");
  src: url("../fonts/raleway-bold.eot#iefix") format("embedded-opentype"), url("../images/raleway-bold.svg") format("svg"), url("../fonts/raleway-bold.woff2") format("woff2"), url("../fonts/raleway-bold.woff") format("woff"), url("../fonts/raleway-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway-extrabold.eot");
  src: url("../fonts/raleway-extrabold.eot#iefix") format("embedded-opentype"), url("../images/raleway-extrabold.svg") format("svg"), url("../fonts/raleway-extrabold.woff2") format("woff2"), url("../fonts/raleway-extrabold.woff") format("woff"), url("../fonts/raleway-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway-black.eot");
  src: url("../fonts/raleway-black.eot#iefix") format("embedded-opentype"), url("../images/raleway-black.svg") format("svg"), url("../fonts/raleway-black.woff2") format("woff2"), url("../fonts/raleway-black.woff") format("woff"), url("../fonts/raleway-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

/*==============================
base
==============================*/
*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html,
body {
  height: 100%;
  padding: 0;
  margin: 0; }

body {
  font-family: "lato", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  background: #ffffff;
  color: #363636; }

/*==============================
container
==============================*/
.site-wrapper {
  width: 100%;
  min-width: 300px;
  max-width: 1170px;
  margin: 0 auto; }

/*==============================
visually-hidden
==============================*/
.visually-hidden {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute; }

/*==============================
display-none
==============================*/
.display-none {
  display: none !important; }

/*==============================
footer-support
==============================*/
.footer-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  .footer-support__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
    @media (min-width: 992px) {
      .footer-support__content--2-columns {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #f1f1f1));
        background-image: linear-gradient(to right, #ffffff 50%, #f1f1f1 50%); } }
    @media (min-width: 992px) {
      .footer-support__content--2-columns-reverse {
        background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #f1f1f1));
        background-image: linear-gradient(to left, #ffffff 50%, #f1f1f1 50%); } }
  .footer-support__footer {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75); }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25); }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75); }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25); }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

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

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

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

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

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

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

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

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

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

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

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

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

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

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

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

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

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

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

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

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

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 0; } }

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -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: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -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: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

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

/*==============================
site-form
==============================*/
.site-form--complex .site-form__label span {
  position: relative;
  left: 0; }

.site-form--complex .site-form__textarea .site-form__input {
  padding-left: 10px; }

.site-form--complex .site-form__textarea span::before {
  display: none; }

.site-form__label {
  display: block;
  padding: 10px 0;
  position: relative; }
  .site-form__label span {
    display: inline-block;
    padding: 0 10px;
    background-color: #ffffff;
    font-family: raleway, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
    color: #363636;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: color;
    transition-property: color;
    position: absolute;
    top: 0;
    left: 30px; }
    @media (min-width: 768px) {
      .site-form__label span {
        left: 60px; } }
  .site-form__label:hover span {
    color: #ef7c00; }

.site-form__label-btn {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #898989;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  position: absolute;
  top: 3px;
  right: 30px; }
  .site-form__label-btn:hover {
    background-color: #ef7c00; }

.site-form__required span::after {
  display: inline-block;
  content: "*";
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  color: #ef7c00; }

.site-form__input {
  margin: 0;
  border: 0;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  width: 100%;
  height: 56px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #363636;
  font-family: lato, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 56px;
  text-transform: none;
  color: #363636;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-color;
  transition-property: border-color; }
  .site-form__input:focus {
    outline: 0; }
  .site-form__input::-webkit-input-placeholder {
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-transform: none;
    opacity: 1;
    color: #898989; }
  .site-form__input::-moz-placeholder {
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-transform: none;
    opacity: 1;
    color: #898989; }
  .site-form__input:-ms-input-placeholder {
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-transform: none;
    opacity: 1;
    color: #898989; }
  .site-form__input::-ms-input-placeholder {
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-transform: none;
    opacity: 1;
    color: #898989; }
  .site-form__input::placeholder {
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-transform: none;
    opacity: 1;
    color: #898989; }
  @media (min-width: 768px) {
    .site-form__input {
      border-radius: 15px; } }
  .site-form__input:hover, .site-form__input:focus {
    outline: none;
    border-color: #ef7c00; }
  .site-form__input--icon {
    padding-left: 50px;
    background-image: url("../images/sprite-site-form.svg");
    background-repeat: no-repeat; }
  .site-form__input--user {
    background-position: -5px -5px; }
    .site-form__input--user:focus {
      background-position: -5px -65px; }
  .site-form__input--phone {
    background-position: -5px -123px; }
    .site-form__input--phone:focus {
      background-position: -5px -183px; }
  .site-form__input--email {
    background-position: -5px -243px; }
    .site-form__input--email:focus {
      background-position: -5px -303px; }
  .site-form__input--note {
    background-position: -5px -363px; }
    .site-form__input--note:focus {
      background-position: -5px -423px; }
  .site-form__input--password {
    background-position: -5px -603px; }
    .site-form__input--password:focus {
      background-position: -5px -663px; }

.site-form__textarea textarea {
  min-height: 150px;
  resize: vertical;
  overflow: hidden;
  margin: 0;
  padding-left: 50px;
  line-height: 1.4; }
  .site-form__textarea textarea:focus ~ span::before {
    background-position: -18px -438px; }

.site-form__textarea span::before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-image: url("../images/sprite-site-form.svg");
  background-repeat: no-repeat;
  background-position: -18px -378px;
  position: absolute;
  left: -15px;
  top: 25px; }
  @media (min-width: 768px) {
    .site-form__textarea span::before {
      left: -45px; } }

.site-form__select .site-form__input {
  line-height: 1.4;
  background-image: url("../images/sprite-site-form.svg");
  background-repeat: no-repeat;
  background-position: right -482px; }
  .site-form__select .site-form__input::-ms-expand {
    /* Hide arrow in IE 10+ */
    display: none; }
  .site-form__select .site-form__input:focus {
    background-position: right -542px; }

.site-form__checkbox .site-form__input {
  display: none; }
  .site-form__checkbox .site-form__input:checked + span::after {
    opacity: 1; }

.site-form__checkbox span {
  padding-left: 35px;
  position: relative;
  left: auto;
  top: auto; }
  .site-form__checkbox span::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 22px;
    height: 22px;
    border: 3px solid #ef7c00;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0; }
    @media (min-width: 768px) {
      .site-form__checkbox span::before {
        border-radius: 5px; } }
  .site-form__checkbox span::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12px;
    height: 8px;
    border-bottom: 2px solid #ef7c00;
    border-left: 2px solid #ef7c00;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 5px; }

.site-form__radio .site-form__input {
  display: none; }
  .site-form__radio .site-form__input:checked + span::after {
    opacity: 1; }

.site-form__radio span {
  padding-left: 35px;
  position: relative;
  left: auto;
  top: auto; }
  .site-form__radio span::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #ef7c00;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0; }
  .site-form__radio span::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8px;
    height: 8px;
    background-color: #ef7c00;
    border-radius: 50%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
    top: 50%;
    margin-top: -6px;
    left: 6px; }

.site-form__upload {
  padding: 10px 0;
  text-align: center; }

.site-form__file-label {
  display: inline-block;
  width: auto;
  font-family: raleway, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636; }

.site-form__file {
  display: none; }

.site-form__file-info {
  display: block;
  padding-top: 10px; }

.site-form__error {
  position: relative; }
  .site-form__error .site-form__input {
    border-color: #e3000f; }
  .site-form__error::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url("../images/icon-warning.svg");
    position: absolute;
    right: 10px;
    bottom: 25px; }

.site-form__warning {
  font-family: "lato", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none; }

.site-form__asterix {
  font-size: 18px;
  font-weight: 900;
  color: #ef7c00; }

.site-form__fieldset {
  margin-bottom: 20px;
  border: 1px dotted #898989; }

.site-form__legend {
  padding: 0 10px;
  background-color: #ffffff;
  font-size: 14px;
  color: #363636; }

/*==============================
btn
==============================*/
.btn {
  margin: 0;
  border: 0;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 30px;
  margin: 0 auto;
  background-color: #ef7c00;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 50px;
  text-transform: none;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  pointer-events: auto; }
  .btn:focus {
    outline: 0; }
  @media (min-width: 768px) {
    .btn:hover {
      -webkit-filter: drop-shadow(0 0 10px #ef7c00);
              filter: drop-shadow(0 0 10px #ef7c00);
      cursor: pointer; } }
  .btn:active {
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5); }
  @media (min-width: 576px) {
    .btn {
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6b3d), to(#ffa23d));
      background-image: linear-gradient(to top, #ff6b3d, #ffa23d);
      border-radius: 30px; } }
  .btn--red {
    background-color: #e3000f; }
    @media (min-width: 576px) {
      .btn--red {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#c4010e), to(#ff3d01));
        background-image: linear-gradient(to top, #c4010e, #ff3d01);
        -webkit-filter: drop-shadow(0 10px 5px rgba(227, 0, 15, 0.3));
                filter: drop-shadow(0 10px 5px rgba(227, 0, 15, 0.3)); } }
  .btn--blue {
    background-color: #144e9b; }
    @media (min-width: 576px) {
      .btn--blue {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#144e9b), to(#3da6ff));
        background-image: linear-gradient(to top, #144e9b, #3da6ff);
        -webkit-filter: drop-shadow(0 10px 5px rgba(0, 50, 145, 0.3));
                filter: drop-shadow(0 10px 5px rgba(0, 50, 145, 0.3)); } }
    @media (min-width: 768px) {
      .btn--blue:hover {
        -webkit-filter: drop-shadow(0 0 10px rgba(0, 50, 145, 0.7));
                filter: drop-shadow(0 0 10px rgba(0, 50, 145, 0.7));
        cursor: pointer; } }
    .btn--blue:active {
      -webkit-filter: saturate(1.5);
              filter: saturate(1.5); }
  .btn--white {
    background-color: #ffffff;
    color: #144e9b; }
    @media (min-width: 576px) {
      .btn--white {
        background-image: none;
        -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4)); } }
    @media (min-width: 768px) {
      .btn--white:hover {
        -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
                filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
        cursor: pointer; } }
    .btn--white:active {
      -webkit-filter: saturate(1.5);
              filter: saturate(1.5); }
  .btn--icon {
    position: relative; }
    .btn--icon::after {
      content: "";
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 30px;
      height: 30px;
      margin-left: 10px;
      background-color: #ffffff;
      border: 2px solid #ffffff;
      border-radius: 50%;
      vertical-align: middle; }
  .btn--vk::after {
    background-image: url("../images/sprite-social-orange.svg");
    background-position: center 3px; }
  .btn--plus::after {
    background-image: url("../images/sprite-btn.svg");
    background-position: center -2px; }
  .btn--upload::after {
    background-image: url("../images/sprite-btn.svg");
    background-position: center -33px; }

/*==============================
zoom
==============================*/
.zoom {
  position: relative; }
  @media (min-width: 1200px) {
    .zoom::after {
      content: "";
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-image: url(../images/icon-eye-white.svg), -webkit-gradient(linear, left bottom, right top, from(rgba(1, 105, 180, 0.9)), to(rgba(167, 43, 143, 0.9)));
      background-image: url(../images/icon-eye-white.svg), linear-gradient(to right top, rgba(1, 105, 180, 0.9), rgba(167, 43, 143, 0.9));
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      position: absolute;
      top: 0;
      left: 0; } }
  @media (min-width: 1200px) {
    .zoom:hover::after {
      opacity: 1; } }

.lightbox {
  cursor: pointer;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  /* IE Fallback (Solid Colour) */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
  background: rgba(0, 0, 0, 0.7);
  -webkit-filter: none !important;
  z-index: 9997; }

.lightbox img {
  display: block;
  position: absolute;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 20px #000;
          box-shadow: 0 0 20px #000;
  border-radius: 1px; }

body.blurred > * {
  -webkit-filter: blur(2px);
  -webkit-transform: translate3d(0, 0, 0); }

.lightbox__loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50%;
  left: 50%; }

.lightbox__caption {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 9998;
  background: #000;
  background: rgba(0, 0, 0, 0.7); }

.lightbox__caption p {
  margin: 0 auto;
  max-width: 70%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 18px; }

.lightbox__button {
  position: absolute;
  z-index: 9999;
  background: no-repeat center center;
  width: 32px;
  height: 32px;
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.lightbox__button:hover,
.lightbox__button:focus {
  opacity: 1;
  -webkit-transform: scale(1.4);
  transform: scale(1.4); }

.lightbox__close {
  right: 20px;
  top: 20px;
  background-image: url("../images/close.png") !important; }

.lightbox__nav {
  top: 50%;
  margin-top: -16px; }

.lightbox__nav--next {
  right: 20px;
  background-image: url("../images/next.png") !important; }

.lightbox__nav--prev {
  left: 20px;
  background-image: url("../images/previous.png") !important; }

/*==============================
h
==============================*/
.segment-h {
  display: block;
  min-width: 320px;
  margin: 20px 0;
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  text-align: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .segment-h[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .segment-h[href]:active {
    opacity: 0.5; }
  .segment-h b {
    font-weight: 800;
    color: #ef7c00; }
  @media (min-width: 992px) {
    .segment-h {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    .segment-h {
      font-size: 36px; } }

.main-h {
  display: block;
  min-width: 320px;
  margin: 20px 0;
  font-family: raleway, Arial, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  text-align: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .main-h[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .main-h[href]:active {
    opacity: 0.5; }
  @media (min-width: 992px) {
    .main-h {
      font-size: 35px; } }
  @media (min-width: 1200px) {
    .main-h {
      font-size: 48px; } }

.min-h {
  display: block;
  min-width: 320px;
  margin: 0;
  padding: 10px 0;
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  text-align: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .min-h[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .min-h[href]:active {
    opacity: 0.5; }
  @media (min-width: 992px) {
    .min-h {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .min-h {
      font-size: 25px; } }
  .min-h--bg {
    background-color: #ffffff; }

/*==============================
social
==============================*/
.social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.social__item {
  padding: 0 10px; }
  @media (min-width: 768px) {
    .social__item {
      padding: 5px; } }

.social__link {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/sprite-social-orange.svg");
  font-size: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter; }
  @media (min-width: 768px) {
    .social__link[href]:hover {
      -webkit-filter: drop-shadow(0 0 5px #ef7c00);
              filter: drop-shadow(0 0 5px #ef7c00);
      cursor: pointer; } }
  .social__link[href]:active {
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5); }
  .social__link--vk {
    background-position: center top; }
  .social__link--youtube {
    background-position: center -24px; }
  .social__link--fb {
    background-position: center -48px; }
  .social__link--inst {
    background-position: center -72px; }

/*==============================
lang
==============================*/
.lang {
  display: block;
  width: 37px;
  height: 37px;
  font-size: 0;
  background-image: url("../images/sprite-lang.svg");
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .lang[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .lang[href]:active {
    opacity: 0.5; }
  .lang--en {
    background-position: center top; }
  .lang--ru {
    background-position: center -35px; }

/*==============================
video
==============================*/
.video {
  position: relative; }

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

.video__player {
  display: none; }
  @media (min-width: 768px) {
    .video__player {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transition: 1s opacity;
      transition: 1s opacity;
      position: absolute;
      left: 0;
      top: 0; } }

/* 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);
  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; }

/*==============================
mono-slider
==============================*/
.mono-slider {
  background-color: #181f28; }

.mono-slider__slide {
  display: block;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter; }
  .mono-slider__slide img {
    width: 100%;
    height: auto; }
  @media (min-width: 768px) {
    .mono-slider__slide[href]:hover {
      -webkit-filter: saturate(1.5);
              filter: saturate(1.5);
      cursor: pointer; } }
  .mono-slider__slide[href]:active {
    -webkit-filter: saturate(2);
            filter: saturate(2); }

/*==============================
main-show
==============================*/
.main-show {
  background-color: rebeccapurple;
  position: relative; }
  @media (min-width: 1200px) {
    .main-show {
      overflow: hidden; } }
  .main-show--add-banner {
    margin-bottom: 300px; }
    .main-show--add-banner .main-show__subtitles::after {
      display: none; }
    @media (min-width: 1200px) {
      .main-show--add-banner {
        margin-bottom: 320px;
        overflow: visible; } }

.main-show__bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.main-show__content {
  padding: 20px 10px;
  position: relative;
  z-index: 3; }
  @media (min-width: 1200px) {
    .main-show__content {
      padding-bottom: 6%;
      pointer-events: none;
      position: relative;
      z-index: 3; } }

@media (min-width: 1200px) {
  .main-show__logo-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }

.main-show__nav-block {
  pointer-events: auto; }
  @media (min-width: 1200px) {
    .main-show__nav-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

@media (min-width: 1200px) {
  .main-show__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: -10px;
    margin-top: -60px; } }

.main-show__lead-block {
  padding-top: 20px; }

.main-show__lead {
  display: block;
  font-family: raleway, Arial, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-align: center; }
  @media (min-width: 1200px) {
    .main-show__lead {
      text-align: left; } }

.main-show__lead-text {
  display: block;
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-align: center; }
  @media (min-width: 576px) {
    .main-show__lead-text {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    .main-show__lead-text {
      text-align: left; } }

.main-show__btn-block {
  max-width: 260px;
  margin: 0 auto;
  padding: 30px 0 10px; }
  @media (min-width: 1200px) {
    .main-show__btn-block {
      margin-left: 0; } }

@media (min-width: 1200px) {
  .main-show__subtitles::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 101%;
    height: 300px;
    background-image: url("../images/bg-main-show.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none; } }

@media (min-width: 1200px) {
  .main-show__subtitles {
    position: relative;
    z-index: 1; } }

.main-show__sub-text {
  display: block;
  margin: 0;
  padding: 10px 10px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }
  .main-show__sub-text a {
    font-family: raleway, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .main-show__sub-text a[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .main-show__sub-text a[href]:active {
      opacity: 0.5; }
    @media (min-width: 576px) {
      .main-show__sub-text a {
        font-size: 30px; } }
    @media (min-width: 1200px) {
      .main-show__sub-text a {
        font-size: 40px; } }
  @media (min-width: 1200px) {
    .main-show__sub-text {
      margin-left: -5px;
      padding-top: 10px;
      padding-right: 80px;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
      text-align: right;
      -webkit-transform-origin: 0 50% 0;
              transform-origin: 0 50% 0;
      -webkit-transform: rotate(-6deg);
              transform: rotate(-6deg); } }

@media (min-width: 1200px) {
  .sticky .main-show__line {
    width: 100%;
    margin-left: 0;
    padding: 140px 20px 10px;
    position: fixed;
    background-color: #181f28;
    background-image: url("../images/placeholder-video.jpg");
    background-size: cover;
    background-position: center;
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
    -webkit-transition-property: padding;
    transition-property: padding;
    top: 0;
    left: 0;
    z-index: 100; } }

@media (min-width: 1200px) {
  .sticky .main-show__logo-header {
    padding-left: 50px; } }

.main-show__add-banner {
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: -300px;
  z-index: 1; }
  @media (min-width: 1200px) {
    .main-show__add-banner {
      height: calc(300px + 11vw);
      bottom: calc(-(300px + 11vw));
      pointer-events: none; } }

/*==============================
site-logo
==============================*/
.site-logo__wrapper {
  display: block;
  width: 156px;
  height: 156px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 12px solid #eceef0;
  border-radius: 50%;
  position: relative; }
  .site-logo__wrapper img {
    width: 150px;
    height: auto;
    position: absolute;
    top: -59px;
    left: -9px; }
  @media (min-width: 1200px) {
    .site-logo__wrapper {
      margin: 0;
      -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
              filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); } }

.site-logo__header {
  text-align: center; }
  .site-logo__header span {
    font-family: raleway, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
    color: #ffffff; }
    @media (min-width: 1200px) {
      .site-logo__header span {
        white-space: nowrap; } }
  @media (min-width: 1200px) {
    .site-logo__header {
      padding-left: 40px;
      text-align: left; } }

.site-logo__text-wrapper {
  display: block;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-logo__text-wrapper[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-logo__text-wrapper[href]:active {
    opacity: 0.5; }
  .site-logo__text-wrapper img {
    max-width: 245px; }

/*==============================
site-header
==============================*/
.site-header {
  position: relative;
  z-index: 3; }

.site-header__main {
  min-width: 300px;
  padding: 0 10px 20px;
  background-color: #181f28; }
  @media (min-width: 768px) {
    .site-header__main {
      padding: 0 10px; } }
  @media (min-width: 1200px) {
    .site-header__main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      padding: 0;
      background-color: rgba(24, 31, 40, 0.6);
      position: fixed;
      z-index: 100; } }

@media (min-width: 1200px) {
  .site-header__col--first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

@media (min-width: 768px) {
  .site-header__col--last {
    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; } }

.site-header__col--center {
  max-width: 240px;
  margin: 0 auto; }

.site-header__phone-btn {
  display: none; }
  @media (min-width: 1200px) {
    .site-header__phone-btn::after {
      content: "";
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 20px;
      height: 20px;
      margin: auto;
      background-image: url("../images/sprite-communication-white.svg");
      background-position: center -60px; } }
  @media (min-width: 1200px) {
    .site-header__phone-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 70px;
      width: 70px;
      padding: 0;
      border-radius: 0; } }

.site-header__list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 25px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .site-header__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: left; } }
  @media (min-width: 1200px) {
    .site-header__list {
      padding: 0; } }
  @media (min-width: 1600px) {
    .site-header__list--parents {
      padding-right: 10px; } }

@media (min-width: 768px) {
  .site-header__item {
    padding: 0 10px; } }

.site-header__link {
  display: inline-block;
  margin-bottom: 15px;
  font-family: lato, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color;
  transition-property: color; }
  @media (min-width: 768px) {
    .site-header__link {
      margin: 0; } }
  @media (min-width: 1200px) {
    .site-header__link {
      font-size: 12px; } }
  @media (min-width: 1600px) {
    .site-header__link {
      font-size: 20px; } }
  @media (min-width: 768px) {
    .site-header__link[href]:hover {
      color: #ef7c00; } }
  .site-header__link[href]:active {
    color: #ef7c00; }

.site-header__btn {
  font-weight: 700;
  text-transform: uppercase; }
  @media (min-width: 1200px) {
    .site-header__btn {
      font-size: 12px; } }
  @media (min-width: 1500px) {
    .site-header__btn {
      font-size: 18px; } }

.site-header__icon-link {
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 30px;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color;
  transition-property: color;
  position: relative; }
  @media (min-width: 768px) {
    .site-header__icon-link {
      margin: 0; } }
  @media (min-width: 1200px) {
    .site-header__icon-link {
      font-size: 12px; } }
  @media (min-width: 1500px) {
    .site-header__icon-link {
      font-size: 18px; } }
  .site-header__icon-link::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url("../images/sprite-communication-orange.svg");
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0; }
  .site-header__icon-link[href]:hover {
    color: #ef7c00; }
    @media (min-width: 768px) {
      .site-header__icon-link[href]:hover::before {
        -webkit-filter: drop-shadow(0 0 5px #ef7c00);
                filter: drop-shadow(0 0 5px #ef7c00);
        cursor: pointer; } }
  .site-header__icon-link[href]:active {
    color: #ef7c00; }
    @media (min-width: 768px) {
      .site-header__icon-link[href]:active {
        -webkit-filter: saturate(1.5);
                filter: saturate(1.5); } }
  .site-header__icon-link--email {
    text-decoration: none; }
    .site-header__icon-link--email::before {
      background-position: center top; }
  .site-header__icon-link--parents {
    display: none; }
    .site-header__icon-link--parents::before {
      background-position: center -20px; }

.site-header__social {
  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; }
  @media (min-width: 768px) {
    .site-header__social {
      margin-left: auto; } }
  @media (min-width: 1200px) {
    .site-header__social {
      min-height: 70px;
      padding: 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.15);
      border-right: 1px solid rgba(255, 255, 255, 0.15); } }

.site-header__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 20px;
  -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 (min-width: 768px) {
    .site-header__lang {
      padding: 0 20px; } }

.site-header__private {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 20px;
  -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; }
  @media (min-width: 768px) {
    .site-header__private {
      padding: 0 20px; } }
  @media (min-width: 1200px) {
    .site-header__private {
      min-height: 70px;
      background-color: #144e9b;
      border-left: 1px solid rgba(255, 255, 255, 0.15); } }

.site-header__profile {
  display: block;
  width: 37px;
  height: 37px;
  font-size: 0;
  background-image: url("../images/icon-profile.svg");
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-header__profile[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-header__profile[href]:active {
    opacity: 0.5; }

@media (min-width: 1200px) {
  .site-header__main-show {
    padding-top: 100px; } }

@media (min-width: 1200px) {
  .site-header__nav {
    padding-left: 80px; } }

.site-header__line {
  padding: 20px 0;
  background-color: #144e9b; }
  @media (min-width: 1200px) {
    .site-header__line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      width: 100%;
      padding: 80px 20px 10px 30px;
      background-image: url("../images/placeholder-video.jpg");
      background-size: cover;
      background-position: center;
      position: fixed; } }

.site-header__exit {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-header__exit[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-header__exit[href]:active {
    opacity: 0.5; }

/*==============================
site-nav
==============================*/
.site-nav {
  width: 100%;
  height: 100vh;
  padding-top: 60px;
  background-color: #181f28;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 1500;
  pointer-events: auto; }
  @media (min-width: 576px) {
    .site-nav {
      height: auto;
      padding-top: 0;
      background-color: transparent;
      border-bottom: 1px solid #ffffff;
      overflow: visible;
      position: static; } }
  @media (min-width: 1200px) {
    .site-nav {
      border-color: rgba(255, 255, 255, 0.3); } }
  .site-nav:target {
    left: 0; }

.site-nav__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 576px) {
    .site-nav__list {
      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; } }

.site-nav__link {
  display: block;
  padding: 20px 10px;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  position: relative; }
  @media (min-width: 576px) {
    .site-nav__link::after {
      content: "";
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 3px;
      background-color: transparent;
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      -webkit-transition-property: background-color;
      transition-property: background-color;
      position: absolute;
      left: 0;
      bottom: -2px;
      z-index: 1; } }
  @media (min-width: 576px) {
    .site-nav__link {
      padding: 20px; } }
  @media (min-width: 576px) {
    .site-nav__link[href]:hover::after {
      background-color: #ef7c00; } }
  @media (min-width: 576px) {
    .site-nav__link[href]:hover {
      cursor: pointer; } }
  .site-nav__link[href]:active {
    opacity: 0.5; }
  @media (min-width: 576px) {
    .site-nav__link--hidden {
      display: none; } }
  .site-nav__link--current {
    background-color: #ef7c00; }
    @media (min-width: 576px) {
      .site-nav__link--current::after {
        content: "";
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: 3px;
        background-color: #ef7c00;
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: 1; } }
    @media (min-width: 576px) {
      .site-nav__link--current {
        background-color: transparent; } }
    @media (min-width: 576px) {
      .site-nav__link--current[href]:hover {
        color: #ffffff;
        cursor: default; } }

.site-nav__toggle {
  display: block;
  width: 40px;
  height: 40px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 100; }
  .site-nav__toggle--opener {
    background-color: #181f28;
    background-image: url("../images/icon-opener.svg");
    position: absolute;
    right: -50px;
    top: 10px; }
  .site-nav__toggle--closer {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #181f28;
    background-image: url("../images/icon-closer.svg"); }
  @media (min-width: 576px) {
    .site-nav__toggle {
      display: none; } }

/*==============================
site-footer
==============================*/
.site-footer {
  background-color: #181f28; }
  @media (min-width: 1200px) {
    .site-footer {
      position: relative;
      padding-bottom: 80px;
      background-image: url("../images/bg-footer-about.jpg");
      background-size: cover; } }

.site-footer__about {
  padding: 20px 10px; }
  @media (min-width: 1200px) {
    .site-footer__about {
      padding-top: 40px; } }

@media (min-width: 1200px) {
  .site-footer__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 1200px) {
  .site-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.site-footer__logo-wrapper {
  width: 103px;
  height: 103px;
  border-width: 9px; }
  .site-footer__logo-wrapper img {
    width: 100px;
    top: -41px;
    left: -8px; }

@media (min-width: 1200px) {
  .site-footer__logo-header {
    padding-left: 20px; } }

.site-footer__contacts {
  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: 20px 0; }
  @media (min-width: 1200px) {
    .site-footer__contacts {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0 20px;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      border-right: 1px solid rgba(255, 255, 255, 0.3); } }

.site-footer__contact-line {
  margin: 0;
  padding: 10px 0 10px 30px;
  text-align: left;
  position: relative; }
  .site-footer__contact-line::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url("../images/sprite-communication-orange.svg");
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0; }
  .site-footer__contact-line--address::before {
    background-position: center -40px; }
  .site-footer__contact-line--phone .site-footer__contact-link {
    white-space: nowrap; }
  .site-footer__contact-line--phone::before {
    background-position: center -60px; }

.site-footer__contact-link {
  margin: 0 10px 0 0;
  font-family: lato, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-footer__contact-link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-footer__contact-link[href]:active {
    opacity: 0.5; }

.site-footer__btn-block {
  max-width: 215px;
  margin: 0 auto;
  padding: 20px 0 0; }
  @media (min-width: 1200px) {
    .site-footer__btn-block {
      margin-left: 0; } }

.site-footer__snavi {
  display: block;
  max-width: 150px;
  margin: 0 auto;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-footer__snavi[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-footer__snavi[href]:active {
    opacity: 0.5; }

.site-footer__snavi-description {
  margin: 0 auto;
  font-family: lato, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: #ffffff;
  text-align: center; }

.site-footer__politics {
  padding: 20px 10px;
  background-color: #000000;
  text-align: center; }
  @media (min-width: 1200px) {
    .site-footer__politics {
      width: 100%;
      padding: 10px 0;
      background-color: rgba(24, 31, 40, 0.6);
      position: absolute;
      left: 0;
      bottom: 0; } }

.site-footer__text {
  display: inline-block;
  padding: 10px 0;
  margin: 0;
  font-family: lato, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .site-footer__text[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .site-footer__text[href]:active {
    opacity: 0.5; }
  @media (min-width: 1200px) {
    .site-footer__text {
      padding: 10px; } }
  .site-footer__text[href] {
    opacity: 0.3; }

/*==============================
site-main
==============================*/
@media (min-width: 1200px) {
  .site-main--fixed-top {
    padding-top: 155px; } }

.site-main__white-h {
  margin: 0;
  padding: 10px;
  background-color: #ffffff; }

/*==============================
video-block
==============================*/
.video-block {
  padding-top: 20px;
  padding-bottom: 20px; }
  .video-block__content {
    max-width: 700px;
    margin: 0 auto; }
  .video-block__iframe-wrapper {
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden; }
  .video-block__iframe {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0; }

/*==============================
gallery-info
==============================*/
.gallery-info {
  padding: 0 60px; }
  .gallery-info .slick-arrow {
    margin: 0;
    border: 0;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 50px;
    height: 100%;
    background-color: transparent;
    background-image: url("../images/sprite-arrows-gallery.svg");
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    position: absolute;
    top: 0;
    z-index: 1; }
    .gallery-info .slick-arrow:focus {
      outline: 0; }
    @media (min-width: 576px) {
      .gallery-info .slick-arrow:hover {
        cursor: pointer;
        -webkit-filter: brightness(0.8);
                filter: brightness(0.8); } }
    .gallery-info .slick-arrow:active {
      -webkit-filter: brightness(0.5);
              filter: brightness(0.5); }
  .gallery-info .slick-prev {
    background-position: left center;
    left: 0; }
    @media (min-width: 1500px) {
      .gallery-info .slick-prev {
        left: -60px; } }
  .gallery-info .slick-next {
    background-position: right center;
    right: 0; }
    @media (min-width: 1500px) {
      .gallery-info .slick-next {
        right: -60px; } }
  @media (min-width: 1500px) {
    .gallery-info {
      padding: 0; } }

.gallery-info__item {
  padding: 0 5px; }

.gallery-info__content {
  height: 100%;
  background-color: #ffffff;
  border-top: 5px solid #ef7c00;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .gallery-info__content {
      position: relative; } }
  @media (min-width: 1200px) {
    .gallery-info__content:hover .gallery-info__hover-content {
      height: 100%; } }

.gallery-info__main-content {
  padding: 20px 0; }

.gallery-info__img-wrapper {
  width: 152px;
  height: 152px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden; }

.gallery-info__description {
  margin: 0;
  padding: 20px 10px;
  text-align: center; }

.gallery-info__header {
  display: block;
  padding-bottom: 10px;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-transform: none;
  color: #363636; }

.gallery-info__subhead {
  display: block;
  font-family: lato, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636; }

.gallery-info__hover-content {
  background: #363636; }
  .gallery-info__hover-content p {
    margin: 0;
    padding: 10px;
    font-family: lato, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    text-transform: none;
    color: #ffffff;
    text-align: left; }
    @media (min-width: 1200px) {
      .gallery-info__hover-content p {
        line-height: 1.2; } }
    @media (min-width: 1500px) {
      .gallery-info__hover-content p {
        line-height: 1.5; } }
  @media (min-width: 992px) {
    .gallery-info__hover-content {
      background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(1, 105, 180, 0.9)), to(rgba(167, 43, 143, 0.9)));
      background-image: linear-gradient(to right top, rgba(1, 105, 180, 0.9), rgba(167, 43, 143, 0.9)); } }
  @media (min-width: 1200px) {
    .gallery-info__hover-content {
      width: 100%;
      height: 0;
      overflow: hidden;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: height;
      transition-property: height;
      position: absolute;
      bottom: 0;
      left: 0; } }

/*==============================
gallery-multi
==============================*/
.gallery-multi {
  padding: 0; }
  .gallery-multi img {
    max-width: 100%;
    height: auto; }
  .gallery-multi .slick-arrow {
    margin: 0;
    border: 0;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 50px;
    height: 40px;
    background-color: transparent;
    background-image: url("../images/sprite-arrows-gallery.svg");
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    position: absolute;
    bottom: 0; }
    .gallery-multi .slick-arrow:focus {
      outline: 0; }
    @media (min-width: 576px) {
      .gallery-multi .slick-arrow:hover {
        cursor: pointer;
        -webkit-filter: brightness(0.8);
                filter: brightness(0.8); } }
    .gallery-multi .slick-arrow:active {
      -webkit-filter: brightness(0.5);
              filter: brightness(0.5); }
  .gallery-multi .slick-prev {
    background-position: left center;
    left: 0; }
  .gallery-multi .slick-next {
    background-position: right center;
    right: 0; }
  .gallery-multi .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 40px;
    padding: 20px 60px 0;
    font-size: 0;
    line-height: 0;
    text-align: center; }
    .gallery-multi .slick-dots li {
      display: inline-block;
      padding: 10px;
      vertical-align: middle; }
    .gallery-multi .slick-dots button {
      margin: 0;
      border: 0;
      text-decoration: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 13px;
      height: 13px;
      padding: 0;
      background-color: #d1d1d1;
      border-radius: 50%;
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      -webkit-transition-property: -webkit-filter;
      transition-property: -webkit-filter;
      transition-property: filter;
      transition-property: filter, -webkit-filter; }
      .gallery-multi .slick-dots button:focus {
        outline: 0; }
      @media (min-width: 576px) {
        .gallery-multi .slick-dots button:hover {
          cursor: pointer;
          -webkit-filter: brightness(0.8);
                  filter: brightness(0.8); } }
      .gallery-multi .slick-dots button:active {
        background-color: #ef7c00; }
    @media (min-width: 1200px) {
      .gallery-multi .slick-dots {
        padding-top: 30px; } }
  .gallery-multi .slick-active button {
    background-color: #ef7c00; }
    @media (min-width: 992px) {
      .gallery-multi .slick-active button {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6b3d), to(#ffa23d));
        background-image: linear-gradient(to top, #ff6b3d, #ffa23d); } }
    .gallery-multi .slick-active button:hover {
      cursor: default;
      -webkit-filter: brightness(1);
              filter: brightness(1); }
  @media (min-width: 992px) {
    .gallery-multi {
      margin-top: -2px; } }

.gallery-multi__template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }
  @media (min-width: 992px) {
    .gallery-multi__template {
      position: relative; } }

.gallery-multi__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.gallery-multi__col--max {
  width: 66.666%; }

.gallery-multi__col--min {
  width: 33.333%; }

.gallery-multi__img-wrapper {
  display: block;
  position: relative; }
  .gallery-multi__img-wrapper::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }
  @media (min-width: 992px) {
    .gallery-multi__img-wrapper:hover::before {
      z-index: -1; } }

/*==============================
gallery-poly
==============================*/
.gallery-poly {
  padding: 20px 70px;
  background-color: #f1f1f1; }
  .gallery-poly .slick-arrow {
    margin: 0;
    border: 0;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 50px;
    height: 100%;
    background-color: transparent;
    background-image: url("../images/sprite-arrows-gallery.svg");
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    position: absolute;
    top: 0;
    z-index: 1; }
    .gallery-poly .slick-arrow:focus {
      outline: 0; }
    @media (min-width: 576px) {
      .gallery-poly .slick-arrow:hover {
        cursor: pointer;
        -webkit-filter: brightness(0.8);
                filter: brightness(0.8); } }
    .gallery-poly .slick-arrow:active {
      -webkit-filter: brightness(0.5);
              filter: brightness(0.5); }
  .gallery-poly .slick-prev {
    background-position: left center;
    left: 10px; }
    @media (min-width: 1500px) {
      .gallery-poly .slick-prev {
        left: -60px; } }
  .gallery-poly .slick-next {
    background-position: right center;
    right: 10px; }
    @media (min-width: 1500px) {
      .gallery-poly .slick-next {
        right: -60px; } }
  @media (min-width: 1500px) {
    .gallery-poly {
      padding: 20px 0; } }

.gallery-poly__img-wrapper {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .gallery-poly__img-wrapper[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .gallery-poly__img-wrapper[href]:active {
    opacity: 0.5; }

/*==============================
breadcrumbs
==============================*/
.breadcrumbs {
  padding: 10px;
  background-color: #ffffff; }

.breadcrumbs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left; }

.breadcrumbs__item {
  display: block;
  padding: 0 30px 5px 0;
  position: relative; }
  .breadcrumbs__item::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 6px;
    background-image: url("../images/icon-breadcrumbs.svg");
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 10px; }
  .breadcrumbs__item:last-child .breadcrumbs__link {
    font-weight: 700;
    cursor: default; }
    @media (min-width: 768px) {
      .breadcrumbs__item:last-child .breadcrumbs__link:hover, .breadcrumbs__item:last-child .breadcrumbs__link[href]:hover {
        opacity: 1;
        cursor: default; } }
    .breadcrumbs__item:last-child .breadcrumbs__link:active, .breadcrumbs__item:last-child .breadcrumbs__link[href]:active {
      opacity: 1; }
  .breadcrumbs__item:last-child::after {
    display: none; }

.breadcrumbs__link {
  font-family: raleway, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  color: #363636;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .breadcrumbs__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .breadcrumbs__link[href]:active {
    opacity: 0.5; }

/*==============================
program
==============================*/
@media (min-width: 992px) {
  .program {
    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; } }

@media (min-width: 992px) {
  .program__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 50%; } }

@media (min-width: 992px) {
  .program__col:nth-child(even) .program__item::after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    right: auto;
    left: 0; } }

@media (min-width: 1200px) {
  .program__col:nth-child(even) .program__content {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .program__col:nth-child(even) .program__description-content {
    margin-left: 0;
    margin-right: auto; } }

.program__item {
  background-color: #144e9b;
  border: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden; }
  @media (min-width: 992px) {
    .program__item::after {
      content: "";
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 80%;
      height: 100%;
      background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      position: absolute;
      top: 0;
      right: 0; } }
  @media (min-width: 992px) {
    .program__item {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-size: cover;
      background-position: center;
      position: relative; } }
  .program__item:hover .program__description {
    opacity: 1; }
  .program__item--velo .program__header::before {
    background-position: center top; }
  @media (min-width: 1200px) {
    .program__item--velo .program__description {
      background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(255, 107, 61, 0.9)), to(rgba(255, 162, 61, 0.9)));
      background-image: linear-gradient(to right top, rgba(255, 107, 61, 0.9), rgba(255, 162, 61, 0.9)); } }
  @media (min-width: 992px) {
    .program__item--velo {
      background-image: url("../images/bg-program-velo.jpg"); } }
  .program__item--moto .program__header::before {
    background-position: center -70px; }
  @media (min-width: 1200px) {
    .program__item--moto .program__description {
      background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(1, 105, 180, 0.9)), to(rgba(167, 43, 143, 0.9)));
      background-image: linear-gradient(to right top, rgba(1, 105, 180, 0.9), rgba(167, 43, 143, 0.9)); } }
  @media (min-width: 992px) {
    .program__item--moto {
      background-image: url("../images/bg-program-moto.jpg"); } }
  .program__item--aqua .program__header::before {
    background-position: center -140px; }
  @media (min-width: 1200px) {
    .program__item--aqua .program__description {
      background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 151, 229, 0.9)), to(rgba(0, 210, 158, 0.9)));
      background-image: linear-gradient(to right top, rgba(0, 151, 229, 0.9), rgba(0, 210, 158, 0.9)); } }
  @media (min-width: 992px) {
    .program__item--aqua {
      background-image: url("../images/bg-program-aqua.jpg"); } }

.program__content {
  padding: 20px 10px;
  text-align: center; }
  @media (min-width: 992px) {
    .program__content {
      position: relative;
      z-index: 1; } }
  @media (min-width: 1200px) {
    .program__content {
      width: 50%;
      padding: 20px;
      margin: 0 0 0 auto; } }

.program__header {
  margin: 0;
  font-family: raleway, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffffff; }
  .program__header b {
    font-weight: 800; }
  .program__header::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    height: 70px;
    margin: 0 auto 10px;
    background-image: url("../images/sprite-program.svg"); }
  .program__header::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100px;
    height: 3px;
    margin: 10px auto 0;
    background-color: #ffffff; }

.program__text {
  font-family: lato, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff; }

.program__description {
  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;
  padding: 10px;
  text-align: center;
  position: relative;
  z-index: 1; }
  @media (min-width: 1200px) {
    .program__description {
      width: 100%;
      height: 100%;
      background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(1, 105, 180, 0.9)), to(rgba(167, 43, 143, 0.9)));
      background-image: linear-gradient(to right top, rgba(1, 105, 180, 0.9), rgba(167, 43, 143, 0.9));
      text-align: left;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      position: absolute;
      left: 0;
      bottom: 0; } }

@media (min-width: 1200px) {
  .program__description-content {
    width: 50%;
    margin: 0 0 0 auto;
    padding: 10px; } }

.program__description-h {
  margin: 0;
  font-family: lato, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff; }

.program__description-text {
  margin: 0;
  font-family: lato, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff; }

.program__btn-block {
  padding: 20px 0; }

.program__btn {
  max-width: 260px;
  color: #ef7c00; }
  @media (min-width: 576px) {
    .program__btn {
      max-width: 100%;
      width: 260px;
      -webkit-filter: drop-shadow(0 0 5px rgba(195, 86, 37, 0.4));
              filter: drop-shadow(0 0 5px rgba(195, 86, 37, 0.4)); } }
  @media (min-width: 1200px) {
    .program__btn {
      margin-left: 0; } }
  @media (min-width: 768px) {
    .program__btn:hover {
      -webkit-filter: drop-shadow(0 0 10px #86310c);
              filter: drop-shadow(0 0 10px #86310c); } }
  .program__btn:active {
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5); }

/*==============================
segment
==============================*/
.segment {
  padding: 20px 0; }
  .segment--grey {
    padding: 20px 10px;
    background-color: #f1f1f1; }
    @media (min-width: 992px) {
      .segment--grey {
        padding: 40px 0; } }
    @media (min-width: 1200px) {
      .segment--grey {
        padding: 60px 10px; } }
  .segment--emotions {
    padding: 20px 10px; }
    @media (min-width: 576px) {
      .segment--emotions {
        background-image: url("../images/bg-segment-emotions.svg");
        background-size: contain;
        background-position: center; } }
    @media (min-width: 992px) {
      .segment--emotions {
        padding: 40px 10px; } }
    @media (min-width: 1200px) {
      .segment--emotions {
        padding: 60px 10px; } }
  .segment--top-shadow {
    padding: 20px 10px;
    border-top: 2px solid #f1f1f1; }
    @media (min-width: 992px) {
      .segment--top-shadow {
        padding: 40px 10px;
        -webkit-box-shadow: inset 0 0 30px 20px rgba(128, 128, 128, 0.1);
                box-shadow: inset 0 0 30px 20px rgba(128, 128, 128, 0.1); } }
    @media (min-width: 1200px) {
      .segment--top-shadow {
        padding: 60px 10px; } }
  .segment--eagleman {
    padding: 20px 10px;
    background-color: #f1f1f1; }
    @media (min-width: 992px) {
      .segment--eagleman {
        padding: 40px 10px; } }
    @media (min-width: 1200px) {
      .segment--eagleman {
        padding: 60px 0;
        background-image: url("../images/bg-eagleman.svg");
        background-repeat: no-repeat;
        background-position: bottom 120px right 10px; } }

.segment__btn-block {
  padding: 40px 0 20px; }

.segment__btn {
  max-width: 260px; }

@media (min-width: 992px) {
  .segment__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%; } }

@media (min-width: 992px) {
  .segment__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 50%;
    max-width: 50%; } }

@media (min-width: 992px) {
  .segment__col--left {
    padding-right: 10px; } }

@media (min-width: 992px) {
  .segment__col--right {
    padding-left: 10px; } }

.segment__eagleman-logo {
  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;
  width: 186px;
  height: 186px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0 5px 20px #cccccc);
          filter: drop-shadow(0 5px 20px #cccccc);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter; }
  @media (min-width: 768px) {
    .segment__eagleman-logo[href]:hover {
      -webkit-filter: drop-shadow(0 0 5px #ef7c00);
              filter: drop-shadow(0 0 5px #ef7c00);
      cursor: pointer; } }
  .segment__eagleman-logo[href]:active {
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5); }
  .segment__eagleman-logo img {
    width: 150px;
    height: auto;
    position: relative;
    top: -16px; }

.segment__eagleman-btn-block {
  padding: 20px 0; }

.segment__eagleman__btn {
  max-width: 260px; }

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

@media (min-width: 992px) {
  .segment__eagleman-col {
    padding: 10px; } }

@media (min-width: 1200px) {
  .segment__eagleman-col {
    padding: 20px; } }

.segment__eagleman-h b {
  color: #e3000f; }

@media (min-width: 992px) {
  .segment__eagleman-h {
    text-align: left; } }

/*==============================
main-segment
==============================*/
.main-segment {
  padding: 20px 10px; }
  @media (min-width: 992px) {
    .main-segment {
      padding: 40px 10px; } }
  @media (min-width: 1200px) {
    .main-segment {
      padding: 0 10px 60px;
      background-image: url("../images/bg-main-segment.png");
      background-repeat: no-repeat;
      background-position: right center;
      position: relative;
      overflow: hidden; } }

@media (min-width: 1200px) {
  .main-segment__auto {
    background-size: cover;
    position: absolute;
    z-index: -1; } }

@media (min-width: 1200px) {
  .main-segment__auto--01 {
    width: 588px;
    height: 573px;
    background-image: url("../images/bg-car-01.png");
    top: 45%;
    left: -17%; } }

@media (min-width: 1500px) {
  .main-segment__auto--01 {
    left: -5%; } }

@media (min-width: 1900px) {
  .main-segment__auto--01 {
    width: 840px;
    height: 818px;
    top: 30%;
    left: -10%; } }

@media (min-width: 1200px) {
  .main-segment__auto--02 {
    width: 647px;
    height: 388px;
    background-image: url("../images/bg-car-02.png");
    top: 20%;
    right: -15%; } }

@media (min-width: 1500px) {
  .main-segment__auto--02 {
    top: 10%;
    right: -10%; } }

@media (min-width: 1900px) {
  .main-segment__auto--02 {
    width: 850px;
    height: 553px;
    top: 0; } }

.main-segment__h {
  margin: 30px 0;
  font-size: 25px; }
  @media (min-width: 992px) {
    .main-segment__h {
      font-size: 35px; } }
  @media (min-width: 1200px) {
    .main-segment__h {
      margin-top: 0;
      font-size: 48px; } }

.main-segment__subhead {
  margin: 10px 0;
  font-size: 18px;
  text-align: left; }
  @media (min-width: 992px) {
    .main-segment__subhead {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .main-segment__subhead {
      font-size: 25px; } }

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

@media (min-width: 1200px) {
  .main-segment__columns {
    width: 70%;
    margin: 0 auto 80px; } }

@media (min-width: 768px) {
  .main-segment__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
    padding: 0 10px; } }

.main-segment__list {
  margin-left: 12px;
  padding-left: 0;
  list-style-image: url("../images/list-style.svg");
  list-style-position: outside; }
  .main-segment__list b {
    font-weight: 900;
    color: #ef7c00; }

.main-segment__item {
  padding-bottom: 10px; }

.main-segment__odd-block {
  background-color: #ffffff;
  border-top: 4px solid #ef7c00; }
  @media (min-width: 1200px) {
    .main-segment__odd-block {
      width: 70%;
      margin-left: auto;
      padding: 40px 40px 80px;
      background-image: url("../images/icon-clowd-grey.svg");
      background-repeat: no-repeat;
      background-position: right 20px bottom -60px;
      border: 1px solid #eeeeee;
      border-top: 4px solid #ef7c00;
      -webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05); } }

.main-segment__odd-gallery {
  margin: 0; }
  @media (min-width: 768px) {
    .main-segment__odd-gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1200px) {
    .main-segment__odd-gallery {
      margin-left: -120px; } }

.main-segment__odd-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 768px) {
    .main-segment__odd-col--01 {
      -ms-flex-preferred-size: 46.8%;
          flex-basis: 46.8%;
      width: 46.8%; } }
  @media (min-width: 768px) {
    .main-segment__odd-col--02 {
      -ms-flex-preferred-size: 23.2%;
          flex-basis: 23.2%;
      width: 23.2%; } }
  @media (min-width: 768px) {
    .main-segment__odd-col--03 {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      width: 20%; } }
  @media (min-width: 768px) {
    .main-segment__odd-col--04 {
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
      width: 10%; } }
  @media (min-width: 768px) {
    .main-segment__odd-col {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: block; } }

.main-segment__img-wrapper {
  display: block;
  margin: 0 auto;
  padding: 2px;
  font-size: 0; }
  .main-segment__img-wrapper img {
    max-width: 100%;
    height: auto; }
  @media (min-width: 768px) {
    .main-segment__img-wrapper--min {
      max-width: 55%;
      margin-left: 0; } }

/*==============================
scrollup
==============================*/
.scrollup {
  display: none;
  width: 40px;
  height: 40px;
  background-color: #144e9b;
  background-image: url("../images/icon-scrollup.svg");
  font-size: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1; }
  @media (min-width: 768px) {
    .scrollup:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .scrollup:active {
    opacity: 0.9; }

/*==============================
modal
==============================*/
.modal {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }
  @media (min-width: 992px) {
    .modal {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0; } }
  .modal--opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.modal__block {
  width: 100%;
  padding: 20px 10px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  position: relative; }
  @media (min-width: 992px) {
    .modal__block {
      width: 640px;
      padding: 20px; } }
  @media (min-width: 992px) {
    .modal__block--wide {
      width: 90%; } }
  @media (min-width: 768px) {
    .modal__block--wide {
      width: 80%; } }
  @media (min-width: 1200px) {
    .modal__block--wide {
      width: 70%; } }

.modal__header {
  margin: 0;
  padding: 20px 10px;
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
  color: #181f28; }
  @media (min-width: 992px) {
    .modal__header {
      padding-right: 80px;
      padding-bottom: 0;
      padding-left: 80px;
      font-size: 25px; } }

.modal__announcement {
  margin: 0;
  font-family: lato, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  text-align: center;
  color: #898989; }

.modal__closer {
  width: 40px;
  height: 40px;
  background-color: #ef7c00;
  background-image: url("../images/icon-closer.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  font-size: 0;
  position: absolute;
  top: 10px;
  right: 10px; }
  @media (min-width: 768px) {
    .modal__closer:hover {
      -webkit-filter: drop-shadow(0 0 10px #ef7c00);
              filter: drop-shadow(0 0 10px #ef7c00);
      cursor: pointer; } }
  .modal__closer:active {
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5); }

.modal__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.modal__btn-block {
  max-width: 260px;
  margin: 0 auto;
  padding: 20px 0; }

/*==============================
accordion
==============================*/
.accordion__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

.accordion__link {
  display: block;
  padding: 20px 60px 20px 10px;
  background-color: #144e9b;
  border-bottom: 1px solid #898989;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative; }
  .accordion__link::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 32px;
    height: 16px;
    background-image: url("../images/sprite-info-link.svg");
    background-position: center top;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    z-index: 2; }
  @media (min-width: 992px) {
    .accordion__link {
      background-size: cover;
      background-position: center; } }
  @media (min-width: 1200px) {
    .accordion__link {
      padding: 40px 60px 40px 20px; } }
  .accordion__link--velo .accordion__link-header::before {
    background-position: center top; }
  .accordion__link--velo:hover .accordion__link-img-wrapper::after {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#ff6b3d), to(#ffa23d));
    background-image: linear-gradient(to top right, #ff6b3d, #ffa23d);
    opacity: 0.9; }
  .accordion__link--moto .accordion__link-header::before {
    background-position: center -70px; }
  .accordion__link--moto:hover .accordion__link-img-wrapper::after {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0169b4), to(#a72b8f));
    background-image: linear-gradient(to top right, #0169b4, #a72b8f);
    opacity: 0.9; }
  .accordion__link--aqua .accordion__link-header::before {
    background-position: center -140px; }
  @media (min-width: 992px) {
    .accordion__link--aqua {
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0))), url("../images/bg-program-aqua.jpg");
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url("../images/bg-program-aqua.jpg"); } }
  .accordion__link--aqua:hover .accordion__link-img-wrapper::after {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0097e5), to(#00d29e));
    background-image: linear-gradient(to top right, #0097e5, #00d29e);
    opacity: 0.9; }
  .accordion__link--photo .accordion__link-header {
    font-family: lato, Arial, sans-serif;
    text-transform: none; }
    .accordion__link--photo .accordion__link-header::before {
      display: none; }
      @media (min-width: 768px) {
        .accordion__link--photo .accordion__link-header::before {
          content: "";
          display: inline-block;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 120px;
          height: 70px;
          margin: 0 20px 0 0;
          background-image: url("../images/icon-photo-white.svg");
          background-position: center;
          vertical-align: middle; } }
  .accordion__link--photo:hover .accordion__link-img-wrapper::after {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#ff6b3d), to(#ffa23d));
    background-image: linear-gradient(to top right, #ff6b3d, #ffa23d);
    opacity: 0.9; }
  .accordion__link:hover .accordion__link-img-wrapper::after {
    opacity: 0.9; }

.accordion__link-header {
  margin: 0;
  font-family: raleway, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffffff;
  text-align: left;
  position: relative;
  z-index: 1; }
  .accordion__link-header b {
    font-weight: 800;
    margin-right: 10px; }
  .accordion__link-header::before {
    content: "";
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    height: 70px;
    margin: 0 auto 10px;
    background-image: url("../images/sprite-program.svg");
    vertical-align: middle; }
    @media (min-width: 768px) {
      .accordion__link-header::before {
        margin: 0 20px 0 0; } }

.accordion__item.open .accordion__link::after {
  background-position: center bottom; }

.accordion__content {
  display: none;
  background: #ffffff; }

.accordion__link-img-wrapper {
  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;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  .accordion__link-img-wrapper::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
    @media (min-width: 992px) {
      .accordion__link-img-wrapper::before {
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(transparent));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), transparent); } }
  @media (min-width: 992px) {
    .accordion__link-img-wrapper::after {
      content: "";
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; } }

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

/*==============================
info
==============================*/
.info-radio {
  display: none; }

.info__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: info-counter; }

.info__nav-item {
  border-bottom: 1px solid #f1f1f1; }
  .info__nav-item:last-of-type {
    border-bottom-width: 0; }

.info__nav-link {
  display: block;
  padding: 20px 10px;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f7f7f7));
  background-image: linear-gradient(to right, #ffffff, #f7f7f7);
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
  color: #898989;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  position: relative; }
  @media (min-width: 768px) {
    .info__nav-link:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .info__nav-link:active {
    opacity: 0.9; }
  .info__nav-link::before {
    display: inline-block;
    counter-increment: info-counter;
    content: "0" counter(info-counter);
    font-family: lato, Arial, sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    text-transform: none;
    color: #898989;
    vertical-align: middle; }
    @media (min-width: 992px) {
      .info__nav-link::before {
        display: block;
        font-size: 50px; } }
  @media (min-width: 992px) {
    .info__nav-link {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .info__nav-link {
      padding: 30px 10px 40px 20px; } }
  .info__nav-link--current {
    background-color: #ffffff;
    background-image: none;
    border-right: 7px solid #ef7c00;
    color: #363636;
    -webkit-box-shadow: 8px 0 5px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 8px 0 5px 5px rgba(0, 0, 0, 0.05);
    cursor: default; }
    @media (min-width: 768px) {
      .info__nav-link--current:hover, .info__nav-link--current[href]:hover {
        opacity: 1;
        cursor: default; } }
    .info__nav-link--current:active, .info__nav-link--current[href]:active {
      opacity: 1; }
    .info__nav-link--current::before {
      color: #ef7c00; }

#info-01:checked ~ .main-columns .info__nav-link[for$="01"],
#info-02:checked ~ .main-columns .info__nav-link[for$="02"],
#info-03:checked ~ .main-columns .info__nav-link[for$="03"],
#info-04:checked ~ .main-columns .info__nav-link[for$="04"],
#info-05:checked ~ .main-columns .info__nav-link[for$="05"] {
  background-color: #ffffff;
  background-image: none;
  border-right: 7px solid #ef7c00;
  color: #363636;
  -webkit-box-shadow: 8px 0 5px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 8px 0 5px 5px rgba(0, 0, 0, 0.05);
  cursor: default; }
  @media (min-width: 768px) {
    #info-01:checked ~ .main-columns .info__nav-link[for$="01"]:hover, #info-01:checked ~ .main-columns .info__nav-link[for$="01"][href]:hover,
    #info-02:checked ~ .main-columns .info__nav-link[for$="02"]:hover,
    #info-02:checked ~ .main-columns .info__nav-link[for$="02"][href]:hover,
    #info-03:checked ~ .main-columns .info__nav-link[for$="03"]:hover,
    #info-03:checked ~ .main-columns .info__nav-link[for$="03"][href]:hover,
    #info-04:checked ~ .main-columns .info__nav-link[for$="04"]:hover,
    #info-04:checked ~ .main-columns .info__nav-link[for$="04"][href]:hover,
    #info-05:checked ~ .main-columns .info__nav-link[for$="05"]:hover,
    #info-05:checked ~ .main-columns .info__nav-link[for$="05"][href]:hover {
      opacity: 1;
      cursor: default; } }
  #info-01:checked ~ .main-columns .info__nav-link[for$="01"]:active, #info-01:checked ~ .main-columns .info__nav-link[for$="01"][href]:active,
  #info-02:checked ~ .main-columns .info__nav-link[for$="02"]:active,
  #info-02:checked ~ .main-columns .info__nav-link[for$="02"][href]:active,
  #info-03:checked ~ .main-columns .info__nav-link[for$="03"]:active,
  #info-03:checked ~ .main-columns .info__nav-link[for$="03"][href]:active,
  #info-04:checked ~ .main-columns .info__nav-link[for$="04"]:active,
  #info-04:checked ~ .main-columns .info__nav-link[for$="04"][href]:active,
  #info-05:checked ~ .main-columns .info__nav-link[for$="05"]:active,
  #info-05:checked ~ .main-columns .info__nav-link[for$="05"][href]:active {
    opacity: 1; }
  #info-01:checked ~ .main-columns .info__nav-link[for$="01"]::before,
  #info-02:checked ~ .main-columns .info__nav-link[for$="02"]::before,
  #info-03:checked ~ .main-columns .info__nav-link[for$="03"]::before,
  #info-04:checked ~ .main-columns .info__nav-link[for$="04"]::before,
  #info-05:checked ~ .main-columns .info__nav-link[for$="05"]::before {
    color: #ef7c00; }

.info__col {
  overflow: hidden; }

.info__item {
  display: block;
  width: 100%;
  height: 0;
  background-color: #f1f1f1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: z-index, -webkit-transform;
  transition-property: z-index, -webkit-transform;
  transition-property: transform, z-index;
  transition-property: transform, z-index, -webkit-transform;
  position: relative;
  z-index: 1; }
  @media (min-width: 1200px) {
    .info__item {
      background-image: url("../images/bg-dirt.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left bottom; } }

#info-01:checked ~ .main-columns .info__item--01,
#info-02:checked ~ .main-columns .info__item--02,
#info-03:checked ~ .main-columns .info__item--03,
#info-04:checked ~ .main-columns .info__item--04,
#info-05:checked ~ .main-columns .info__item--05 {
  height: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  z-index: 2; }

.info__content {
  padding: 10px; }
  .info__content p b {
    font-weight: 700;
    color: #ef7c00; }
  .info__content p a {
    color: #144e9b;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .info__content p a[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .info__content p a[href]:active {
      opacity: 0.5; }
  @media (min-width: 992px) {
    .info__content {
      padding: 20px 10px; } }
  @media (min-width: 1200px) {
    .info__content {
      padding: 20px 30px; } }

.info__item-header {
  display: block;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
  color: #363636; }
  @media (min-width: 992px) {
    .info__item-header {
      font-size: 25px; } }

.info__item-subhead {
  margin: 10px 0 5px;
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none; }

.info__accordion {
  -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05); }

.info__form {
  padding: 20px 0;
  background-color: #ffffff; }
  @media (min-width: 1200px) {
    .info__form {
      padding: 40px 0; } }

.info__form-row {
  padding: 10px; }
  @media (min-width: 992px) {
    .info__form-row {
      padding: 10px 20px; } }
  @media (min-width: 1200px) {
    .info__form-row {
      padding: 10px 40px; } }
  @media (min-width: 1500px) {
    .info__form-row {
      padding: 10px 60px; } }

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

.info__form-col {
  padding: 10px 0; }
  @media (min-width: 992px) {
    .info__form-col {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      width: 50%; } }
  @media (min-width: 992px) {
    .info__form-col:nth-child(odd) {
      padding-right: 10px; } }
  @media (min-width: 992px) {
    .info__form-col:nth-child(even) {
      padding-left: 10px; } }

.info__btn {
  max-width: 260px;
  margin-left: 0; }

.info__attention {
  padding-left: 40px;
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636;
  text-align: left;
  position: relative; }
  .info__attention strong {
    font-family: raleway, Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
    text-transform: none;
    color: #e3000f; }
  .info__attention b {
    color: #ef7c00; }
  .info__attention span {
    display: block;
    padding-bottom: 10px; }
  .info__attention::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url("../images/icon-attention.svg");
    position: absolute;
    left: 0;
    top: 0; }
  .info__attention--min {
    font-size: 15px; }
  .info__attention--accented {
    border: 1px solid #ef7c00;
    padding: 10px 10px 10px 50px; }
    .info__attention--accented::before {
      top: 10px;
      left: 10px; }
    @media (min-width: 768px) {
      .info__attention--accented {
        padding: 20px 20px 20px 60px; }
        .info__attention--accented::before {
          top: 20px;
          left: 20px; } }

.info__rubles {
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636; }
  .info__rubles::after {
    content: "";
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 14px;
    margin-right: 10px;
    background-image: url("../images/icon-ruble.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: baseline;
    position: relative;
    left: 5px; }

.info__text {
  margin: 0;
  text-align: center; }

/*==============================
main-columns
==============================*/
@media (min-width: 992px) {
  .main-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.main-columns--reverse .main-columns__min-col {
  background-color: #f1f1f1; }

.main-columns--reverse .main-columns__max-col {
  background-color: #ffffff; }

@media (min-width: 992px) {
  .main-columns--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.main-columns__min-col {
  background-color: #ffffff; }
  @media (min-width: 992px) {
    .main-columns__min-col {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 20%; } }

.main-columns__max-col {
  background-color: #f1f1f1; }
  @media (min-width: 992px) {
    .main-columns__max-col {
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 80%; } }

@media (min-width: 992px) {
  .main-columns__col-50 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 50%; } }

/*==============================
attention
==============================*/
.attention {
  padding: 10px; }
  .attention--successes .attention__body {
    border-color: #144e9b; }
    .attention--successes .attention__body::before {
      background-image: url("../images/icon-successes.svg");
      margin-top: -17px; }

.attention__body {
  padding: 20px 20px 20px 60px;
  border: 2px solid #ef7c00;
  position: relative; }
  .attention__body::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../images/icon-attention-orange.svg");
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 15px; }

.attention__text {
  margin: 10px 0;
  font-size: 15px;
  font-weight: 400;
  color: #363636; }
  .attention__text a {
    color: #144e9b;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .attention__text a[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .attention__text a[href]:active {
      opacity: 0.5; }

/*==============================
sequence
==============================*/
.sequence {
  padding-bottom: 40px; }
  @media (min-width: 992px) {
    .sequence {
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent); } }

.sequence__list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: seq-num;
  padding-left: 40px; }

.sequence__item {
  padding-top: 30px;
  padding-left: 30px;
  position: relative; }
  .sequence__item:before {
    counter-increment: seq-num;
    content: counter(seq-num);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #898989;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    z-index: 1; }
  .sequence__item--current::before {
    background-color: #ef7c00; }
  .sequence__item--current .sequence__content::before, .sequence__item--current .sequence__content::after {
    background-color: #ef7c00; }
  .sequence__item--passed:before {
    background-color: #144e9b; }
  .sequence__item--passed .sequence__content::before, .sequence__item--passed .sequence__content::after {
    background-color: #144e9b; }
  .sequence__item:first-of-type .sequence__content::before {
    display: none; }
  .sequence__item:last-of-type .sequence__content::after {
    display: none; }

.sequence__content {
  text-align: left; }
  .sequence__content::before {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: #898989;
    position: absolute;
    left: 0;
    top: 0; }
  .sequence__content::after {
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    background-color: #898989;
    position: absolute;
    left: 0;
    bottom: 0; }

.sequence__action {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #363636;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .sequence__action[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .sequence__action[href]:active {
    opacity: 0.5; }
  .sequence__action[href] {
    color: #144e9b; }

.sequence__text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #363636; }

/*==============================
complex
==============================*/
.complex {
  padding: 10px 10px 40px; }

.complex__form .site-form__input {
  font-size: 14px; }
  .complex__form .site-form__input::-webkit-input-placeholder {
    font-size: 14px; }
  .complex__form .site-form__input::-moz-placeholder {
    font-size: 14px; }
  .complex__form .site-form__input:-ms-input-placeholder {
    font-size: 14px; }
  .complex__form .site-form__input::-ms-input-placeholder {
    font-size: 14px; }
  .complex__form .site-form__input::placeholder {
    font-size: 14px; }

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

@media (min-width: 768px) {
  .complex__columns--2 > .complex__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%; } }

@media (min-width: 768px) {
  .complex__columns--3 > .complex__col {
    -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
    width: calc(100% / 3); } }

.complex__columns--inside > .complex__col {
  padding: 5px 0; }
  @media (min-width: 768px) {
    .complex__columns--inside > .complex__col:nth-child(odd) {
      padding-right: 5px; } }
  @media (min-width: 768px) {
    .complex__columns--inside > .complex__col:nth-child(even) {
      padding-left: 5px; } }

.complex__col {
  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;
  padding: 5px; }
  .complex__col--start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.complex__sum {
  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;
  min-height: 56px;
  margin: 0;
  padding: 0 10px;
  background-color: #f1f1f1;
  font-size: 20px;
  font-weight: 700;
  line-height: 1; }

.complex__add {
  padding: 10px 0; }

.complex__btn {
  display: inline-block;
  width: auto;
  margin-left: 0; }

.complex__link {
  font-size: 12px;
  color: #144e9b;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .complex__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .complex__link[href]:active {
    opacity: 0.5; }

/*==============================
card
==============================*/
.card {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .card--ready::after {
    content: "";
    width: 100px;
    height: 100px;
    background-image: url("../images/icon-ready.png");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    top: 10px;
    left: 10px; }

.card__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  background-color: #ffffff; }
  @media (min-width: 768px) {
    .card__body {
      padding: 10px 20px;
      -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05); } }

.card__content {
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  text-align: center; }

.card__text {
  margin: 0; }

.card__h {
  margin: 0;
  font-family: "raleway", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #181f28;
  text-align: center; }

.card__action {
  padding: 0 10px;
  text-align: center; }
  .card__action .btn {
    display: inline-block;
    width: auto; }

.card__add {
  text-align: right; }

.card__add-link {
  font-size: 12px;
  color: #144e9b;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .card__add-link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .card__add-link[href]:active {
    opacity: 0.5; }

/*==============================
tabs
==============================*/
.tabs {
  padding-bottom: 20px; }

.tabs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #144e9b; }

.tabs__link {
  display: block;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
  background-color: #f1f1f1;
  border: 1px solid #ffffff;
  border-bottom-width: 0;
  font-size: 14px;
  color: #898989;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .tabs__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .tabs__link[href]:active {
    opacity: 0.5; }
  .tabs__link--current {
    background-color: #144e9b;
    color: #ffffff;
    cursor: default; }
    @media (min-width: 768px) {
      .tabs__link--current:hover, .tabs__link--current[href]:hover {
        opacity: 1;
        cursor: default; } }
    .tabs__link--current:active, .tabs__link--current[href]:active {
      opacity: 1; }

/*==============================
description
==============================*/
.description {
  padding: 10px; }
  @media (min-width: 576px) {
    .description {
      padding: 20px; } }

.description__item b {
  font-weight: 700; }

.description__item--start .description__btn {
  border-color: #3da6ff;
  color: #3da6ff; }

.description__item--start .description__detail-list {
  list-style-image: url("../images/list-style-blue.svg"); }

.description__item--start b {
  color: #3da6ff; }

.description__item--pro .description__btn {
  border-color: #e3000f;
  color: #e3000f; }

.description__item--pro .description__detail-list {
  list-style-image: url("../images/list-style-red.svg"); }

.description__item--pro b {
  color: #e3000f; }

.description__item--sprt .description__btn {
  color: #ff7c3d;
  border-color: #ff7c3d; }

.description__item--sprt b {
  color: #e3000f; }

.description__btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0; }

.description__btn {
  display: block;
  padding: 5px 20px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .description__btn[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .description__btn[href]:active {
    opacity: 0.5; }
  @media (min-width: 576px) {
    .description__btn {
      border-radius: 5px; } }

.description__detail-list {
  list-style-position: outside;
  padding-left: 20px; }

.description__result {
  font-weight: 700; }

/*==============================
schedule
==============================*/
.schedule__about p {
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
  color: #363636; }

.schedule__about strong {
  font-family: lato, Arial, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.4;
  text-transform: none;
  color: #ef7c00; }

.schedule__info {
  padding: 10px;
  border: 1px solid #d1d1d1; }
  @media (min-width: 576px) {
    .schedule__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 5px; } }

.schedule__info-item {
  padding: 10px;
  font-family: raleway, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none; }
  .schedule__info-item strong {
    font-family: lato, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    color: #ef7c00; }
  .schedule__info-item b {
    font-size: 30px; }
  @media (min-width: 576px) {
    .schedule__info-item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      width: 50%;
      text-align: center; } }
  @media (min-width: 576px) {
    .schedule__info-item:first-child {
      border-right: 1px solid #d1d1d1; } }

.schedule__table-wrapper {
  padding: 20px 0;
  overflow-x: auto; }

.schedule__table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid transparent; }

.schedule__cell {
  padding: 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f1f1;
  text-align: center; }
  .schedule__cell--header {
    background-color: transparent; }
  .schedule__cell--main {
    text-align: left; }
    @media (min-width: 768px) {
      .schedule__cell--main {
        -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
                box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
        position: relative;
        z-index: 1; } }
    @media (min-width: 1200px) {
      .schedule__cell--main {
        padding-left: 40px; } }
  .schedule__cell--info {
    border-right: 1px solid #f1f1f1; }
  .schedule__cell:last-of-type .schedule__cell--info {
    border-right-width: 0; }

.schedule__table-header {
  display: block;
  font-family: raleway, Arial, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636;
  text-align: left; }
  .schedule__table-header b {
    font-weight: 900; }

.schedule__table-name {
  min-width: 80px;
  font-family: raleway, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center; }
  .schedule__table-name b {
    display: block;
    font-size: 20px; }
    @media (min-width: 992px) {
      .schedule__table-name b {
        font-size: 25px; } }
  @media (min-width: 992px) {
    .schedule__table-name {
      font-size: 18px; } }
  .schedule__table-name--velo {
    color: #ff843d; }
  .schedule__table-name--moto {
    color: #6c419c; }
  .schedule__table-name--aqua {
    color: #00b1c6; }

.schedule__info-box {
  padding: 20px 0;
  height: 100%; }

.schedule__tour {
  display: block;
  margin-bottom: 10px;
  font-family: raleway, Arial, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  color: #363636; }
  .schedule__tour b {
    margin-right: 5px;
    font-family: lato, Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    text-transform: none; }
    @media (min-width: 576px) {
      .schedule__tour b {
        font-size: 48px; } }

.schedule__details {
  margin: 0 0 10px;
  padding-left: 40px;
  position: relative; }
  .schedule__details::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 22px;
    height: 22px;
    background-image: url("../images/sprite-schedule.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0; }
  .schedule__details--date::before {
    background-position: center top; }
  .schedule__details--place::before {
    background-position: center -22px; }

.schedule__columns .btn {
  max-width: 300px;
  margin-left: 0; }
  @media (min-width: 768px) {
    .schedule__columns .btn {
      margin: auto; } }

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

@media (min-width: 768px) {
  .schedule__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (min-width: 768px) {
  .schedule__col--btn {
    margin-left: auto;
    padding: 0 20px; } }

/*==============================
offers
==============================*/
.offers__header {
  padding-left: 40px;
  font-family: raleway, Arial, sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: none;
  position: relative; }
  .offers__header::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url("../images/icon-star.svg");
    position: absolute;
    left: 0;
    top: 0; }

.offers__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 768px) {
    .offers__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.offers__item {
  padding: 5px; }
  @media (min-width: 768px) {
    .offers__item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      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 (min-width: 992px) {
    .offers__item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      width: 25%; } }

.offers__content {
  padding: 10px;
  color: #ffffff;
  text-align: center; }
  @media (min-width: 768px) {
    .offers__content {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .offers__content--gift {
    background-color: #00b0c7; }
    .offers__content--gift .offers__content-header::before {
      background-position: center top; }
    @media (min-width: 992px) {
      .offers__content--gift {
        background-image: -webkit-gradient(linear, left bottom, right top, from(#0097e5), to(#00d29e));
        background-image: linear-gradient(to top right, #0097e5, #00d29e); } }
  .offers__content--discount {
    background-color: #5e469f; }
    .offers__content--discount .offers__content-header::before {
      background-position: center -46px; }
    @media (min-width: 992px) {
      .offers__content--discount {
        background-image: -webkit-gradient(linear, left bottom, right top, from(#0169b4), to(#a72b8f));
        background-image: linear-gradient(to top right, #0169b4, #a72b8f); } }

.offers__content-header {
  font-family: lato, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none; }
  .offers__content-header b {
    display: block;
    font-family: lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase; }
  .offers__content-header::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 46px;
    height: 46px;
    margin: 0 auto 10px;
    background-image: url("../images/sprite-offers.svg");
    background-repeat: no-repeat; }

/*==============================
transfer
==============================*/
.transfer {
  padding: 10px;
  background-color: #ffffff; }
  @media (min-width: 768px) {
    .transfer {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.01);
              box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.01); } }
  .transfer--train .transfer__header::before {
    background-position: center top; }
  .transfer--avia .transfer__header::before {
    background-position: center -50px; }
  .transfer--help .transfer__header::before {
    background-position: center -100px; }

.transfer__header {
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  color: #363636;
  text-align: center; }
  .transfer__header::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    background-image: url("../images/sprite-transfer.svg"); }

.transfer__table-wrapper {
  overflow-x: auto; }

.transfer__table {
  width: 100%;
  border-collapse: collapse; }
  .transfer__table th,
  .transfer__table td {
    padding: 10px;
    border-bottom: 1px solid #f1f1f1; }
  .transfer__table th {
    text-align: right;
    font-weight: 400;
    vertical-align: top; }
  .transfer__table td {
    font-weight: 700;
    text-align: left;
    vertical-align: top; }
    .transfer__table td ul {
      padding-left: 10px;
      list-style: disc; }
	  
.transfer__sub-header {
  margin: 10px 0;
  font-family: "lato", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center; }

.transfer__mini-header {
  margin: 10px 0;
  text-align: left;
  font-family: "lato", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center; }

.transfer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "lato", Arial, sans-serif; }

.transfer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 1; }

.transfer__request {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  font-weight: 400;
  text-align: right; }

.transfer__response {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
  font-weight: 700;
  text-align: left; }
/*==============================
order
==============================*/
.order {
  padding: 10px;
  background-color: #ffffff; }
  @media (min-width: 768px) {
    .order {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 20px;
      -webkit-box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.01);
              box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.01); } }
  .order--counter {
    padding-left: 50px;
    position: relative; }
    .order--counter::before {
      display: block;
      counter-increment: brick-counter;
      content: counter(brick-counter);
      font-family: lato, Arial, sans-serif;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.4;
      text-transform: none;
      color: #363636;
      position: absolute;
      left: 10px;
      top: 25px; }
      @media (min-width: 576px) {
        .order--counter::before {
          left: 20px; } }
      @media (min-width: 768px) {
        .order--counter::before {
          top: 32px; } }
    @media (min-width: 768px) {
      .order--counter {
        padding-left: 60px; } }

.order__text {
  color: #363636;
  text-align: left; }

.order__line {
  display: block;
  margin: 10px 0; }

.order__accent {
  font-size: 15px;
  font-style: normal;
  color: #ef7c00; }

.order__link {
  font-weight: 700;
  color: #144e9b;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .order__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .order__link[href]:active {
    opacity: 0.5; }
  .order__link--icon::before {
    content: "";
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url("../images/sprite-order.svg");
    vertical-align: middle; }
  .order__link--download::before {
    background-position: center top; }
  .order__link--email::before {
    background-position: center -20px; }

.order__list {
  list-style: disc;
  padding-left: 20px; }

.order__item {
  padding-bottom: 10px; }

/*==============================
contacts
==============================*/
.contacts {
  padding: 10px 10px 20px; }
  @media (min-width: 992px) {
    .contacts {
      padding-bottom: 40px; } }
  @media (min-width: 992px) {
    .contacts--left {
      padding-right: 20px; } }
  @media (min-width: 992px) {
    .contacts--right {
      padding-left: 20px; } }

.contacts__header {
  display: block;
  min-width: 320px;
  margin: 0 0 20px;
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  text-align: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .contacts__header[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .contacts__header[href]:active {
    opacity: 0.5; }
  @media (min-width: 992px) {
    .contacts__header {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    .contacts__header {
      font-size: 36px; } }

.contacts__map {
  width: 100%;
  height: 300px; }
  @media (min-width: 768px) {
    .contacts__map {
      height: 450px; } }

.contacts__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.contacts__item {
  padding-bottom: 10px;
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #363636; }

.contacts__request {
  margin-right: 10px;
  font-weight: 700; }

.contacts__response {
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .contacts__response[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .contacts__response[href]:active {
    opacity: 0.5; }
  .contacts__response[href] {
    color: #144e9b; }

.contacts__btn {
  max-width: 260px; }

/*==============================
photo
==============================*/
.photo__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 576px) {
    .photo__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.photo__item {
  padding: 10px; }
  @media (min-width: 576px) {
    .photo__item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      width: 50%; } }
  @media (min-width: 768px) {
    .photo__item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      width: 25%; } }

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

.photo__btn-block {
  padding: 10px; }

.photo__btn {
  max-width: 280px; }

/*==============================
paginator
==============================*/
.paginator {
  padding: 20px 0; }
  .paginator ul {
    list-style: none;
    padding: 0;
    margin: 0;
    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; }
  .paginator li {
    padding: 0 5px; }
  .paginator__link {
    display: block;
    min-width: 30px;
    padding: 5px;
    border: 1px solid #144e9b;
    text-decoration: none;
    text-align: center;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    font-family: 15px, Arial, sans-serif;
    font-size: 400;
    font-weight: 1;
    line-height: 1.4;
    text-transform: none;
    color: #144e9b; }
    @media (min-width: 768px) {
      .paginator__link:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .paginator__link:active {
      opacity: 0.9; }
    @media (min-width: 768px) {
      .paginator__link {
        border-radius: 5px; } }
    .paginator__link--stop {
      border-color: #f1f1f1;
      color: #bababa;
      cursor: default; }
      @media (min-width: 768px) {
        .paginator__link--stop:hover, .paginator__link--stop[href]:hover {
          opacity: 1;
          cursor: default; } }
      .paginator__link--stop:active, .paginator__link--stop[href]:active {
        opacity: 1; }
    .paginator__link--current {
      border-color: #ef7c00;
      color: #ef7c00;
      cursor: default; }
      @media (min-width: 768px) {
        .paginator__link--current:hover, .paginator__link--current[href]:hover {
          opacity: 1;
          cursor: default; } }
      .paginator__link--current:active, .paginator__link--current[href]:active {
        opacity: 1; }
    .paginator__link--more {
      border-color: transparent; }
    .paginator__link--arrow {
      width: 30px;
      height: 30px;
      border-color: transparent;
      background-image: url("../images/sprite-paginator.svg");
      background-position-x: center;
      font-size: 0; }
    .paginator__link--prev {
      background-position-y: -30px; }
    .paginator__link--next {
      background-position-y: 0; }
    .paginator__link--prev.paginator__link--stop {
      background-position-y: -90px; }
    .paginator__link--next.paginator__link--stop {
      background-position-y: -60px; }

/*==============================
about
==============================*/
.about {
  padding: 10px; }
  .about p {
    font-family: lato, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    color: #363636; }
    @media (min-width: 992px) {
      .about p {
        font-size: 18px; } }
  .about b {
    font-weight: 700;
    color: #181f28; }
  .about strong {
    font-weight: 700;
    color: #ef7c00; }
  .about a {
    color: #144e9b;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .about a[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .about a[href]:active {
      opacity: 0.5; }
  .about em {
    font-size: 14px; }
  .about hr {
    color: #cccccc;
    /*для IE */
    background-color: #cccccc;
    /*для Firefox, Opera, Safari*/
    border: 0 none;
    height: 1px;
    /* высота 1px IE, Firefox, Opera, Safari */ }
  .about h2 {
    display: block;
    min-width: 320px;
    margin: 10px 0;
    font-family: lato, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: #363636;
    text-decoration: none;
    text-align: left;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .about h2[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .about h2[href]:active {
      opacity: 0.5; }
    @media (min-width: 992px) {
      .about h2 {
        font-size: 20px; } }
    @media (min-width: 1200px) {
      .about h2 {
        font-size: 25px; } }
  .about ul {
    list-style: disc; }
  .about li {
    padding-bottom: 10px;
    font-family: lato, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    color: #363636; }
    @media (min-width: 992px) {
      .about li {
        font-size: 18px; } }
  @media (min-width: 992px) {
    .about {
      padding: 20px; } }

/*==============================
bricks
==============================*/
.bricks ul {
  list-style: none;
  padding: 0;
  margin: 0; }

@media (min-width: 768px) {
  .bricks--no-flex .bricks__item {
    display: block; } }

.bricks__list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: brick-counter; }
  @media (min-width: 768px) {
    .bricks__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 768px) {
    .bricks__list--25 .bricks__item, .bricks__list--50 .bricks__item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      width: 50%; } }
  @media (min-width: 992px) {
    .bricks__list--25 .bricks__item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      width: 25%; } }
  @media (min-width: 992px) {
    .bricks__list--100 .bricks__item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      width: 100%; } }

.bricks__item {
  padding: 10px; }
  @media (min-width: 768px) {
    .bricks__item {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

/*==============================
gallery
==============================*/
@media (min-width: 768px) {
  .gallery__list .bricks__item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; } }

.gallery__img-wrapper {
  display: block;
  overflow: hidden; }
  .gallery__img-wrapper img {
    display: block;
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover; }

.gallery__btn-block {
  padding: 10px; }
  @media (min-width: 768px) {
    .gallery__btn-block {
      padding: 20px 20px 40px; } }

.gallery__btn {
  max-width: 260px; }

/*==============================
reviews
==============================*/
.reviews__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.reviews__item {
  padding: 10px; }
  .reviews__item::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    background-color: #cccccc; }
  @media (min-width: 992px) {
    .reviews__item {
      padding: 20px; } }

.reviews__name {
  display: block;
  margin: 0;
  padding: 10px 0 10px 40px;
  min-width: 320px;
  font-family: lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  color: #363636;
  text-decoration: none;
  text-align: left;
  position: relative; }
  .reviews__name::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url("../images/sprite-site-form.svg");
    background-repeat: no-repeat;
    background-position: center -15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0; }
  @media (min-width: 992px) {
    .reviews__name {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .reviews__name {
      font-size: 25px; } }

.reviews__date {
  display: block;
  font-family: lato, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  color: #363636; }

.reviews__connect {
  padding: 10px;
  background-color: #ffffff; }
  @media (min-width: 992px) {
    .reviews__connect {
      padding: 20px; } }

/* ============================================================================
error-404
 ============================================================================ */
.error-404 {
  width: 100%;
  background: #181f28; }
  @media (min-width: 768px) {
    .error-404 {
      background-image: url("../images/placeholder-video.jpg");
      background-size: cover;
      background-position: right center;
      -webkit-animation: 50s error-404-bg linear infinite;
              animation: 50s error-404-bg linear infinite; } }

.error-404__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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh; }

.error-404__title {
  font-family: raleway, Arial, sans-serif;
  font-size: 150px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ef7c00; }

.error-404__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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px; }
  @media (min-width: 768px) {
    .error-404__info {
      background-color: rgba(30, 36, 44, 0.5);
      border-radius: 20px; } }

.error-404__header {
  display: block;
  margin: 0;
  font-family: raleway, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: #ffffff;
  text-align: center; }
  .error-404__header span {
    display: block; }

.error-404__list {
  list-style: disc;
  color: #ffffff; }
  .error-404__list a {
    font-family: raleway, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    color: #ef7c00;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    @media (min-width: 768px) {
      .error-404__list a[href]:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .error-404__list a[href]:active {
      opacity: 0.5; }

.error-404__item {
  padding: 5px 0; }

@-webkit-keyframes error-404-bg {
  0% {
    background-position: right center; }
  50% {
    background-position: left center; }
  100% {
    background-position: right center; } }

@keyframes error-404-bg {
  0% {
    background-position: right center; }
  50% {
    background-position: left center; }
  100% {
    background-position: right center; } }

/*==============================
add-banner
==============================*/
.add-banner {
  width: 100%;
  height: 100%;
  /*
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url("../images/add-ban-mobile.jpg");
  */
  background-image: url("../images/add-ban-mobile.jpg");
  background-size: cover;
  background-position: center top; }
  @media (min-width: 1200px) {
    .add-banner {
      position: relative;
      /*
    background-image: linear-gradient(-6deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 65%, transparent 75%),
    url("../images/add-ban-angle.png");
    */
      background-image: url("../images/add-ban-angle.png"); } }

.add-banner__container {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto; }

.add-banner__content {
  max-width: 600px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5); }

.add-banner__text {
  display: block;
  font-family: raleway, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  text-transform: none;
  color: #ffffff;
  text-align: left; }
  @media (min-width: 576px) {
    .add-banner__text {
      font-size: 20px; } }

.add-banner__h {
  display: block;
  margin: 10px auto 10px 0;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff; }
  @media (min-width: 576px) {
    .add-banner__h {
      font-size: 25px; } }
  @media (min-width: 1200px) {
    .add-banner__h {
      font-size: 40px; } }

@media (min-width: 576px) {
  .add-banner__btn-block {
    padding: 10px; } }

@media (min-width: 992px) {
  .add-banner__btn-block {
    padding-bottom: 20px; } }

@media (min-width: 1200px) {
  .add-banner__btn-block {
    padding-bottom: 40px; } }

@media (min-width: 576px) {
  .add-banner__btn {
    max-width: 200px;
    margin-left: 0; } }

/*==============================
login
==============================*/
.login {
  padding: 10px 10px 40px; }

.login__text {
  margin: 0;
  padding: 0 0 20px;
  font-size: 16px;
  font-weight: 400;
  text-align: center; }
  @media (min-width: 768px) {
    .login__text {
      font-size: 20px; } }

.login__link {
  color: #144e9b;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .login__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .login__link[href]:active {
    opacity: 0.5; }

.login__form {
  max-width: 600px;
  margin: 0 auto; }

.login__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.login__item {
  padding-bottom: 20px; }

.login__add {
  padding: 0 10px 20px;
  font-size: 14px;
  text-align: center; }

.login__btn .btn {
  max-width: 200px; }

/*==============================
headline
==============================*/
.headline {
  text-align: center; }
  @media (min-width: 992px) {
    .headline {
      position: relative; } }

.headline__add {
  padding: 10px; }
  @media (min-width: 992px) {
    .headline__add {
      position: absolute;
      right: 0;
      top: 15px; } }
  @media (min-width: 1200px) {
    .headline__add {
      top: 24px; } }

.headline__text {
  font-size: 15px;
  color: #363636; }

.headline__link {
  color: #144e9b;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  @media (min-width: 768px) {
    .headline__link[href]:hover {
      opacity: 0.7;
      cursor: pointer; } }
  .headline__link[href]:active {
    opacity: 0.5; }
.site-form__file span {
  left: auto;
  bottom: auto; }
.site-form__file .site-form__input {
  padding: 0;
  border-width: 0; }