@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  min-width: 1066px;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.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%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.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: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.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;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    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% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    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: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -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% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*!
Video.js Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  width: 100%!important;
  color: #fff;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('/common/fonts/vjs/vjs.eot');
  src: url('/common/fonts/vjs/vjs.eot?#iefix') format('embedded-opentype'), url('/common/fonts/vjs/vjs.woff') format('woff'), url('/common/fonts/vjs/vjs.ttf') format('truetype'), url('/common/fonts/vjs/vjs.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #333333;
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
  -webkit-transition: visibility 0.1s, opacity 0.1s 300ms ease 0ms;
  -moz-transition: visibility 0.1s, opacity 0.1s 300ms ease 0ms;
  -ms-transition: visibility 0.1s, opacity 0.1s 300ms ease 0ms;
  -o-transition: visibility 0.1s, opacity 0.1s 300ms ease 0ms;
  transition: visibility 0.1s, opacity 0.1s 300ms ease 0ms;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
  -webkit-transition: visibility 1s, opacity 1s 300ms ease 0ms;
  -moz-transition: visibility 1s, opacity 1s 300ms ease 0ms;
  -ms-transition: visibility 1s, opacity 1s 300ms ease 0ms;
  -o-transition: visibility 1s, opacity 1s 300ms ease 0ms;
  transition: visibility 1s, opacity 1s 300ms ease 0ms;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
    - "\9" IE8 hack didn't work for this
    - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
    this is set to 0 */
}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #d92127 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.4s 300ms ease 0ms;
  -moz-transition: all 0.4s 300ms ease 0ms;
  -ms-transition: all 0.4s 300ms ease 0ms;
  -o-transition: all 0.4s 300ms ease 0ms;
  transition: all 0.4s 300ms ease 0ms;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
        the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all 0.2s 300ms ease 0ms;
  -moz-transition: all 0.2s 300ms ease 0ms;
  -ms-transition: all 0.2s 300ms ease 0ms;
  -o-transition: all 0.2s 300ms ease 0ms;
  transition: all 0.2s 300ms ease 0ms;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
        background. Surprisingly works in IE8.
        Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
        The -50% left position makes that happen.
    */
  background: #d92127 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
     specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  display: none;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  width: 122px;
  height: 122px;
  background: url("/common/img/play.png") no-repeat top center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  /*// Calculate total width/height so we're able to center the button
    @total-width: (@big-play-width + (@big-play-border-width * 2));
    @total-height: (@big-play-height + (@big-play-border-width * 2));
    // Position the button using the absolute-align mixin (bottom of page)
    .absolute-align(@big-play-align, @big-play-margin, @total-width);
    .absolute-align(@big-play-vertical-align, @big-play-margin, @total-height);

    font-size: @big-play-font-size;
    display: block;
    z-index: 2;
    position: absolute;
    width: @big-play-width;
    height: @big-play-height;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    .background-color-with-alpha(@big-play-bg-color, @big-play-bg-alpha);

    border: @big-play-border-width solid @big-play-border-color;

    .border-radius(@big-play-border-radius);
    .box-shadow(0px 0px 1em rgba(255, 255, 255, 0.25));
    .transition(all 0.4s);*/
}
.vjs-default-skin .vjs-big-play-button:before {
  display: none;
}
.vjs-default-skin .vjs-big-play-button:hover {
  width: 122px;
  height: 122px;
  background: url("/common/img/play-hover.png") no-repeat top center;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  /*    border-color: #fff;
    background-color: rgb(80, 80, 80);
    background-color: rgba(50, 50, 50, 0.75);

    .box-shadow(0 0 3em #fff);
    .transition(all 0s);*/
}
.vjs-default-skin {
  cursor: pointer;
}
.vjs-default-skin:hover .vjs-big-play-button {
  width: 122px;
  height: 122px;
  background: url("/common/img/play-hover.png") no-repeat top center;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none!important;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /*.animation(spin 1.5s infinite linear);*/
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-animation: none 300ms 0ms ease;
  -moz-animation: none 300ms 0ms ease;
  -ms-animation: none 300ms 0ms ease;
  -o-animation: none 300ms 0ms ease;
  animation: none 300ms 0ms ease;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: url('../imgloader-black.gif');
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #333333;
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  margin: auto;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
     checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #fff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #fc6 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
.bbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.btn-reset input,
.btn-reset button {
  bottom: 0;
}
.btn-reset input:focus,
.btn-reset button:focus {
  outline: 0;
}
.cover-bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.horizontal-list:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.horizontal-list li {
  float: left;
  list-style: none;
}
.select-off {
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.absolute-center {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.hide {
  display: none !important;
}
.hidden {
  display: none;
}
.block {
  display: block;
}
.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
.uppercase {
  text-transform: uppercase;
}
.ie8 .border-radius {
  behavior: url(/common/PIE.htc);
}
@keyframes infiniteRun {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@-webkit-keyframes infiniteRun {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@-moz-keyframes infiniteRun {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@-o-keyframes infiniteRun {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes vibraion {
  0% {
    left: -10px;
  }
  25% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  75% {
    left: 0;
  }
  100% {
    left: -10px;
  }
}
@-webkit-keyframes vibraion {
  0% {
    left: -10px;
  }
  25% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  75% {
    left: 0;
  }
  100% {
    left: -10px;
  }
}
@-moz-keyframes vibraion {
  0% {
    left: -10px;
  }
  25% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  75% {
    left: 0;
  }
  100% {
    left: -10px;
  }
}
@-o-keyframes vibraion {
  0% {
    left: -10px;
  }
  25% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  75% {
    left: 0;
  }
  100% {
    left: -10px;
  }
}
@keyframes vibraion-mr {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -10px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@-webkit-keyframes vibraion-mr {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -10px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@-moz-keyframes vibraion-mr {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -10px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@-o-keyframes vibraion-mr {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -10px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes vibraion-ml {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 10px;
  }
  50% {
    margin-left: 0;
  }
  75% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes vibraion-ml {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 10px;
  }
  50% {
    margin-left: 0;
  }
  75% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0;
  }
}
@-moz-keyframes vibraion-ml {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 10px;
  }
  50% {
    margin-left: 0;
  }
  75% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0;
  }
}
@-o-keyframes vibraion-ml {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 10px;
  }
  50% {
    margin-left: 0;
  }
  75% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes flash {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes flash {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes flash {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes flash {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@font-face {
  font-family: "Rub";
  src: url("/common/fonts/rub/rouble.eot");
  src: local("Rub"), local("Rub"), url("/common/fonts/rub/rouble.woff") format("woff"), url("/common/fonts/rub/rouble.ttf") format("truetype"), url("/common/fonts/rub/rouble.svg#ALSRubl") format("svg");
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_600italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_600italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_600italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_600italic-webfont.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_600-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_600-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_600-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_600-webfont.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_500italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_500italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_500italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_500italic-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_300italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_300italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_300italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_300italic-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_500-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_500-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_500-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_500-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_300-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_300-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_300-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_300-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_200-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_200-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_200-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_200-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_200italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_200italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_200italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_200italic-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_100italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_100italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_100italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_100italic-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_100-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_100-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_100-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_100-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_800italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_800italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_800italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_800italic-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_700italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_700italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_700italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_700italic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_700-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_700-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_700-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_700-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_regular-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_regular-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_regular-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_900-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_900-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_900-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_900-webfont.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_900italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_900italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_900italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_900italic-webfont.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_800-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_800-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_800-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_800-webfont.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Exo_2';
  src: url(/common/fonts/exo2/exo_2_italic-webfont.eot);
  src: url(/common/fonts/exo2/exo_2_italic-webfont.eot?#iefix) format("embedded-opentype"), url(/common/fonts/exo2/exo_2_italic-webfont.woff) format("woff"), url(/common/fonts/exo2/exo_2_italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
.content {
  color: #333333;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.ie8 .content {
  font-family: "Arial", sans-serif;
}
.content ._gray {
  color: #7f7f7f;
}
.content a {
  color: #009f4b;
}
.content h1 {
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 20px;
}
.content h2 {
  font-size: 26px;
  line-height: 34px;
  margin: 10px 0;
}
.content h3 {
  font-size: 18px;
  line-height: 22px;
  margin: 10px 0 10px;
}
.content p + h3 {
  margin: 19px 0 10px;
}
.content h4,
.content h5,
.content h6 {
  font-size: 17px;
  line-height: 20px;
  margin-top: 5px;
}
.content p {
  margin: 10px 0;
}
.content ul,
.content ol {
  padding: 0;
  list-style: none;
}
.content ul li,
.content ol li {
  position: relative;
  padding-left: 18px;
  margin: 10px 0;
}
.content ul li:before,
.content ol li:before {
  color: #d92127;
  font-weight: bold;
}
.content ul ol,
.content ul ul {
  margin: 0;
}
.content ul > ul {
  padding-left: 18px;
}
.content ul ul > ul {
  padding-left: 14px;
}
.content ul li:before {
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #d92127;
  left: 3px;
  top: 8px;
  content: "";
}
.content ul li ul > li {
  padding-left: 14px;
}
.content ul li ul > li:before {
  width: 4px;
  height: 4px;
  top: 9px;
  background: #4c4c4c;
  border-radius: 2px;
}
.content ol {
  counter-reset: ol-counter;
}
.content ol ol,
.content ol ul {
  margin: 0;
}
.content ol > ol {
  padding-left: 18px;
}
.content ol li {
  padding-left: 18px;
  position: relative;
}
.content ol li:before {
  content: counter(ol-counter) ". ";
  counter-increment: ol-counter;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 18px;
}
.content .table {
  color: #4c4c4c;
}
.content .table thead tr {
  padding-top: 11px;
}
.content .table thead tr td,
.content .table thead tr th {
  border-bottom: 3px solid #d92127;
  font-weight: 600;
}
.content .table tr:last-child,
.content .table tr._last {
  border-bottom: 3px solid #d92127;
}
.content .table tr td {
  border-bottom: 1px solid #cccccc;
  padding: 10px 18px 11px;
}
.content .table tr td._red {
  color: #fff;
  background: #d92127;
  border-bottom: 1px solid #d92127;
  font-weight: 700;
  text-align: center;
}
.content .table tr td._red + td {
  padding-left: 28px;
}
.content blockquote {
  color: #ea0000;
  text-transform: uppercase;
  padding-left: 100px;
  position: relative;
  margin: 20px 40px;
}
.content blockquote:before {
  content: "„";
  display: block;
  position: absolute;
  font-size: 139px;
  line-height: 50px;
  left: 42px;
  top: -62px;
  font-style: italic;
  color: #dadada;
}
.content .img-block {
  margin: 30px 0;
}
.content .img-block img {
  width: 100%;
  height: auto;
}
.content .img-block .caption {
  color: #7f7f7f;
}
.page-info .breadcrumb {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0px;
}
.page-info .breadcrumb .link {
  font-size: 14px;
  line-height: 21px;
  color: #808080;
  padding-right: 2px;
}
.page-info .breadcrumb .link .text {
  border-bottom: 1px solid #e6e6e6;
}
.page-info .breadcrumb .link:first-child:before {
  display: none;
}
.page-info .breadcrumb .link:before {
  content: "→";
  padding-left: 3px;
  padding-right: 8px;
}
.page-info .breadcrumb.text-page {
  max-width: 900px;
  margin: auto;
}
.page-info .catalog {
  padding-top: 15px;
}
.text-page-container.catalog {
  padding-left: 40px;
  padding-top: 15px;
}
.text-page-container .content {
  max-width: 900px;
  padding-top: 15px;
  margin: auto;
}
footer .main a {
  color: #fff;
}
footer .main a:hover {
  color: #d92127;
}
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-clip: padding-box;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}
.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-image: none;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.select2-container {
  margin-right: 7px;
  min-width: 220px;
  position: relative;
  color: #333333;
  font-size: 14px;
  line-height: 32px;
  height: 32px;
}
.select2-container.select2-container-disabled .select2-choice {
  color: #808080;
}
.select2-container:hover {
  color: #e0e0e0;
}
.select2-container:hover .select2-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 6px solid #009f4b;
}
.select2-container:hover.select2-container-disabled .select2-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 6px solid #656565;
}
.select2-container.auth-select {
  margin: 10px 0;
  font-size: 18px;
  width: 80%;
  height: 44px;
}
.select2-container.auth-select .select2-choice {
  height: 40px;
  line-height: 40px;
}
.select2-container.auth-select.wide {
  width: 100%;
}
.select2-container.auth-select .select2-arrow:before {
  top: 1em;
}
.select2-container.auth-select.select-sm {
  width: 25%;
}
.select2-container.auth-select.select-md {
  width: 40%;
}
.select2-container.auth-select.select-sm {
  width: 25%;
}
.select2-container.auth-select.select-md-2 {
  width: 50%;
  float: left;
}
.select2-container.auth-select.last {
  margin-right: 0;
}
.select2-container.select-red .select2-choice {
  background: #a52125;
  color: #fff;
  font-size: 14px;
}
.select2-container.select-red .select2-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 6px solid #fff;
}
.select2-container .select2-choice {
  position: relative;
  border: none !important;
  border-radius: 0;
  background: #f0f0f0;
  height: 32px;
  color: #333333;
  font-weight: 600;
  padding-left: 13px;
}
.select2-container .select2-choice > .select2-chosen {
  /*margin-right: 32px;*/
  margin-right: 28px;
  text-overflow: clip;
}
.select2-dropdown-open .select2-choice {
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.select2-container-active.select-red .select2-choice {
  box-shadow: inset 0px 0px 5px #540d0f;
}
.select2-container-active .select2-choice {
  box-shadow: inset 0px 0px 5px rgba(0, 159, 75, 0.7);
}
.select2-container-active .select2-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 6px solid #009f4b;
}
.select2-highlighted {
  background: #009f4b !important;
  color: #fff !important;
}
.select2-drop {
  border: none;
  border-radius: 0;
  outline-style: none;
}
.select2-arrow {
  border: none;
  border-radius: 0;
  width: 32px;
}
.select2-arrow:before {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 1;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 6px solid #656565;
}
.select2-drop {
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
}
.select2-drop .select2-input {
  width: 100%;
  height: 41px;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 2px solid #bfbfbf;
  outline: 0;
  font-size: 18px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: normal;
  color: #333333;
  padding: 5px 10px;
  font-size: 14px;
}
.select2-drop .select2-input-wrap {
  float: left;
  padding-top: 10px;
}
.select2-drop .select2-input::-webkit-input-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input:-moz-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input::-moz-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input:-ms-input-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input:-moz-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input::-moz-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input:-ms-input-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input::-webkit-input-placeholder {
  color: #8eccab;
}
.select2-drop .select2-input.placeholdersjs {
  color: #8eccab;
}
.select2-drop .select2-input::-webkit-input-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input:-moz-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input::-moz-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input:-ms-input-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input:-moz-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input::-moz-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input:-ms-input-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input::-webkit-input-placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-input.placeholdersjs {
  color: #b3b3b3;
}
.select2-drop .select2-input.control-sm {
  width: 25%;
}
.select2-drop .select2-input.error {
  border-color: #ff696d;
}
.select2-drop .select2-input:focus {
  border-color: #009f4b;
  -webkit-box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
.select2-drop .select2-input-textarea {
  resize: vertical;
  min-height: 80px;
  max-height: 150px;
}
.select2-drop .select2-input.placeholder {
  color: #b3b3b3;
}
.select2-drop .select2-no-results,
.select2-drop .select2-searching {
  background: #fff;
}
.select2-results {
  font-size: 14px;
  line-height: 26px;
  padding: 6px 0;
  margin: 0;
}
.select2-results .select2-result-label {
  min-height: 30px;
  line-height: 1.5em;
  padding-left: 13px;
  font-weight: 600;
}
.select2-drop.auth-select .select2-result-label {
  height: 40px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 600;
}
.auth-select.error {
  border: 2px solid #ff696d;
}
.auth-select + .errorMessage {
  color: #ff696d;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.auth-select + .errorMessage a {
  color: #009f4b;
}
.auth-select + .errorMessage a:hover {
  color: #d92127;
}
.sex-container {
  position: relative;
}
.sex-error {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 49px;
  width: 100%;
}
.checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.checkbox + label {
  position: relative;
  padding-left: 25px;
  margin-left: 28px;
  cursor: pointer;
}
.checkbox + label .ico {
  display: none;
}
.checkbox + label:before {
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  background: #d9d9d9;
  cursor: pointer;
}
.checkbox:active + label:before {
  background: #cfe6d9;
}
.checkbox:checked + label:before {
  background: #009e4a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODRBOUNGQzFERjcxMUU0ODM4OEFFQ0MwQTlBNzg0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODRBOUNGRDFERjcxMUU0ODM4OEFFQ0MwQTlBNzg0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NEE5Q0ZBMURGNzExRTQ4Mzg4QUVDQzBBOUE3ODQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4NEE5Q0ZCMURGNzExRTQ4Mzg4QUVDQzBBOUE3ODQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c3BfjgAAAK5JREFUeNpi/P/3HwMQcADxDwb8gB2If4IYTEBsCcS3gNgKjwZuIN4FxJ1gHtCmGUD8H4g/ArEVyGY0zA3EB6FqHgOxGEiQGYiX4tCIrkEV7B2oJDaNWDUga8Km8RQ2DeiaYBqXQxWD8BN0DSDMhBZKoKCXQuLzArEoRlji8fQ6XKGKL5TQ/WiNrAlnKOHSyIAk+Bibp9E0fgBiEZCgIhAfxaEBWeMSIE4G8QECDACTyb0Kmqtu4wAAAABJRU5ErkJggg==") 50% 3px no-repeat;
}
.checkbox:active:checked + label:before {
  background-color: #00b354;
}
.checkbox + label .ico {
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  background: #d9d9d9;
  cursor: pointer;
}
.checkbox._checked:active + label .ico {
  background-color: #00b354;
}
.checkbox._checked + label .ico {
  background: #009e4a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODRBOUNGQzFERjcxMUU0ODM4OEFFQ0MwQTlBNzg0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODRBOUNGRDFERjcxMUU0ODM4OEFFQ0MwQTlBNzg0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NEE5Q0ZBMURGNzExRTQ4Mzg4QUVDQzBBOUE3ODQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4NEE5Q0ZCMURGNzExRTQ4Mzg4QUVDQzBBOUE3ODQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c3BfjgAAAK5JREFUeNpi/P/3HwMQcADxDwb8gB2If4IYTEBsCcS3gNgKjwZuIN4FxJ1gHtCmGUD8H4g/ArEVyGY0zA3EB6FqHgOxGEiQGYiX4tCIrkEV7B2oJDaNWDUga8Km8RQ2DeiaYBqXQxWD8BN0DSDMhBZKoKCXQuLzArEoRlji8fQ6XKGKL5TQ/WiNrAlnKOHSyIAk+Bibp9E0fgBiEZCgIhAfxaEBWeMSIE4G8QECDACTyb0Kmqtu4wAAAABJRU5ErkJggg==") 50% 3px no-repeat;
}
.checkbox:active + label .ico {
  background: #cfe6d9;
}
.ie8 .checkbox + label:before {
  display: none;
}
.ie8 .checkbox + label .ico {
  display: block;
}
@-moz-document url-prefix() {
  /* Only FF*/
  .checkbox + label:before {
    top: -1px;
  }
}
.btn {
  width: 100%;
  height: auto;
  border: 3px solid #808080;
  background-color: #999999;
  display: inline-block;
  padding: 12px 9px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  outline: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-danger {
  border: 3px solid #ae001d;
  background-color: #e10025;
}
.btn-danger:hover {
  background-color: #fb0029;
  border-color: #c80021;
}
.btn-danger:active {
  background-color: #c80021;
  border-color: #c80021;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
}
.btn-wrap {
  text-align: center;
  display: block;
  width: 100%;
}
.btn-lg {
  font-weight: normal;
  font-size: 22px;
  color: #fff;
  padding: 15px 10px;
}
.btn-disabled {
  background-color: #ebebeb;
  border-color: #d9d9d9;
  font-weight: 300;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.btn-bordered {
  background: transparent;
  border: 2px solid #21ab63;
  font-weight: bold;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #21ab63;
}
.btn-bordered:hover {
  background: #00a14c;
  border-color: #00a14c;
  color: #fff;
}
.btn-bordered:active {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
}
.btn-bordered._white {
  border-color: #fff;
  color: #fff;
}
.btn-bordered._link:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-bordered.gray {
  border: 2px solid #d9d9d9;
}
.btn-short {
  width: 80%;
}
.btn-inline {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  font-size: 16px;
}
.btn-inline.btn-sm {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 10px;
}
.btn-default {
  background: #009f4b;
  border-color: #408065;
  background-color: #009f4b;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.btn-default:hover {
  border-color: #0f9960;
  background-color: #00bf59;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.btn-default:active {
  border-color: #39735b;
  background-color: #008f43;
  -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.1);
}
.input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  border: 2px solid #bfbfbf;
  background-color: #fff;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  color: #333333;
  font-size: 18px;
  line-height: 22px;
  height: 41px;
  padding: 7px 14px;
  padding-top: 8px;
}
.input:focus,
.input:active {
  border-color: #009f4b;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 159, 75, 0.2);
}
.input ._success {
  border-color: #98d9b6;
  background-color: #ebfff4;
}
.input ._error {
  border-color: #ff696e;
}
.form-control {
  width: 100%;
  height: 41px;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 2px solid #bfbfbf;
  outline: 0;
  font-size: 18px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: normal;
  color: #333333;
}
.form-control-wrap {
  float: left;
  padding-top: 10px;
}
.form-control::-webkit-input-placeholder {
  color: #8eccab;
}
.form-control:-moz-placeholder {
  color: #8eccab;
}
.form-control::-moz-placeholder {
  color: #8eccab;
}
.form-control:-ms-input-placeholder {
  color: #8eccab;
}
.form-control:-moz-placeholder {
  color: #8eccab;
}
.form-control::-moz-placeholder {
  color: #8eccab;
}
.form-control:-ms-input-placeholder {
  color: #8eccab;
}
.form-control::-webkit-input-placeholder {
  color: #8eccab;
}
.form-control.placeholdersjs {
  color: #8eccab;
}
.form-control::-webkit-input-placeholder {
  color: #b3b3b3;
}
.form-control:-moz-placeholder {
  color: #b3b3b3;
}
.form-control::-moz-placeholder {
  color: #b3b3b3;
}
.form-control:-ms-input-placeholder {
  color: #b3b3b3;
}
.form-control:-moz-placeholder {
  color: #b3b3b3;
}
.form-control::-moz-placeholder {
  color: #b3b3b3;
}
.form-control:-ms-input-placeholder {
  color: #b3b3b3;
}
.form-control::-webkit-input-placeholder {
  color: #b3b3b3;
}
.form-control.placeholdersjs {
  color: #b3b3b3;
}
.form-control.control-sm {
  width: 25%;
}
.form-control.error {
  border-color: #ff696d;
}
.form-control:focus {
  border-color: #009f4b;
  -webkit-box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 159, 75, 0.2), inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
.form-control-textarea {
  resize: vertical;
  min-height: 80px;
  max-height: 150px;
}
.form-control.placeholder {
  color: #b3b3b3;
}
.form .form-control.control-sm.zip-control {
  float: left;
  width: 21%;
}
.label-control {
  font-size: 16px;
  color: #333333;
}
.label-control.dark-control {
  font-size: 16px;
  color: #333333;
}
.errorMessage {
  color: #ff696d;
  display: block;
  margin-top: -5px;
  font-size: 13px;
  margin-bottom: 10px;
}
.errorMessage a {
  color: #009f4b;
}
.errorMessage a:hover {
  color: #d92127;
}
.input-notice {
  color: #999999;
  font-size: 13px;
  margin-top: -5px;
  margin-bottom: 10px;
  margin-right: 5px;
}
.input-notice.push-bottom {
  margin-bottom: 20px;
  display: block;
}
.input-notice a {
  color: #009f4b;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 159, 75, 0.5);
}
.input-notice a:hover {
  color: #d92127;
  border-bottom: 1px solid rgba(217, 33, 39, 0.5);
}
.input-notice-link {
  font-size: 13px;
}
.check-be-fan + label {
  padding-left: 25px;
  margin-left: 0px;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-control {
  min-height: 1.1em;
  display: block;
  cursor: pointer;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-control[type="checkbox"] {
  display: none;
}
.checkbox-control[type="checkbox"]:checked + .checkbox-control:before {
  background-position: 0 0;
}
.checkbox-control:before {
  content: '';
  background: url("../img/checkbox-sprite.png") 0 -19px;
  display: inline-block;
  position: relative;
  top: 3px;
  left: -7px;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  margin-left: 7px;
}
.checkbox-control .label-control {
  font-size: 14px;
  color: #fff;
}
.checkbox-control .label-control.dark-control {
  font-size: 16px;
  color: #333333;
}
.radio-control-container {
  min-height: 1.1em;
  display: block;
  position: relative;
  margin-bottom: 15px;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-control-container .radio-control[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: block;
  left: -100%;
}
.radio-control-container .radio-control[type="radio"] .radio-label > .ico {
  display: none;
}
.radio-control-container .radio-control[type="radio"]:checked + .radio-label:before {
  border-color: #009e4a;
}
.radio-control-container .radio-control[type="radio"]:disabled + .radio-label:before {
  border-color: #dfdfdf;
  background: #f5f5f5;
}
.radio-control-container .radio-control[type="radio"]:checked + .radio-label:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  background: #009f4b;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ie8 .radio-control-container .radio-control[type="radio"] + .radio-label:before {
  display: none!important;
}
.ie8 .radio-control-container .radio-control[type="radio"] + .radio-label span {
  display: none!important;
}
.ie8 .radio-control-container .radio-control[type="radio"] + .radio-label {
  cursor: pointer;
}
.ie8 .radio-control-container .radio-control[type="radio"] + .radio-label .ico {
  cursor: pointer;
  display: block !important;
  position: absolute;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  background: #fff url("/common/img/ico-radio.png") 0 -18px no-repeat;
  left: 0;
  top: 1px;
}
.ie8 .radio-control-container .radio-control[type="radio"]._checked + .radio-label .ico {
  background-position: 0 0;
}
.radio-control-container .radio-label {
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 27px;
  color: #333333;
  display: inline-block;
}
.radio-control-container .radio-label:before {
  content: '';
  display: block;
  position: absolute;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background: #fff;
  left: 0;
  top: 1px;
  border: #bfbfbf solid 2px;
}
.radio-control-container .radio-label:hover:before {
  border-color: #009e4a;
}
.radio-control-container .radio-label span {
  display: block;
  color: #7f7f7f;
  font-size: 13px;
}
.ie8 .radio-control-container .radio-label._checked .ico {
  background-position: 0 0;
}
.radio-control-container._witch-ico .radio-control[type="radio"] + .radio-label {
  cursor: pointer;
}
.radio-control-container._witch-ico .radio-control[type="radio"] + .radio-label:before,
.radio-control-container._witch-ico .radio-control[type="radio"] + .radio-label:after {
  display: none !important;
}
.radio-control-container._witch-ico .radio-control[type="radio"] + .radio-label .ico {
  cursor: pointer;
  display: block !important;
  position: absolute;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  background: #fff url("/common/img/ico-radio.png") 0 -18px no-repeat;
  left: 0;
  top: 1px;
}
.radio-control-container._witch-ico .radio-control[type="radio"]:checked + .radio-label .ico {
  background-position: 0 0;
}
.btn-group {
  width: 100%;
  height: auto;
  display: table;
  text-align: center;
}
.btn-group .btn-wrap {
  display: table-cell;
  width: auto;
  padding: 0 2%;
}
.order-create-btn {
  width: 75%;
  height: 58px;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  position: relative;
  text-align: center;
  color: #e10025;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 58px;
  border: 0;
  text-indent: 15px;
  outline: 0;
}
.order-create-btn:after {
  content: '';
  display: block;
  position: absolute;
  right: -25px;
  top: -3px;
  background: url("../img/arrow-btn-corner.png");
  width: 31px;
  height: 64px;
}
.order-create-btn:hover {
  -webkit-animation: vibraion .5s 0 linear;
  -moz-animation: vibraion .5s 0 linear;
  -o-animation: vibraion .5s 0 linear;
  animation: vibraion .5s 0 linear;
  outline: 0;
}
.order-create-btn:active {
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  outline: 0;
}
.order-create-btn:active:after {
  background-position: 0 61px;
}
.order-create-btn.disabled {
  cursor: not-allowed;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  outline: 0;
}
.order-create-btn.disabled:after {
  background-position: 0 61px;
}
.form-horizontal .label-control {
  width: 25%;
  margin-right: 5%;
  float: left;
  padding-top: .7em;
}
.form-horizontal .row {
  margin-bottom: 15px;
}
.form-horizontal .row:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.form-horizontal .row p {
  font-size: 14px;
  line-height: 14px;
}
.form-horizontal .auth-select {
  width: 70%;
  float: right;
  margin: 0;
}
.form-horizontal .form-control {
  width: 70%;
  float: right;
}
.form-horizontal .errorMessage {
  margin-bottom: 0px;
  padding-left: 30%;
}
.form-horizontal .footnote {
  width: 70%;
  float: right;
  padding-left: 5px;
  padding-top: 5px;
  font-size: 16px;
  color: #333333;
}
.form-horizontal .footnote .icon {
  margin-right: 7px;
}
.form-horizontal .controls-set .select2-container.auth-select.select-md {
  width: 30%;
}
.form-horizontal .controls-set .select2-container.auth-select.select-sm {
  width: 17%;
}
.form-horizontal .controls-set .select2-container.auth-select.last {
  margin-right: 0;
}
.form-submit-controls {
  padding: 10px 0;
  margin-top: 25px;
  font-size: 16px;
}
.form-submit-controls.push-bottom {
  margin-bottom: 5px;
}
.form-submit-controls:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.form-submit-controls .pull-left {
  float: left;
  width: 50%;
}
.form-submit-controls .pull-right {
  float: right;
  width: 50%;
}
.form-submit-controls a,
.form-submit-controls .hash-link {
  color: #009f4b;
  border-bottom: 1px solid rgba(0, 159, 75, 0.5);
  text-decoration: none;
}
.form-submit-controls a:hover,
.form-submit-controls .hash-link:hover {
  color: #d92127;
  border-bottom-color: rgba(217, 33, 39, 0.5);
}
.form-submit-controls .hash-link {
  cursor: pointer;
  border-bottom-style: dotted;
}
.form-vertical .form-control {
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-vertical .label-control {
  display: block;
  margin-bottom: -5px;
}
.form-checkout .row {
  width: 80%;
  height: 1%;
}
.form-checkout .row-payment .errorMessage {
  padding-left: 0;
}
.form-checkout .row .form-control-zip {
  width: 21%;
  float: left;
}
.form-checkout .row-textarea {
  width: 100%;
}
.form-checkout .row-textarea .label-control {
  width: 19%;
}
.form-checkout .row-textarea .form-control {
  width: 76%;
}
.form-checkout .errorMessage {
  clear: left;
  margin-top: 0;
}
.form-checkout .controls-group {
  width: 70%;
  float: right;
  font-size: 16px;
  padding-top: .7em;
}
.form-checkout .controls-group .row-element {
  margin-bottom: 13px;
}
.form-checkout .controls-group .small-row-element {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 0;
  float: left;
}
.form-checkout .controls-group .small-row-element:last-child {
  margin-right: 0;
}
.form-checkout .controls-group .label-control {
  font-size: 14px;
  float: none;
}
.form-checkout .controls-group .form-control,
.form-checkout .controls-group .select2-container {
  float: none;
  margin-top: 5px;
  width: 100%;
}
.form-checkout .controls-group .errorMessage {
  padding-left: 0;
}
@media (max-width: 1300px) {
  .form-checkout .row {
    width: 100%;
  }
  .form-checkout .row-textarea .label-control {
    width: 25%;
  }
  .form-checkout .row-textarea .form-control {
    width: 70%;
  }
}
@media (max-width: 1100px) {
  .form-checkout .row {
    width: 100%;
  }
  .form-checkout .row .group-label {
    display: none;
  }
  .form-checkout .row .label-control {
    float: none;
  }
  .form-checkout .row .form-control,
  .form-checkout .row .form-control.control-sm.zip-control {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
  .form-checkout .row .form-control-zip,
  .form-checkout .row .form-control.control-sm.zip-control-zip {
    width: 30%;
  }
  .form-checkout .row .controls-group {
    width: 100%;
    float: none;
  }
  .form-checkout .row .controls-group .label-control {
    font-size: 16px;
  }
  .form-checkout .row .controls-group .form-control {
    margin-top: 10px;
  }
  .form-checkout .row .auth-select {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
  .form-checkout .row .errorMessage {
    padding-left: 0;
  }
}
.form-mixed .row {
  padding: 0;
  margin: 0;
}
.form-mixed .row:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.form-mixed .form-control {
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-mixed .pull-left {
  margin: 0;
  float: left;
}
.form-mixed .pull-left.label-control {
  width: 30%;
  margin-right: 5%;
  margin-top: 1.3em;
}
.form-mixed .pull-left.label-control + .pull-left {
  width: 55%;
}
.form-mixed .pull-left.submit-col {
  padding-top: 10px;
}
.form-mixed .pull-left.submit-col .btn {
  width: auto;
  font-size: 18px;
  padding: 13px 20px;
}
.form.form-md {
  width: 70%;
  margin-top: 30px;
}
.form.form-md.min {
  margin-top: 0;
}
.form .label-control {
  cursor: default;
}
.form .label-control.required:after {
  content: '';
  display: inline-block;
  background: #d52718;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  top: -0.5em;
  right: -0.4em;
}
.light-controls .checkbox-control:before {
  background: url("../img/checkbox-light-control.png") 0 -19px;
}
.light-controls .checkbox-control.control-label {
  font-size: 16px;
  color: #333333;
}
.form-list li {
  list-style: none;
  font-size: 14px;
  color: #333333;
}
.form-list li:before {
  content: '';
  display: block;
  position: relative;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-top: 8px;
  margin-left: -14px;
  background: #d52718;
}
.form-title {
  font-size: 26px;
  margin: 0;
  color: #333333;
}
.controls-set .col-control,
.controls-set .auth-select {
  float: left;
  min-width: 0;
  margin-right: 3%;
}
.controls-set .col-control {
  width: 30%;
  margin-right: 0;
  font-size: 14px;
}
.controls-set .col-control .form-control {
  width: 95%;
  font-size: 14px;
}
.controls-set .col-control .label-control {
  font-size: 14px;
}
.controls-set ~ .errorMessage {
  margin-bottom: 5px;
}
.ui-autocomplete {
  z-index: 10;
  border: 0;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
}
.ui-autocomplete .ui-menu-item {
  background: #fff;
  font-size: 12px;
  color: #333333;
  line-height: 26px;
  list-style: none;
  display: list-item;
  height: 30px;
  padding-left: 13px;
  font-weight: 600;
  padding: 3px 7px 4px;
  border: 0;
}
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item:hover {
  background: #009f4b;
  color: #fff;
}
.e .price {
  background: #00a14b;
  background: rgba(0, 161, 76, 0.9);
  color: #fff;
  white-space: nowrap;
}
.rub {
  content: "c";
  font-family: Rub, sans-serif;
  font-size: 24px;
  line-height: 37px;
  font-weight: 500;
  text-transform: lowercase;
}
i.rub {
  content: "c";
  font-family: Rub, sans-serif;
  font-size: 24px;
  line-height: 37px;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 1em;
  line-height: 1em;
  font-style: normal;
}
.symbol-rub {
  display: inline;
  content: "c";
  font-family: Rub, sans-serif;
  font-size: 24px;
  line-height: 37px;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 1em;
  line-height: 1em;
  font-style: normal;
  font-weight: inherit;
}
.symbol-rub:after {
  content: "i";
}
.symbol-rub.symbol-rub__bold:after {
  content: "c";
}
.link {
  text-decoration: none;
}
.nav {
  margin: 0;
  padding-left: 0;
  display: table;
  width: 100%;
  text-align: center;
}
.nav .nav-item {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  min-width: 100px;
  padding: 0 15px;
  display: table-cell;
  width: auto;
  vertical-align: middle;
}
.nav .nav-item .link {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
}
.breadcrumb {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0px;
}
.breadcrumb .link {
  font-size: 14px;
  line-height: 21px;
  color: #808080;
  padding-right: 2px;
}
.breadcrumb .link .text {
  border-bottom: 1px solid #e6e6e6;
}
.breadcrumb .link:first-child:before {
  display: none;
}
.breadcrumb .link:before {
  content: "→";
  padding-left: 3px;
  padding-right: 8px;
}
.inner-paper {
  width: 100%;
  background-color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}
img.inner-paper {
  margin-left: auto;
  margin-right: auto;
}
b.inner-paper,
span.inner-paper,
div.inner-paper,
i.inner-paper,
p.inner-paper {
  text-align: center;
}
.nav-tabs {
  width: 100%;
  height: auto;
  display: table;
  margin: 0;
  padding: 19px 40px;
  background: #d52718;
}
.nav-tabs:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.nav-tabs li {
  display: table-cell;
  min-width: 250px;
  padding: 23px 2%;
  vertical-align: middle;
  list-style: none;
  background: none;
  cursor: pointer;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, 0.8);
  border-right: 0;
  position: relative;
}
.nav-tabs li:last-child {
  border-right: 1px dashed rgba(255, 255, 255, 0.8);
}
.nav-tabs li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 0;
  text-decoration: none;
}
.nav-tabs li.active {
  border: 0;
  background: #fff;
}
.nav-tabs li.active a {
  color: #d52718;
}
.nav-tabs li.active + li {
  border-left: 0;
}
.success-alert {
  margin: 0;
  margin-top: 30px;
  padding: 30px;
  border: 2px solid #009d4f;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #eafff4;
}
img.success-alert {
  margin-left: auto;
  margin-right: auto;
}
b.success-alert,
span.success-alert,
div.success-alert,
i.success-alert,
p.success-alert {
  text-align: center;
}
.success-alert:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.success-alert figcaption {
  float: left;
  width: 60%;
  margin-right: 10%;
  color: #333333;
  font-size: 14px;
  text-align: left;
}
.success-alert img {
  width: 30%;
  float: right;
}
.green-link {
  text-decoration: none;
  font-size: 14px;
  color: #009f4b;
  position: relative;
}
.green-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  border-top: #3fb777 solid 1px;
  left: 0;
  top: 16px;
}
.gray-link {
  text-decoration: none;
  font-size: 12px;
  color: #808080;
  position: relative;
}
.gray-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  border-top: #d9d9d9 solid 1px;
  left: 0;
  top: 13px;
}
.hash-link {
  color: #009f4b;
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 159, 75, 0.5);
  cursor: pointer;
  font-size: 14px;
}
.hash-link:hover {
  color: #d92127;
  border-bottom: 1px dotted rgba(217, 33, 39, 0.5);
}
.sr-only {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.round-counter {
  height: 24px;
  min-width: 24px;
  background: #d92127;
  border-radius: 24px;
  position: absolute;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
  padding: 0 7px;
  text-align: center;
}
.round-counter._header {
  top: 17px;
  left: 50%;
  margin-left: 2px;
}
.round-counter._profile_menu {
  height: 20px;
  min-width: 20px;
  border-radius: 20px;
  line-height: 21px;
  top: 12px;
  left: 115px;
}
.mobile .round-counter._header {
  top: 6px;
  height: 18px;
  min-width: 18px;
  border-radius: 18px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
}
.mobile .round-counter._profile_menu {
  color: #d92127;
  background: #ffffff;
  top: 20px;
  padding: 0 7px;
  font-size: 14px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
}
body {
  font-size: 62.5%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.nav {
  margin: 0;
  padding-left: 0;
  display: table;
  width: 100%;
  text-align: center;
}
.nav .nav-item {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  min-width: 100px;
  padding: 0 15px;
  display: table-cell;
  width: auto;
  vertical-align: middle;
}
.nav .nav-item .link {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
}
.wrapper {
  max-width: 1404px;
  padding: 0 32px;
  margin: 0 auto;
  min-width: 1000px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .wrapper {
    min-width: 720px;
    padding: 0 20px;
    padding-bottom: 10px;
  }
}
.page {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
}
.page .body-wrap {
  background-color: #2e735c;
  background-image: url('/common/img/bg2-green.png');
  background-image: url('/common/img/bg3-transparent.png'), url('/common/img/bg3-gradient.png');
  background-repeat: repeat, repeat-x;
}
.ie8 .page {
  font-family: "Arial", sans-serif;
}
.ie8 .page {
  font-family: "Arial", sans-serif;
}
.page header {
  padding-top: 40px;
  margin-left: 60px;
  margin-bottom: 40px;
}
.page header .top-nav {
  position: relative;
  z-index: 3;
  background: #373636;
  height: 40px;
  padding-left: 37px;
  padding-right: 9px;
  text-transform: uppercase;
}
.page header .top-nav .submenu {
  background: #373636;
  position: absolute;
  right: 0;
  padding-left: 0;
  z-index: 10;
  display: none;
}
.page header .top-nav .submenu.opened {
  display: block;
}
.page header .top-nav .submenu li {
  background: #373636;
  display: block;
  float: none;
}
.page header .top-nav .nav-item {
  padding: 0;
}
.page header .top-nav .nav-item .link {
  display: block;
  width: 100%;
  padding: 10px 15px;
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}
.page header .top-nav .nav-item.hidden {
  display: none;
}
.page header .top-nav .nav-item._active {
  background: #19683f;
}
.page header .top-nav .nav-item._active .link {
  color: #fff;
}
.page header .top-nav .nav-item:hover > .link {
  color: #fff;
}
.page header .top-nav._witch-lang {
  padding-right: 0;
}
.page header .top-nav-lang {
  cursor: pointer;
  position: relative;
  border-left: 1px solid #3f3f3f;
  width: 69px;
  min-width: 69px;
}
.page header .top-nav-lang:before {
  position: absolute;
  left: 46px;
  top: 17px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #fff;
  opacity: 0.7;
}
.page header .top-nav-lang._show {
  background: #232624;
}
.page header .top-nav-lang._show .lang-list {
  display: block;
}
.page header .top-nav-lang._show:before {
  opacity: 1;
}
.page header .top-nav-lang .lang-ico {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 11px;
}
.page header .top-nav-lang .lang-ico img {
  display: block;
}
.page header .top-nav-lang .lang-list {
  display: none;
  top: 100%;
  right: 0;
  position: absolute;
  padding: 7px 0;
  background: #232624;
  text-transform: none;
  text-align: left;
}
.page header .top-nav-lang .lang-list-item {
  padding-left: 18px;
  padding-right: 20px;
  height: 31px;
  white-space: nowrap;
}
.page header .top-nav-lang .lang-list-item:hover {
  background: #186b3f;
}
.page header .top-nav-lang .lang-list-item a {
  display: inline-block;
  padding-left: 11px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 31px;
}
.page header .logo {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 33px;
  margin-left: -67px;
  background: url("/common/img/logo.png") no-repeat;
  width: 167px;
  height: 205px;
  z-index: 3;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page header .logo {
    background: transparent url("/common/img/logo@2x.png") no-repeat 50% 50%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
}
.page header .main {
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
  color: #fff;
  background: #009f4b;
  height: 140px;
  display: table;
  width: 100%;
}
.page header .main .header-item {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  position: relative;
}
.page header .main .header-banner img {
  width: auto;
  display: block;
  margin-right: 20px;
}
.page header .main .holiday-wrap {
  position: absolute;
  top: 30px;
  right: 0;
  margin: auto;
  height: 80px;
  text-align: right;
}
.page header .main .holiday-wrap .txt {
  font-weight: bold;
  font-size: 20px;
  width: 100px;
  display: inline-block;
  position: relative;
  top: -20px;
  left: 10px;
  text-align: left;
}
@media screen and (max-width: 1170px) {
  .page header .main .holiday-wrap {
    height: 55px;
    margin-right: 20px;
    text-align: center;
  }
  .page header .main .holiday-wrap img {
    width: 50%;
    height: auto;
  }
  .page header .main .holiday-wrap .txt {
    display: block;
    width: 100%;
    top: 0;
    text-align: center;
  }
}
.page header .main .header-button {
  text-decoration: none;
  padding-top: 0;
  color: #fff;
  text-align: center;
  border-left: 1px solid #33ba72;
  font-size: 16px;
  line-height: 16px;
  width: 160px;
  width: 12.5%;
}
.page header .main .header-button:hover {
  background-color: #00ab50;
}
.page header .main .header-button span {
  display: block;
}
.page header .main .text {
  padding-left: 125px;
  padding-right: 20px;
  color: #fff;
}
.page header .main .text .title {
  margin: 0;
  font-size: 28px;
  line-height: 35px;
  text-transform: uppercase;
}
.page header .main .text .description {
  display: block;
  font-size: 22px;
  line-height: 38px;
}
.page header .main .login {
  position: relative;
  background: url("../img/ico-header-login.png") no-repeat 50% 28px;
}
.page header .main .login span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  max-width: 145px;
  margin: 0 5%;
  position: relative;
  padding-top: 72px;
}
.ie8 .page header .main .login span {
  display: inline-block;
}
.page header .main .login._auoth {
  background-image: url("../img/ico-header-auoth.png");
}
.page header .main .login._active {
  background-image: url("../img/ico-header-login-active.png");
  background-color: #008c46;
}
.page header .main .promo {
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  background: #fff url("/common/img/rzd.png") no-repeat 50% 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #999999;
  width: 220px;
  width: 17.2%;
  padding-top: 65px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page header .main .promo {
    background: transparent url("/common/img/rzd@2x.png") #fff no-repeat 50% 0;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
}
.page main {
  position: relative;
  z-index: 2;
}
.page main > section {
  background: #f0f0f0;
  padding: 30px 2.98507463%;
  width: 100%;
}
@media (max-width: 1100px) {
  .page main > section {
    padding: 30px 15px;
  }
}
.page main .top-nav {
  position: relative;
  height: 60px;
  background: #cf3439;
}
.page main .top-nav._witch-search {
  padding-right: 67px;
}
.page main .top-nav.top-nav-left {
  white-space: nowrap;
}
.page main .top-nav.top-nav-left .nav {
  display: inline-block;
  text-align: left;
}
.page main .top-nav.top-nav-left .nav ._last .sub-nav {
  right: 67px;
}
.page main .top-nav.top-nav-left .nav .nav-item {
  padding: 0;
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  display: inline-block;
  min-width: 0;
}
.page main .top-nav.top-nav-left .nav .nav-item > .link {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  display: table;
  height: 60px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  padding: 0 20px;
}
@media screen and (max-width: 1233px) {
  .page main .top-nav.top-nav-left .nav .nav-item > .link {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1133px) {
  .page main .top-nav.top-nav-left .nav .nav-item > .link {
    padding: 0 13px;
  }
}
.page main .top-nav.top-nav-left .nav .nav-item .text {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  width: 100%;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
}
.ie8 .page main .top-nav.top-nav-left .nav .nav-item .text {
  font-family: "Arial", sans-serif;
}
.page main .top-nav.top-nav-left .nav .nav-item .nav-item .link {
  padding: 0 18px;
}
.page main .top-nav.top-nav-left .nav .nav-item._show {
  background: #bd262b;
}
.page main .top-nav.top-nav-left .nav .nav-item:hover {
  background: #bd262b;
}
.page main .top-nav.top-nav-left .nav .nav-item:hover .sub-nav {
  display: block;
}
.page main .top-nav.top-nav-left .nav .nav-item._active {
  background: #bd262b;
}
.page main .top-nav.top-nav-left .nav .nav-item .sub-nav {
  display: none;
}
.page main .top-nav.top-nav-left .nav .sub-nav {
  z-index: 3;
  background: #bd262b;
  position: absolute;
  top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  text-align: left;
}
.page main .top-nav.top-nav-left .nav .sub-nav .col {
  padding-left: 14px;
  padding-right: 13px;
  min-width: 296px;
}
.page main .top-nav.top-nav-left .nav .sub-nav .link {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  display: block;
  height: auto;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 100ms ease-in-out 0;
  -moz-transition: all 100ms ease-in-out 0;
  -ms-transition: all 100ms ease-in-out 0;
  -o-transition: all 100ms ease-in-out 0;
  transition: all 100ms ease-in-out 0;
}
.page main .top-nav.top-nav-left .nav .sub-nav .link:hover {
  background: #d92127;
  text-decoration: none;
}
.page main .top-nav.top-nav-left .nav .sub-nav .sub-link {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  padding-left: 10px;
  text-transform: none;
  padding-left: 25px;
  padding-top: 1px;
  padding-bottom: 2px;
  margin-bottom: 0;
}
.ie8 .page main .top-nav.top-nav-left .nav .sub-nav .sub-link {
  font-family: "Arial", sans-serif;
}
.page main .top-nav.top-nav-left .nav .sub-nav .sub-link._last {
  margin-bottom: 5px;
}
.page main .top-nav.top-nav-left .nav .sub-nav .col-wrap {
  display: table;
}
.page main .top-nav.top-nav-left .nav .sub-nav .col {
  display: table-cell;
  vertical-align: top;
}
.page main .top-nav.top-nav-left .nav .sub-nav .col + .col {
  border-left: 2px solid #d92127;
}
.page main .top-nav.top-nav-left .search {
  position: absolute;
  right: 0;
  top: 0;
  width: 67px;
  height: 60px;
  background: url("../img/ico-search.png") no-repeat 50% 50%;
  border-left: 2px solid #eb1f26;
  cursor: pointer;
}
.page main .top-nav.top-nav-left .search.opened {
  border: none;
  background: #99171b url("../img/ico-close.png") no-repeat 50% 50% !important;
  border-left: 2px solid #99171b;
}
.page main .top-nav.top-nav-left .search:hover {
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
  -webkit-transition: background-color 200ms ease-in 0ms;
  -moz-transition: background-color 200ms ease-in 0ms;
  -ms-transition: background-color 200ms ease-in 0ms;
  -o-transition: background-color 200ms ease-in 0ms;
  transition: background-color 200ms ease-in 0ms;
  background-color: #bd262b;
}
.page main .top-nav.top-nav-left .search-box {
  position: absolute;
  display: none;
  width: 100%;
  background: #99171b url("../img/ico-search-red.png") no-repeat 23px 50%;
  height: 82px;
  top: 60px;
  left: 0;
  z-index: 5;
}
.page main .top-nav.top-nav-left .search-box .text {
  border: none;
  background: transparent;
  outline: none;
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  padding-top: 17px;
  width: 90%;
  height: 48px;
  padding-left: 87px;
  text-align: left;
}
.page main .back-link {
  display: inline-block;
  position: relative;
  color: #009f4b;
  margin-left: 20px;
  text-decoration: none;
  border-bottom: 1px solid #a7d3b8;
  font-size: 14px;
  line-height: 16px;
}
.page main .back-link:before {
  left: -20px;
  width: 20px;
  position: absolute;
  content: '←';
}
.page footer {
  background: #262626;
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.page footer .sponsors {
  height: auto;
  min-height: 93px;
  border-top: 2px solid #e0e0e0;
  background: #f0f0f0;
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
}
.ie8 .page footer .sponsors {
  font-family: "Arial", sans-serif;
}
.page footer .sponsors .title {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  position: absolute;
  padding-left: 35px;
  height: 100%;
  width: 250px;
}
.page footer .sponsors .title span {
  display: table-cell;
  vertical-align: middle;
  height: 91px;
}
.page footer .sponsors .sponsors-wrapper {
  width: 100%;
  display: block;
  padding-left: 268px;
  padding-right: 47px;
}
.page footer .sponsors .sponsors-wrapper .sponsor-line {
  width: 100%;
  display: block;
}
.page footer .sponsors .sponsors-wrapper .sponsor-line:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.page footer .sponsors .sponsors-wrapper .sponsor-line .sponsors-item {
  height: 90px;
  float: left;
  padding: 0 5%;
}
.page footer .sponsors .sponsors-wrapper .sponsor-line .sponsors-item .sponsors-item-wrap {
  height: 93px;
  display: table-cell;
  vertical-align: middle;
}
.page footer .sponsors .sponsors-wrapper .sponsor-line .sponsors-item .sponsors-item-wrap img {
  max-height: 66px;
  width: auto;
}
.page footer .nav {
  padding: 20px 40px;
}
.page footer .nav .nav-item {
  /*height: 80px;*/
  padding: 10px 5px;
  display: table-cell;
  position: relative;
  min-width: 0;
  transition: none;
  white-space: nowrap;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page footer .nav .nav-item {
    display: inline-block;
  }
}
.page footer .nav .nav-item .link {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #fff;
  word-wrap: normal;
}
.page footer .nav .nav-item .link:hover {
  color: #ff5b4c;
}
.page footer .nav .nav-item._first {
  /*padding-left: 0;*/
  /*text-align: left;*/
  /*padding-right: 5px;*/
}
.page footer .nav .nav-item._last {
  /*padding-right: 0;*/
  /*text-align: right;*/
  /*padding-left: 5px;*/
}
.page footer .hr {
  width: 100%;
  padding: 0 40px;
}
.page footer .hr .line {
  background: #464646;
  height: 2px;
  width: 100%;
}
.page footer .main {
  padding: 0 40px;
  width: 100%;
  display: table;
  height: 183px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page footer .main {
    display: block;
    height: auto;
  }
}
.page footer .main .contacts {
  padding-top: 40px;
  width: 43%;
  display: table-cell;
  vertical-align: top;
  color: #00e66b;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page footer .main .contacts {
    width: auto;
    display: block;
    border-bottom: 2px solid #464646;
    overflow: hidden;
    padding-bottom: 20px;
  }
}
.page footer .main .contacts .contacts-wrapper {
  margin-bottom: 18px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page footer .main .contacts .contacts-wrapper {
    float: left;
    width: 55%;
  }
}
.page footer .main .contacts .title {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding-top: 3px;
}
.page footer .main .contacts .phone,
.page footer .main .contacts .phone a {
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  padding-top: 20px;
  color: #00e56b;
  text-decoration: none;
}
body.page footer .main .contacts .mail,
body.page footer .main .contacts .mail a {
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  padding-top: 20px;
  color: #00e56b;
  text-decoration: none;
}
.page footer .main .contacts .description {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page footer .main .contacts .description {
    margin-left: 55%;
    width: 45%;
    padding-left: 30px;
    display: block;
  }
}
.page footer .main .info {
  display: table-cell;
  padding-top: 40px;
  padding-left: 2px;
}
.page footer .main .info .payment {
  margin-bottom: 49px;
  background: url("/common/img/ico-pay.png") no-repeat;
  width: 533px;
  height: 47px;
}
.page footer .main .info .copyright {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
}
.page footer .main .info .copyright .default-link {
  color: #fff;
  border-bottom: 0;
  position: relative;
}
.page footer .main .info .copyright .default-link:after {
  content: '';
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
}
.page footer .main .info .copyright .default-link:hover {
  color: #d92127;
}
.page footer .main .info .copyright .default-link:hover:after {
  background: rgba(217, 33, 39, 0.5);
}
/* конфиктовали стили для внешнего ресурса бронирования зала fs-api */
.fs-api .modal-content {
  opacity: 1;
}
.fs-api .nav {
  display: block;
}
.news-page h1 {
  font-weight: bold;
  font-size: 40px;
  line-height: 44px;
  width: 75%;
  margin: 15px 0;
}
.news-page .preview img {
  width: 100%;
}
.news-page .content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 7%;
  padding-left: 8%;
}
.news-page .content p.autor,
.news-page .content p.date {
  color: #808080;
}
.news-page a.print-btn {
  color: #009f4b;
  border: solid 2px #22ac63;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  padding: 0px 22px 0 11px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
.news-page span.tags {
  font-size: 14px;
  color: #000;
  float: right;
}
.news-page span.tags a {
  color: #419170;
  text-decoration: underline;
}
.news-x {
  border-top: solid 2px #f0f0f0;
  margin-top: 20px;
  margin-bottom: 30px;
}
.news-x .btn-bordered {
  color: #009f4b;
  border-color: #009f4b;
  background: none;
  padding: 10px 27px;
  width: auto;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
.news-x header {
  margin-left: 0;
  padding-top: 0px;
  margin-bottom: 0px;
}
.news-x header ul.category {
  margin: 0;
  width: auto;
}
.news-x header ul.category li {
  padding: 7px 10px 6px 10px;
  list-style-type: none;
  display: inline;
  line-height: 25px;
}
.news-x header ul.category li a {
  text-decoration: none;
  font-size: 14px;
  border-bottom: dotted 1px #747474;
}
.news-x header ul.category li.active {
  background: #009f4b;
}
.news-x header ul.category li.active a {
  color: #fff;
  border: none;
}
.news-x header ul.category li:hover a {
  color: #cf3439;
  border-color: #cf3439;
}
.news-x header h2 {
  margin-top: 50px;
  font-weight: 900;
  font-style: italic;
  font-size: 32px;
  color: #333333;
  text-transform: uppercase;
  float: left;
  margin-right: 40px;
  padding-left: 50px;
  position: relative;
}
.news-x header h2:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../../img/sprite/news.png);
}
.news-x .news-content .news-item {
  width: 48%;
  float: left;
  margin-top: 25px;
  margin-right: 4%;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
.news-x .news-content .news-item h3 {
  font-weight: bold;
  font-size: 20px;
  margin: 27px;
}
.news-x .news-content .news-item h3 a {
  text-decoration: none;
  color: #333;
}
.news-x .news-content .news-item h3 a:hover {
  text-decoration: none;
  color: #cf3439;
}
.news-x .news-content .news-item p {
  font-size: 14px;
  margin: 27px;
}
.news-x .news-content .news-item .news-img {
  height: 158px;
  overflow: hidden;
}
.news-x .news-content .news-item .news-img img {
  width: 100%;
}
.news-x .news-content .big_img .news-img {
  height: 230px;
  overflow: hidden;
}
.news-x .news-content .big_img .news-img img {
  width: 100%;
}
.news-x .news-content article:nth-child(2n) {
  margin-right: 0;
}
.social-likes {
  padding: 10px 0 30px 0;
}
.social-likes .social-likes__widget {
  position: relative;
  margin-right: 66px;
}
@media (max-width: 500px) {
  .social-likes .social-likes__widget {
    display: inline-block;
    margin: 0 0 20px 15%;
    width: 34%;
  }
}
.social-likes .social-likes__widget .social-likes__button {
  cursor: pointer;
  border-radius: 50%;
  background-image: url("/common/img/social-likes/loko-pattern.png");
  width: 38px;
  height: 38px;
  text-indent: -999999px;
  display: inline-block;
  position: relative;
}
.social-likes .social-likes__widget .social-likes__button:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 10px;
  width: 20px;
  height: 20px;
}
.social-likes .social-likes__widget .social-likes__button_facebook:after {
  background-image: url("/common/img/social-likes/fb.png");
}
.social-likes .social-likes__widget .social-likes__button_twitter:after {
  background-image: url("/common/img/social-likes/tw.png");
}
.social-likes .social-likes__widget .social-likes__button_vkontakte:after {
  background-image: url("/common/img/social-likes/vk.png");
}
.social-likes .social-likes__widget .social-likes__button_plusone:after {
  background-image: url("/common/img/social-likes/gp.png");
}
.social-likes .social-likes__widget .social-likes__counter {
  position: absolute;
  top: 12px;
  left: 46px;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
}
.social-likes .social-likes__counter_empty:after {
  content: "0";
  color: #999999;
}
.slider-clickable {
  display: block;
  position: absolute;
  width: 95%;
  height: 400px;
  margin-top: 220px !important;
  cursor: pointer;
  z-index: 10;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .common-sprite-width(@icon-home);
}
.icon-email {
  .common-sprite(@icon-email);
}
*/
/*
The `.common-sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.common-sprites(@spritesheet-sprites);
*/
.ico-breadcrumb-step-current {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOCAYAAABKKc6PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMjBCNTBEMjhBMjE2ODExODcxRkE2QzcxMjRCMTk0QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RkI2QkNCRTEyMkUxMUU0OEEwNURDRTg0ODE3NzYyQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RkI2QkNCRDEyMkUxMUU0OEEwNURDRTg0ODE3NzYyQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjNCMUEyNUU1MjI3NjgxMUEyRkZGMDkzMUUwRjE2RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIwQjUwRDI4QTIxNjgxMTg3MUZBNkM3MTI0QjE5NEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BLYajAAAA10lEQVR42mJkmO/NQGPAAcR5QLwXiM/iUsTEQHvwA4gVgfgIEMcPpENAoAKI3wLxAiDuB2KWgXLIRyDOgbILgHgnEIsMhENAYAMQr4OynYD4NBDrD4RDQCAXiD9A2QpAfBSIIxigcfWOzo7hRmMvA2JBeocINvAXFEqgEBGio6UyQHwNiFmhfFBshAPxHhY6+34qEPNC2SAH+QHxXXon1lCoxSCwFYgtYY6gp0MEgXgilN0FxP5A/AlZAb2iphPqmDggXoxNAT0cwgXEd4DYDlqIYQUAAQYAQpAhbAdKd8kAAAAASUVORK5CYII=");
}
.ico-breadcrumb-step-arrow {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOCAYAAABKKc6PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMjBCNTBEMjhBMjE2ODExODcxRkE2QzcxMjRCMTk0QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RkI2QkNDMjEyMkUxMUU0OEEwNURDRTg0ODE3NzYyQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RkI2QkNDMTEyMkUxMUU0OEEwNURDRTg0ODE3NzYyQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjNCMUEyNUU1MjI3NjgxMUEyRkZGMDkzMUUwRjE2RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIwQjUwRDI4QTIxNjgxMTg3MUZBNkM3MTI0QjE5NEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wkDxwAAAA10lEQVR42mLcv38/A40BBxDnAfFeID6LSxETA+3BDyBWBOIjQBw/kA4BgQogfgvEC4C4H4hZBsohH4E4B8ouAOKdQCwyEA4BgQ1AvA7KdgLi00CsPxAOAYFcIP4AZSsA8VEgjmCAxtU7OjuGG429DIgF6R0i2MBfUCiBQkSIjpbKAPE1IGaF8kGxEQ7Ee1jo7PupQMwLZYMc5AfEd+mdWEOhFoPAViC2hDmCng4RBOKJUHYXEPsD8SdkBfSKmk6oY+KAeDE2BfRwCBcQ3wFiO2ghhhUABBgALKUiv8QKEVAAAAAASUVORK5CYII=");
}
.ico-info-1 {
  background-image: url("");
}
.icon-footnote {
  background: url("../img/footnote.png") no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
@keyframes orderArea {
  0% {
    background-position: -25px 50%;
  }
  100% {
    background-position: 100px 50%;
  }
}
@-webkit-keyframes orderArea {
  0% {
    background-position: -25px 50%;
  }
  100% {
    background-position: 100px 50%;
  }
}
@-moz-keyframes orderArea {
  0% {
    background-position: -25px 50%;
  }
  100% {
    background-position: 100px 50%;
  }
}
@-o-keyframes orderArea {
  0% {
    background-position: -25px 50%;
  }
  100% {
    background-position: 100px 50%;
  }
}
.form-checkout {
  float: left;
  width: calc(100% - 405px);
  background: #FFF;
  padding: 23px 30px;
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
@media only screen and (min-width: 0) and (max-width: 999px) {
  .form-checkout {
    width: 100%;
    float: none;
  }
}
.form-checkout.booking {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-checkout .parking h3 i {
  display: inline-block;
  content: '';
  background: url("../img/parking-sign.png") no-repeat;
  height: 36px;
  width: 36px;
  vertical-align: text-bottom;
  margin-left: 20px;
}
.form-checkout .parking .row {
  padding-top: 2px;
}
.form-checkout .parking > .row {
  padding-top: 11px;
}
.form-checkout .parking label {
  font-size: 16px;
  margin-left: 0;
}
.form-checkout .parking .checkbox + label {
  padding-left: 28px;
}
.form-checkout .parking-container._hidden {
  display: none;
}
.form-checkout .parking-container > .row {
  margin-bottom: 24px;
}
.form-checkout .parking-container .select2-container {
  margin-left: 37px;
  margin-right: 0;
  min-width: 89px;
  height: 44px;
  font-size: 18px;
}
.form-checkout .parking-container .select2-container .select2-choice {
  height: 40px;
  line-height: 40px;
}
.form-checkout .receiving  { 
  display: flex;
  flex-direction: row;
  padding-top: 1px;
}
.form-checkout .receiving > .col {
  padding-top: 11px;
  margin-right: 32px;
}
.form-checkout .receiving .label-control {
  font-weight: normal;
  max-width: 25%;
  margin-right: 5%;
}
.form-checkout .receiving .switch { 
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}
.form-checkout .receiving .switch + label {
  padding-left: 48px;
  position: relative;
  font-size: 16px;
  margin-left: 0;
  cursor: pointer;
}
.form-checkout .receiving .switch + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 40px;
  background-color: #bfbfbf;
  border-radius: 10px;
}
.form-checkout .receiving .switch:checked + label::before {
  background-color: #00a65a;
}
.form-checkout .receiving .switch + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.form-checkout .receiving .switch:checked + label::after {
  left: 23px;
}
.form-checkout .receiving-container._hidden {
  display: none;
}
.form-checkout .receiving-container > .col {
  margin-bottom: 24px;
}
.form-checkout .guest {
  align-items: center;
  display: flex;
  padding-top: .7em;
}
.form-checkout .guest .label-control {
  max-width: 25%;
  margin-right: 5%;
  padding-top: 0;
}
.form-checkout .guest .checkbox + label {
  margin-left: 0;
  padding-left: 20px;
}
.form-checkout .guest .checkbox + label:before {
  top: -3px;
}
.form-checkout .guest label:hover .tooltip {
  display: block;
}
.form-checkout .delivery {
  position: relative;
  display: block;
}
.form-checkout .delivery .row .label-control-radio {
  float: left !important;
}
.form-checkout .checkout-float-container {
  width: 100%;
  position: relative;
  z-index: 2;
}
.form-checkout .checkout-float-container h3 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 35px;
}
.form-checkout .checkout-float-container h3.befor-text {
  margin-bottom: 5px;
}
.form-checkout .checkout-float-container hr {
  margin: 30px 0 18px;
  display: block;
  border: none;
  border-top: #333333 solid 3px;
}
.form-checkout .checkout-comment {
  position: relative;
  top: 8px;
  margin-bottom: 29px;
}
.form-checkout .checkout-comment-link {
  display: inline-block;
  text-decoration: none;
  color: #009f4b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
}
.form-checkout .checkout-comment-link:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  border-top: #009f4b dotted 1px;
  left: 0;
  top: 19px;
}
.form-checkout .checkout-comment-block {
  display: none;
}
.form-checkout .checkout-rules {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px;
}
.form-checkout .checkout-rules a {
  text-decoration: none;
  color: #009f4b;
}
.tooltip {
  background-color: #fff;
  box-shadow: 0 0 25px -4px rgba(0, 0, 0, .35);
  color: #000;
  display: none;
  font-size: 11px;
  min-width: 150px;
  max-width: 250px;
  padding: 10px 15px;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  z-index: 1;
}
.tooltip:after {
  border: 10px solid transparent;
  border-bottom-color: #fff;
  content: "";
  height: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  width: 0;
}
footer.basket-footer.checkout-footer {
  width: auto;
}
footer.basket-footer.checkout-footer.booking {
  margin-top: 0;
}
footer.basket-footer.checkout-footer .order-info {
  width: 70%;
}
@media (max-width: 1100px) {
  footer.basket-footer.checkout-footer .order-info {
    width: 65%;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  footer.basket-footer.checkout-footer .order-info {
    width: 100%;
    float: none;
  }
}
footer.basket-footer.checkout-footer .booking.order-info {
  width: 70%;
}
@media (max-width: 1100px) {
  footer.basket-footer.checkout-footer .booking.order-info {
    width: 65%;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  footer.basket-footer.checkout-footer .booking.order-info {
    width: 100%;
    float: none;
  }
}
footer.basket-footer.checkout-footer .order-create-area {
  width: 30%;
  transition: none;
}
@media (max-width: 1100px) {
  footer.basket-footer.checkout-footer .order-create-area {
    width: 35%;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  footer.basket-footer.checkout-footer .order-create-area {
    width: 100%;
    float: none;
  }
}
footer.basket-footer.checkout-footer .order-create-area input {
  visibility: hidden;
}
footer.basket-footer.checkout-footer .order-create-area .order-create-btn {
  color: #009f4b;
}
footer.basket-footer.checkout-footer .row {
  margin-bottom: 0;
}
footer.basket-footer.checkout-footer .row.last {
  height: 76px;
  padding-top: 0;
}
footer.basket-footer.checkout-footer .row dl {
  margin: 0 35px 0 0;
}
footer.basket-footer.checkout-footer .row dd {
  clear: right;
}
.checkout-sidebar {
  background: #fff;
  float: right;
  width: 382px;
  padding: 23px 30px 24px;
  position: relative;
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .checkout-sidebar {
    float: none;
    width: 100%;
  }
}
.checkout-sidebar.booking {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index:100;
}
.checkout-sidebar.booking:after {
  display: none;
}
.checkout-sidebar.booking h3 {
  font-size: 22px;
  font-weight: 600;
}
.checkout-sidebar:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 15px;
  background: #f0f0f0 url("../img/corner-bottom-bg-2.png") 0 0 repeat-x;
}
.checkout-sidebar .hidden-items {
  display: none;
}
.checkout-sidebar .checkout-edit {
  padding-top: 2px;
}
.checkout-sidebar .checkout-more {
  position: relative;
  z-index: 2;
  margin: -17px 0 14px;
  padding-bottom: 16px;
  border-bottom: 2px dotted #d9d9d9;
}
.checkout-sidebar .checkout-more-link {
  display: block;
  height: 34px;
  padding-top: 8px;
  background: #009f4b;
  color: #fff;
  text-align: center;
  font-size: 13px;
}
.checkout-sidebar .checkout-more-link:hover {
  background: #00ab50;
}
.checkout-sidebar .checkout-more-link:active {
  background: #19683f;
}
.checkout-sidebar .checkout-more-link span {
  display: inline-block;
  position: relative;
}
.checkout-sidebar .checkout-more-link span:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: #c8ead8 dotted 1px;
  position: absolute;
  left: 1px;
  top: 15px;
}
.checkout-sidebar .billet-sector {
  max-width: 160px;
  line-height: 24px !important;
}
.checkout-sidebar h2 {
  color: #333333;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 16px;
  font-weight: 600;
}
.checkout-sidebar .checkout-total-block {
  font-size: 16px;
  line-height: 20px;
  border-bottom: #333333 3px solid;
  padding-bottom: 16px;
  margin-bottom: 15px;
}
.checkout-sidebar .checkout-total-block .checkout-total-sum {
  display: block;
  float: right;
  font-weight: 700;
}
.checkout-sidebar .checkout-total-block strong {
  display: block;
  margin-right: 120px;
}
.checkout-sidebar .checkout-total-block em {
  font-style: normal;
  margin-right: 120px;
  font-weight: 500;
}
.checkout-sidebar .checkout-item {
  font-size: 16px;
  line-height: 20px;
  border-bottom: #d9d9d9 dotted 2px;
  padding-bottom: 17px;
  margin-bottom: 15px;
}
.checkout-sidebar .checkout-item .checkout-item-price {
  float: right;
  text-align: right;
}
.checkout-sidebar .checkout-item .checkout-item-price span {
  display: block;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1px;
}
.checkout-sidebar .checkout-item .checkout-item-price em {
  display: block;
  font-size: 14px;
  color: #808080;
  font-weight: 500;
  font-style: normal;
}
.checkout-sidebar .checkout-item .checkout-item-title {
  margin: 0 110px 0 0;
}
.checkout-sidebar .checkout-item .checkout-item-title a {
  text-decoration: none;
  color: #009f4b;
}
.checkout-sidebar .checkout-item .checkout-item-misc {
  color: #808080;
  font-size: 14px;
  margin-top: 5px;
}
.checkout-sidebar .checkout-item .checkout-item-misc span {
  margin-right: 12px;
}
.checkout-status {
  min-height: 470px;
  padding: 224px 0 80px;
  margin: 25px 0 0;
  background-color: #fff;
  background-position: 50% 64px;
  background-repeat: no-repeat;
  text-align: center;
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
.checkout-status.ok {
  background-image: url("../img/checkout-success.png");
}
.checkout-status.fail {
  background-image: url("../img/checkout-error.png");
}
.checkout-status h3 {
  font-size: 24px;
  line-height: 30px;
  padding: 37px 0 16px;
}
.checkout-status .checkout-btn-container {
  width: 210px;
  margin: 0 auto;
}
.page header .main .cart.header-button.active {
  background-image: url("../img/basket-icon-active.png");
  background-color: #008c41;
}
.page.page-basket main .top-nav {
  margin-top: 40px;
}
.breadcrumb.basket-breadcrumb {
  background: #f0f0f0;
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
}
.breadcrumb.basket-breadcrumb:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.breadcrumb.basket-breadcrumb li {
  float: left;
  list-style: none;
  font-size: 18px;
  line-height: 0;
}
.breadcrumb.basket-breadcrumb li:last-child {
  padding: 0;
}
.breadcrumb.basket-breadcrumb li a {
  color: #7f7f7f;
  text-decoration: none;
}
.breadcrumb.basket-breadcrumb li.last:after {
  content: '';
  display: none;
}
.breadcrumb.basket-breadcrumb li .step-count {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: #bfbfbf;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 27px;
  font-style: normal;
  position: relative;
  top: -2px;
}
.breadcrumb.basket-breadcrumb li:after {
  content: url("../img/basket-rarrow.png");
  margin: 0 22px;
}
.breadcrumb.basket-breadcrumb li:last-child:after {
  display: none;
}
.breadcrumb.basket-breadcrumb li.current {
  color: #333333;
  font-size: 40px;
  font-weight: bold;
  line-height: 13px;
}
.breadcrumb.basket-breadcrumb li.current .step-count {
  background: #009f4b;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 18px;
  line-height: 35px;
  position: relative;
  top: -8px;
  left: -1px;
}
.breadcrumb.basket-breadcrumb li.current:after {
  content: url("../img/rarrow-current.png");
  margin: 0 20px;
  position: relative;
  top: -5px;
}
.breadcrumb.basket-breadcrumb li.completed .step-count {
  background: #009f4b;
}
.breadcrumb.basket-breadcrumb li.completed a {
  color: #009f4b;
}
.breadcrumb.basket-breadcrumb li.clear {
  float: right;
  cursor: pointer;
}
.breadcrumb.basket-breadcrumb li.clear:before {
  display: none;
}
.breadcrumb.basket-breadcrumb li.clear:after {
  display: none;
}
.breadcrumb.basket-breadcrumb li.clear:hover .link {
  color: #d92127;
  border-bottom: 1px solid rgba(217, 33, 39, 0.3);
}
.breadcrumb.basket-breadcrumb li.clear:hover .icon {
  background: url("../img/times-sprite.png") -43px -4px;
}
.breadcrumb.basket-breadcrumb li.clear .link {
  font-size: 12px;
  color: #7f7f7f;
  border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}
.breadcrumb.basket-breadcrumb li.clear .link:before {
  display: none;
}
.breadcrumb.basket-breadcrumb li.clear .link:after {
  display: none;
}
.breadcrumb.basket-breadcrumb li.clear .icon {
  top: 0;
  left: -2px;
}
.cart.basket-page {
  background: #f0f0f0;
}
.cart.basket-page .rub {
  font-size: .95em;
}
.basket-page .billet-param-children {
  line-height: 26px !important;
  padding-left: 0px !important;
  margin-left: -2px;
}
.basket-page .billet-param-children span {
  font-size: 22px;
}
.basket-table {
  width: 100%;
}
.basket-table .table-titles {
  margin-left: 0;
  padding-top: 15px;
  padding-bottom: 20px;
  margin-bottom: 0;
  width: 100%;
}
.basket-table .table-titles .title {
  float: left;
  color: #7f7f7f;
  font-size: 12px;
  font-weight: bold;
}
.basket-table .table-titles .title.name {
  width: 33%;
}
.basket-table .table-titles .title.settings {
  width: 33%;
}
.basket-table .table-titles .title.bonus {
  width: 15%;
}
.basket-table .table-titles .title.price {
  width: 13%;
}
.basket-table .bubble-wrap {
  position: relative;
  top: -100px;
}
.goods-items {
  width: 100%;
}
.goods-items .list-view {
  width: 100%;
}
.goods-items .items {
  width: 100%;
}
.goods-items .row {
  width: 100%;
  height: 128px;
  background: #fff;
  margin-bottom: 6px;
  display: table;
}
.goods-items .row .empty-notice {
  display: none;
  color: #ff696d;
  font-size: 13px;
  text-align: center;
}
.goods-items .row .empty-notice .icon {
  top: 3px;
  margin-left: -20px;
  margin-right: 20px;
}
.goods-items .row.empty .img-area {
  opacity: .3;
}
.goods-items .row.empty .props {
  text-decoration: line-through;
  color: #808080;
}
.goods-items .row.empty .col.settings-qnty-col .qnty-col .qnty,
.goods-items .row.empty .col-bonus .bonus {
  display: none;
}
.goods-items .row.empty .col-price .old-price,
.goods-items .row.empty .col-price .price {
  display: none;
}
.goods-items .row.empty .col-price .empty-notice {
  display: block;
}
.goods-items .table-row {
  display: table-row;
  width: 100%;
}
.goods-items .sub-table {
  display: table;
  width: 100%;
  padding-right: 15%;
}
@media (max-width: 1200px) {
  .goods-items .sub-table {
    padding-right: 2%;
  }
}
@media (max-width: 1300px) {
  .goods-items .sub-table {
    padding-right: 10%;
  }
}
.goods-items .col {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  height: 128px;
}
.goods-items .col.col-bonus-price {
  width: 26%;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .goods-items .col.col-bonus-price .subtable {
    display: block;
  }
}
.goods-items .col.name-img-col {
  width: 35%;
  padding-top: 5px;
}
@media (max-width: 1200px) {
  .goods-items .col.name-img-col {
    width: 30%;
  }
  .goods-items .col.name-img-col .short-name {
    width: 80%;
  }
}
.goods-items .col.name-img-col .img-area {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.goods-items .col.name-img-col .img-area a {
  display: block;
}
.goods-items .col.name-img-col .img-area img {
  width: 88px;
  height: 88px;
}
.goods-items .col.name-img-col .short-name {
  display: table-cell;
  vertical-align: middle;
  color: #333333;
  font-size: 18px;
  width: 60%;
  min-width: 60%;
  max-width: 60%;
  font-weight: bold;
  line-height: 22px;
}
.goods-items .col.name-img-col .short-name a {
  text-decoration: none;
  color: inherit;
}
.goods-items .col.name-img-col .short-name a:hover {
  color: #d92127;
}
.goods-items .col.settings-qnty-col {
  width: 20%;
}
.goods-items .col.settings-qnty-col .settings-qnty {
  display: table;
  width: 100%;
}
.goods-items .col.settings-qnty-col .settings-col {
  width: 70%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.goods-items .col.settings-qnty-col .settings-col .settings-list {
  width: 170px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #7f7f7f;
}
.goods-items .col.settings-qnty-col .settings-col .settings-list dt {
  width: 70px;
}
.goods-items .col.settings-qnty-col .settings-col .settings-list dd {
  width: 150px;
  color: #333333;
}
.goods-items .col.settings-qnty-col .settings-col .hash-link {
  text-decoration: none;
  font-size: 12px;
  margin-top: 0;
  color: #009f4b;
  cursor: pointer;
  border-bottom: 1px dotted #009f4b;
  display: inline-block;
  margin-bottom: 14px;
}
.goods-items .col.settings-qnty-col .settings-col .hash-link:hover {
  color: #e93f5b;
  border-bottom: 1px dotted #e93f5b;
}
.goods-items .col.settings-qnty-col .qnty-col {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  height: 128px;
  padding-top: 13px;
}
.goods-items .col.settings-qnty-col .qnty-col .qnty {
  width: 40px;
  height: 25px;
  display: table-cell;
  border: 2px solid #ccc;
  text-align: center;
  vertical-align: middle;
  background-color: #f2f2f2;
  color: #333333;
  font-size: 16px;
  padding: 3px;
  text-indent: -3px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.goods-items .col.settings-qnty-col .qnty-col .qnty:hover {
  background-color: #fff;
}
.goods-items .col.settings-qnty-col .qnty-col .qnty:active {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
}
.goods-items .col.col-bonus {
  width: 50%;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .goods-items .col.col-bonus {
    display: block;
    height: auto;
    width: 100%;
  }
}
.goods-items .col.col-bonus .bonus {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2em;
  line-height: 21px;
  line-height: 1.75em;
  color: #d92127;
  border-left: none;
  border: 2px solid #e7b5b6;
  padding: 0 10px;
  /*top: 50%;*/
  margin-top: 13px;
  margin-left: -10px;
  display: inline-block;
  /*&:before {
                    content: "";
                    position: absolute;
                    top: -2px;
                    left: -9px;
                    height: 0;
                    width: 0;
                    border-top: 12.5px solid transparent;
                    border-bottom: 12.5px solid transparent;
                    border-right: 7px solid #e7b5b6;
                }*/
}
.goods-items .col.col-bonus .bonus i {
  position: absolute;
  top: -2px;
  left: -6px;
  height: 0;
  width: 0;
  /*border-top: 11px solid transparent;
                    border-bottom: 11px solid transparent;
                    border-right: 6px solid #fff;*/
  width: 20px;
  height: 25px;
  background: url(data:image/gif;base64,R0lGODlhDAAZAJEAAPvp6vfP0PXDxP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjEyMEI1MEQyOEEyMTY4MTE4NzFGQTZDNzEyNEIxOTRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCQzYwMTYwMzRENjExRTRCNjkzQTczN0Q2OEZDQkJDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCQzYwMTVGMzRENjExRTRCNjkzQTczN0Q2OEZDQkJDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOEJFNTExQjQzMjA2ODExOTM5Q0Q4REYxNUY5OTkzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMjBCNTBEMjhBMjE2ODExODcxRkE2QzcxMjRCMTk0QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAMABkAAAIynA+iehfLWgqtPlCRoNncPkzg8HUiWGZnl1YrK2Dgm7XuNpLxSFv7jBvZJEEURKA6FgAAOw==) no-repeat;
}
.goods-items .col.col-price {
  width: 50%;
  height: 128px;
  vertical-align: middle;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .goods-items .col.col-price {
    display: block;
    height: auto;
    width: 100%;
    text-align: center;
  }
}
.goods-items .col.col-price .old-price {
  font-size: 14px;
  line-height: 20px;
  line-height: 1em;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.goods-items .col.col-price .old-price:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #d92127;
  margin-top: 5px;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}
.goods-items .col.col-price .price {
  font-weight: 700;
  font-size: 30px;
  line-height: 54px;
  line-height: 1.3em;
  color: #009f4b;
  padding-top: 14px;
}
@media (max-width: 1165px) {
  .goods-items .col.col-price .price {
    font-size: 25px;
  }
}
.goods-items .control-col {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 5%;
  height: 128px;
}
.goods-items .control-col .item-delete {
  cursor: pointer;
  top: 7px;
}
.goods-items .control-col .item-delete a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.icon {
  display: inline-block;
  position: relative;
  top: -2px;
}
.icon.thumb {
  /*background: url("@{imgPath}/thumb.png");
        .size(17px, 18px);*/
  margin-right: 4px;
  top: 2px;
}
.basket-page footer.basket-footer {
  background: #008c41;
  margin-top: 14px;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
  min-height: 163px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .basket-page footer.basket-footer {
    height: auto;
    padding-bottom: 0;
  }
}
.basket-page footer.basket-footer .order-info {
  width: 73%;
  float: left;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .basket-page footer.basket-footer .order-info {
    width: 100%;
    float: none;
  }
}
.basket-page footer.basket-footer .order-info .row {
  width: 100%;
  min-height: 82px;
}
.basket-page footer.basket-footer .order-info .row:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.basket-page footer.basket-footer .order-info .row.first {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding-top: 10px;
}
.basket-page footer.basket-footer .order-info .row.last {
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  height: auto;
}
.basket-page footer.basket-footer .order-info .titles {
  width: 50%;
  float: left;
  padding-top: 10px;
  padding-left: 18px;
}
.basket-page footer.basket-footer .order-info .titles h3 {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.basket-page footer.basket-footer .order-info .titles h4 {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
.basket-page footer.basket-footer .order-info .price {
  font-size: 40px;
  width: 40%;
  text-align: right;
  font-weight: bold;
  color: #fff;
  display: block;
  float: right;
  margin-right: 35px;
  margin-top: 10px;
}
.basket-page footer.basket-footer .order-info .col {
  width: 50%;
  float: left;
}
.basket-page footer.basket-footer .order-info .col:first-child .actions {
  float: left;
  text-align: left;
  padding-left: 13px;
}
.basket-page footer.basket-footer .order-info .actions {
  float: right;
  text-align: right;
  width: 450px;
  width: 540px;
  margin-right: 35px;
}
.basket-page footer.basket-footer .order-info .actions dt {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: bold;
  margin-right: 2%;
  margin-top: 5px;
  margin-bottom: 2px;
}
.basket-page footer.basket-footer .order-info .actions dd {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
.options-controller {
  position: absolute;
  width: 330px;
  top: 0;
  left: 0;
  height: auto;
  /*padding-bottom: 20px;*/
  background-color: #fff;
  z-index: 1;
  display: none;
  opacity: 0;
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
  /*&.empty {*/
  /*.customizing {margin-top: 0;}*/
  /*}*/
}
.options-controller > .row {
  width: 325px;
  height: auto;
  min-height: 35px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
img.options-controller > .row {
  margin-left: auto;
  margin-right: auto;
}
b.options-controller > .row,
span.options-controller > .row,
div.options-controller > .row,
i.options-controller > .row,
p.options-controller > .row {
  text-align: center;
}
.options-controller > .row:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.options-controller > .row .label {
  color: #333333;
  font-size: 16px;
  float: left;
  line-height: 50px;
  width: 60px;
  text-align: left;
  margin-left: 25px;
  margin-right: -20px;
}
.options-controller > .row ul {
  float: left;
  width: 244px;
}
.options-controller > .row ul li {
  float: left;
  list-style: none;
}
.options-controller > .row ul.color-list li {
  width: 30px;
  height: 30px;
  border: 2px solid #d9d9d9;
  overflow: hidden;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.options-controller > .row ul.color-list li.active {
  border-color: #009f4b;
}
.options-controller > .row ul.color-list li.none-color span {
  /*background: url("@{imgPath}/none-color-min.png") no-repeat;*/
  border: 0;
  /*.size(22px);*/
}
.options-controller > .row ul.color-list li span {
  border: 11px solid;
  width: 0px;
  height: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
}
img.options-controller > .row ul.color-list li span {
  margin-left: auto;
  margin-right: auto;
}
b.options-controller > .row ul.color-list li span,
span.options-controller > .row ul.color-list li span,
div.options-controller > .row ul.color-list li span,
i.options-controller > .row ul.color-list li span,
p.options-controller > .row ul.color-list li span {
  text-align: center;
}
.options-controller > .row ul.color-list li.disable {
  opacity: .2;
  cursor: not-allowed;
}
.options-controller > .row ul.size-list li {
  width: auto;
  height: 30px;
  border: 2px solid #d9d9d9;
  padding: 0 8px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  margin-right: 8px;
  cursor: pointer;
  max-width: 203px;
  height: auto;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.options-controller > .row ul.size-list li.active {
  border-color: #009f4b;
}
.options-controller > .row ul.size-list li.disable {
  opacity: .2;
  cursor: not-allowed;
}
.options-controller > .row .main-btn {
  margin-left: 105px;
  clear: both;
}
.options-controller > .row .main-btn.disable {
  opacity: .2;
  cursor: not-allowed;
}
.options-controller:before {
  content: '';
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  width: 0px;
  height: 0px;
  top: -10px;
  right: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.options-controller:before {
  margin-left: auto;
  margin-right: auto;
}
b.options-controller:before,
span.options-controller:before,
div.options-controller:before,
i.options-controller:before,
p.options-controller:before {
  text-align: center;
}
@-moz-document url-prefix() {
  .options-controller {
    margin-top: 10px !important;
  }
}
.main-btn {
  cursor: pointer;
  width: 100%;
  height: 61px;
  text-align: center;
  border: 2px solid #3d7f63;
  background: #009f4b;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  line-height: 55px;
  margin-bottom: 19px;
  outline: 0;
}
.main-btn.btn-sm {
  width: 135px;
  height: 39px;
  border-size: 3px;
  font-size: 18px;
  line-height: 18px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.main-btn.thin-text {
  font-weight: normal;
}
body.page header .main .header-button-text span {
  display: inline-block;
}
.text-center {
  text-align: center;
}
.order-create-area {
  width: 27%;
  height: 163px;
  background: url("../img/arrow-pattern.png") repeat-x;
  background-position: -25px 0;
  float: left;
  -webkit-transition: all 3s ease-out 0;
  -moz-transition: all 3s ease-out 0;
  -ms-transition: all 3s ease-out 0;
  -o-transition: all 3s ease-out 0;
  transition: all 3s ease-out 0;
  position: relative;
  -webkit-animation: orderArea 15s infinite linear;
  -moz-animation: orderArea 15s infinite linear;
  -o-animation: orderArea 15s infinite linear;
  animation: orderArea 15s infinite linear;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .order-create-area {
    width: 100%;
    float: none;
  }
}
.order-create-area .order-create-btn {
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  left: -10px;
}
@media (max-width: 1260px) {
  .order-create-area .order-create-btn {
    font-size: 18px;
  }
}
.order-create-area .order-create-btn .loader-halper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-indent: 0;
}
.order-create-area .order-create-btn .loader-halper:after {
  content: url(/common/img/loader-green.gif);
  display: inline-block;
}
.order-create-area .order-create-btn.loading {
  z-index: 2;
  text-indent: -9999px;
  cursor: default;
}
.order-create-area .order-create-btn.loading .loader-halper {
  display: block;
}
.basket-page .auth-title {
  line-height: 44px;
  padding: 0;
}
.basket-container {
  background: url("../img/empty-basket.png") 50% 53px no-repeat;
  padding-bottom: 94px;
  padding-top: 240px;
}
.basket-container.empty-orders {
  background: url("../img/empty-orders.png") 50% 53px no-repeat;
}
.basket-container .info-text {
  color: #cbcbcb;
  font-size: 40px;
}
.basket-container.empty-orders .info-text {
  color: #d6d6d6;
}
.basket-page .notice {
  color: #333;
  font-size: 18px;
  margin-top: 16px;
}
.basket-page .notice a {
  color: #009f4b;
}
.basket-page .notice a:hover {
  color: #D92127;
}
.modal-content-basket {
  width: 615px;
}
.basket-not-authorized {
  width: 615px;
  height: 260px;
  position: relative;
}
.basket-not-authorized .basket-modal-link {
  width: 308px;
  height: 260px;
  position: absolute;
  top: 0;
  border-bottom: none;
  text-align: center;
  line-height: 22px;
}
.basket-not-authorized .basket-modal-link:hover {
  background-color: #008c46;
}
.basket-not-authorized .basket-modal-link-login {
  left: 0;
  border-right: #008040 solid 2px;
  background: url("../img/ico-login.png") 50% 47px no-repeat;
}
.basket-not-authorized .basket-modal-link-forward {
  right: 0;
  border-left: #008040 solid 1px;
  background: url("../img/ico-forward.png") 50% 47px no-repeat;
}
.basket-not-authorized .basket-modal-link strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  padding: 185px 0 1px;
}
.basket-not-authorized .basket-modal-link span {
  display: block;
  font-size: 16px;
}
.wysiwyg-block iframe {
  max-width: 100%;
}
.wysiwyg-block header {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 30px;
  background: none;
}
.wysiwyg-block header h1 {
  font-size: 40px;
  font-weight: bold;
  color: #333;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wysiwyg-block h2 {
  color: #d92127;
  font-family: "Exo_2", sans-serif;
  font-size: 32px;
  line-height: 34px;
}
.wysiwyg-block h3 {
  color: #d92127;
  font-family: "Exo_2", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 32px;
  margin: 20px 0 18px;
}
.wysiwyg-block h4 {
  color: #d92127;
  font-family: "Exo_2", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.wysiwyg-block p {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto 20px;
  max-width: 800px;
}
.wysiwyg-block p strong {
  font-weight: 600;
}
.wysiwyg-block p img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.wysiwyg-block table {
  width: 100%;
  margin: 0 auto !important;
  max-width: 800px;
}
.wysiwyg-block > div {
  margin: 0 auto;
  max-width: 800px;
}
.wysiwyg-block .img-block,
.wysiwyg-block .two-columns-with-notice + .hr-after-block {
  margin: 0 auto 30px !important;
}
.wysiwyg-block .full-width {
  margin: 0 -8.3% 0 -9.4%;
}
.wysiwyg-block .hr-after-block {
  height: 3px;
  width: 100%;
}
.wysiwyg-block .left-col,
.wysiwyg-block .right-col {
  margin: 0;
  width: 50%;
}
.wysiwyg-block .left-col p,
.wysiwyg-block .right-col p {
  margin: 0 0 10px;
}
.wysiwyg-block .left-col {
  float: left;
}
.wysiwyg-block .left-col p {
  padding: 0 5px 0 0;
}
.wysiwyg-block .right-col {
  float: right;
}
.wysiwyg-block .right-col p {
  padding: 0 0 0 15px;
}
.wysiwyg-block .img-block {
  margin: 30px auto;
  max-height: 510px;
  max-width: 100%;
  overflow: hidden;
}
.wysiwyg-block .img-block img {
  height: auto;
  width: 100%;
}
.wysiwyg-block .img-block .caption {
  color: #7f7f7f;
}
.wysiwyg-block .two-columns {
  background-color: #fff;
}
.wysiwyg-block .two-columns-with-notice {
  padding: 0 0 30px 0;
}
.wysiwyg-block .two-columns-with-notice .left-col {
  color: #009f4b;
}
.wysiwyg-block .two-columns-with-notice .left-col p {
  font-size: 16px;
  font-weight: 500;
  padding: 0 20px 0 0;
}
.wysiwyg-block .two-columns-with-notice .right-col {
  font-size: 13px;
  padding: 0;
}
.wysiwyg-block .two-columns-with-notice + .hr-after-block {
  background-color: #f0f0f0;
  height: 2px;
  margin-bottom: 30px !important;
  position: relative;
  max-width: inherit;
}
.wysiwyg-block .two-columns-with-notice + .hr-after-block:after {
  background-image: url("../sprite/bottom-arrow.png");
  bottom: -21px;
  content: "";
  height: 24px;
  left: 50%;
  margin-left: -21px;
  position: absolute;
  width: 42px;
}
.wysiwyg-block .greenbtn a {
  position: relative;
  width: auto;
  display: inline-block;
  border: solid 2px #009f4b;
  color: #009f4b;
  line-height: 44px;
  padding: 0 1.6em 0 1.6em;
  background: #fff;
  box-shadow: none;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}
.wysiwyg-block .greenbtn a:hover {
  color: #fff;
  border-color: #00a14c;
  background: #00a14c;
}
.wysiwyg-block .two-columns-with-header {
  background-repeat: no-repeat;
  padding: 0;
  position: relative;
}
.wysiwyg-block .two-columns-with-header > h2 {
  color: #009f4b;
  margin-bottom: 40px;
}
.wysiwyg-block .advantages {
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}
.wysiwyg-block .advantages > h2 {
  color: #cf3439;
  font-size: 32px;
  padding: 20px 0 30px;
  position: relative;
}
.wysiwyg-block .advantages > .hr-after-block {
  background-color: #cf3439;
  margin: 0 -4% 0 -5.1%;
  width: 109.1%;
  display: none;
}
.wysiwyg-block .advantages > ul {
  background: #fff;
  counter-reset: item;
  margin: 0 -4% 0 -5.1%;
  padding-bottom: 75px;
  padding-left: 0;
  border-top: solid #cf3439 3px;
}
.wysiwyg-block .advantages > ul li {
  list-style-type: none;
  font-size: 16px;
  color: #2a2a2a;
  margin: 0;
  padding: 25px 50px 25px 100px;
  position: relative;
}
.wysiwyg-block .advantages > ul li b,
.wysiwyg-block .advantages > ul li strong {
  font-weight: 500 !important;
}
.wysiwyg-block .advantages > ul li:before {
  background: none;
  content: '';
}
.wysiwyg-block .advantages > ul li:nth-child(2n) {
  background: #edf8f2;
}
.wysiwyg-block .advantages > ul li:after {
  background: none;
  color: #cf3439;
  content: counter(item, decimal);
  counter-increment: item;
  display: block;
  font-weight: 600;
  left: 45px;
  list-style-type: decimal;
  position: absolute;
  top: 25px;
}
.wysiwyg-block table.multicoloured-table {
  margin: 30px -4% 60px -5.1%;
}
.wysiwyg-block table.multicoloured-table thead tr {
  background: #fff;
  border: none;
}
.wysiwyg-block table.multicoloured-table thead tr td {
  color: #c1c1c1;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  min-width: 200px;
}
.wysiwyg-block table.multicoloured-table tr {
  background: #e5f5ed;
}
.wysiwyg-block table.multicoloured-table tr:nth-child(2n) {
  background: #fff;
}
.wysiwyg-block table.multicoloured-table tr td {
  color: #333;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px 0 40px;
  text-transform: uppercase;
}
.wysiwyg-block table.multicoloured-table tr td .rubl {
  font-weight: 600;
  position: relative;
}
.wysiwyg-block table.multicoloured-table tr td .rubl:after {
  content: '';
  width: 10px;
  height: 11px;
  background-image: url("../sprite/rub.png");
  position: absolute;
  top: 3px;
  right: -20px;
}
.wysiwyg-block .price {
  background-color: #fff;
  padding: 0;
}
.wysiwyg-block .price > h2 {
  color: #d92127;
  margin: 0;
  position: relative;
}
.wysiwyg-block .price table {
  margin: 30px -4% 60px -5.1%;
}
.wysiwyg-block .price table thead tr {
  background: #fff;
  border: none;
}
.wysiwyg-block .price table thead tr td {
  color: #c1c1c1;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  min-width: 200px;
}
.wysiwyg-block .price table tr {
  background: #e5f5ed;
}
.wysiwyg-block .price table tr:nth-child(2n) {
  background: #fff;
}
.wysiwyg-block .price table tr td {
  color: #333;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px 0 40px;
  text-transform: uppercase;
}
.wysiwyg-block .price table tr td .rubl {
  font-weight: 600;
  position: relative;
}
.wysiwyg-block .price table tr td .rubl:after {
  content: '';
  width: 10px;
  height: 11px;
  background-image: url("../sprite/rub.png");
  position: absolute;
  top: 3px;
  right: -20px;
}
.wysiwyg-block .contacts {
  background-color: #fff;
  padding: 0 0 30px;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.wysiwyg-block .contacts h3 {
  color: #009f4b;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
}
.wysiwyg-block .contacts .left-p {
  float: left;
  margin: 40px 0 0 0;
  width: 50%;
}
.wysiwyg-block .contacts .left-p h3:first-child:before {
  background-image: url("../sprite/phone-contact.png");
  content: '';
  height: 21px;
  left: -30px;
  position: absolute;
  top: 0;
  width: 13px;
}
.wysiwyg-block .contacts .left-p p {
  padding: 0 20px 0 0;
}
.wysiwyg-block .contacts .right-p {
  float: right;
  margin: 40px 0 0 0;
  width: 50%;
}
.wysiwyg-block .contacts .right-p h3 {
  padding-top: 10px;
}
.wysiwyg-block .contacts .right-p h3:first-child {
  padding-top: 0;
}
.wysiwyg-block .contacts .right-p h3:first-child:before {
  background-image: url("../sprite/star.png");
  content: '';
  height: 16px;
  left: -30px;
  position: absolute;
  top: 2px;
  width: 16px;
}
.wysiwyg-block .contacts .right-p h3:before {
  background-image: url("../sprite/metro.png");
  content: '';
  height: 11px;
  left: -30px;
  position: absolute;
  top: 5px;
  width: 17px;
}
.wysiwyg-block .contacts p.phone {
  color: #333;
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;
}
.wysiwyg-block .contacts p.metro {
  padding: 0 0 0 20px;
  position: relative;
}
.wysiwyg-block .contacts p.metro:before {
  background: #f21917;
  border-radius: 50%;
  content: '';
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
}
.wysiwyg-block .contacts p.metro.active:before {
  background: #004fa4;
  border-radius: 50%;
  content: '';
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
}
.wysiwyg-block .contacts + .hr-after-block {
  background-color: #f0f0f0;
  margin-bottom: 30px !important;
  max-width: inherit !important;
}
.wysiwyg-block .table {
  margin-top: 20px !important;
  padding: 0;
}
.wysiwyg-block .table.table-bg {
  background-image: url("../img/bg-time.png");
  margin: 0 -8.3% 0 -9.4%;
  padding: 30px 0;
}
.wysiwyg-block .table > h2 {
  color: #fff;
  margin: 0;
  position: relative;
}
.wysiwyg-block .table > h2:before {
  background-image: url("../sprite/time.png");
  content: '';
  height: 30px;
  left: -45px;
  position: absolute;
  top: 0;
  width: 30px;
}
.wysiwyg-block .table table {
  -webkit-box-shadow: 0 11px 26px 1px rgba(50, 50, 50, 0.36);
  -moz-box-shadow: 0 11px 26px 1px rgba(50, 50, 50, 0.36);
  box-shadow: 0 11px 26px 1px rgba(50, 50, 50, 0.36);
  margin: 30px -4% 60px -5.1%;
}
.wysiwyg-block .table table thead tr td {
  background-color: #fff;
  border-bottom: 2px solid #d92127;
  padding: 20px 40px 20px;
}
.wysiwyg-block .table table tbody tr td {
  background-color: #fff;
  padding: 30px 40px;
}
.wysiwyg-block .table table tbody tr:last-child {
  border-bottom: none;
}
.wysiwyg-block .table thead tr:last-child td {
  border-bottom: 2px solid #d92127;
}
.wysiwyg-block .table thead td {
  color: #d92127;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 20px 40px;
}
.wysiwyg-block .table thead td:first-child {
  color: #c0c0c0;
  border-right: 2px dotted #d9d9d9;
}
.wysiwyg-block .table tbody tr:last-child td {
  border-bottom: 2px solid #d92127;
}
.wysiwyg-block .table tbody td {
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
}
.wysiwyg-block .table tbody td b,
.wysiwyg-block .table tbody td strong {
  font-weight: 500 !important;
}
.wysiwyg-block .table tbody td:first-child {
  border-right: dotted 2px #d9d9d9;
  color: #d92127;
  font-weight: 500;
}
.wysiwyg-block .table tbody td._red {
  color: #fff;
  background: #d92127;
  border-bottom: 1px solid #d92127;
  font-weight: 700;
  text-align: center;
}
.wysiwyg-block .table tbody td.false {
  color: #ccc;
}
.wysiwyg-block .maps {
  background-color: #fff;
  margin: 0 -8.3% 0 -9.4%;
}
.wysiwyg-block .maps > header {
  background: #009f4b;
  margin-bottom: 0;
  margin-left: 0;
  padding: 30px 8.3%;
}
.wysiwyg-block .maps > header .btn {
  background: none;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
  float: right;
  font-size: 12px;
  margin-top: .5em;
  padding-top: .3em;
  padding-bottom: .3em;
  text-transform: uppercase;
  width: auto;
}
.wysiwyg-block .maps > header h2 {
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
}
.wysiwyg-block .maps > header h2:before {
  background-image: url("../sprite/maps.png");
  content: '';
  height: 30px;
  left: -45px;
  position: absolute;
  top: 0;
  width: 30px;
}
.wysiwyg-block .maps img {
  width: 100%;
}
.wysiwyg-block .character {
  padding: 10px 0 0;
}
.wysiwyg-block .character > h2 {
  color: #cf3439;
  position: relative;
}
.wysiwyg-block .character > h2:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: -45px;
  background-image: url("../sprite/check.png");
}
.wysiwyg-block .character li {
  background-color: transparent;
  float: left;
  margin: 0;
  padding: 0;
  width: auto;
}
.wysiwyg-block .character li:before {
  display: none;
}
.wysiwyg-block .character li p {
  background: #e5f5ed;
  border-right: 2px solid #fff;
  color: #009f4b;
  font-size: 12px;
  margin: 0;
  padding: 10px 50px;
  text-transform: uppercase;
  text-align: center;
}
.wysiwyg-block .character li .bold {
  color: #4c4c4c;
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
  padding-top: 0;
  padding-bottom: 0;
}
.wysiwyg-block .character li .ann {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}
.wysiwyg-block .match-on-tv {
  border-spacing: 0;
  margin-bottom: 40px !important;
  margin-top: 10px !important;
}
.wysiwyg-block .match-on-tv:nth-child(n) {
  background-color: #fff;
}
.wysiwyg-block .match-on-tv tr {
  border-bottom: solid 2px #f0f0f0;
}
.wysiwyg-block .match-on-tv tr th {
  border-bottom: solid #cf3439 3px;
  color: #cf3439;
  font-size: 13px;
  line-height: 31px;
  padding: 0 1%;
  text-align: left;
  text-transform: uppercase;
}
.wysiwyg-block .match-on-tv tr td {
  color: #333;
  font-size: 16px;
  padding: 15px 1%;
  position: relative;
  text-align: left;
}
.wysiwyg-block .match-on-tv tr td b,
.wysiwyg-block .match-on-tv tr td strong {
  font-weight: 500 !important;
}
.wysiwyg-block .match-on-tv tr td span,
.wysiwyg-block .match-on-tv tr td sub {
  color: #808080;
  font-size: 14px;
  text-transform: lowercase;
}
.wysiwyg-block .match-on-tv tr td b,
strong .wysiwyg-block .match-on-tv tr td:nth-child(1) {
  width: 15%;
}
.wysiwyg-block .match-on-tv tr td:nth-child(2) {
  width: 10%;
}
.wysiwyg-block .match-on-tv tr td:nth-child(3) {
  width: 25%;
}
.wysiwyg-block .match-on-tv tr td:nth-child(4) {
  width: 50%;
}
.wysiwyg-block .match-on-tv tr td:first-child,
.wysiwyg-block .match-on-tv tr td:nth-child(2) {
  font-weight: 600;
}
.wysiwyg-block .match-on-tv tr td:nth-child(3) {
  text-transform: uppercase;
}
.wysiwyg-block .service-stadium {
  margin: 0 -8.3% 0 -9.4%;
  padding: 40px 0 0;
}
.wysiwyg-block .service-stadium > header {
  background: #cf3439;
  border-bottom: solid 2px #efbcbe;
  margin-bottom: 0;
  margin-left: 0;
  padding: 30px 8.3%;
}
.wysiwyg-block .service-stadium > header h2 {
  color: #fff;
  position: relative;
}
.wysiwyg-block .service-stadium > header h2:before {
  background-image: url("../sprite/service.png");
  content: '';
  height: 30px;
  left: -45px;
  position: absolute;
  top: 0;
  width: 30px;
}
.wysiwyg-block .service-stadium > ul {
  padding: 40px;
}
.wysiwyg-block .service-stadium > ul li {
  display: block;
  float: left;
  width: 50%;
  height: auto;
  position: relative;
  padding: 0;
  margin: 0 0 40px 0;
}
.wysiwyg-block .service-stadium > ul li:before {
  display: none;
}
.wysiwyg-block .service-stadium > ul li img {
  float: left;
  margin: 5px 30px 0 0;
}
.wysiwyg-block .service-stadium > ul li.football .icon_service {
  background-image: url("../sprite/1-service.png");
}
.wysiwyg-block .service-stadium > ul li.exc .icon_service {
  background-image: url("../sprite/3-service.png");
}
.wysiwyg-block .service-stadium > ul li.rent .icon_service {
  background-image: url("../sprite/2-service.png");
}
.wysiwyg-block .service-stadium > ul li.football .icon_service {
  background-image: url("../sprite/1-service.png");
}
.wysiwyg-block .service-stadium > ul li .icon_service {
  position: absolute;
  left: 0;
  top: 119px;
  background: #009f4b;
  width: 71px;
  height: 71px;
}
.wysiwyg-block .service-stadium > ul li .icon_service:before {
  display: none;
}
.wysiwyg-block .service-stadium > ul li h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.wysiwyg-block .service-stadium > ul li p {
  padding: 0 20px 0 0;
  margin-left: 265px;
}
.wysiwyg-block .faq-box {
  position: relative;
  border-top: 3px solid #f0f0f0;
  margin: 40px 0;
}
.wysiwyg-block .faq-box:before {
  counter-increment: list;
  content: "#" counter(list);
  color: #808080;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  left: 50%;
  margin-left: -23px;
  border-radius: 50%;
  top: -30px;
  background: #f0f0f0;
  border: solid #fff 6px;
}
.wysiwyg-block .faq-box .user {
  float: left;
  width: 25%;
}
.wysiwyg-block .faq-box .user img {
  border-radius: 50%;
}
.wysiwyg-block .faq-box .user p.name {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.wysiwyg-block .faq-box .user p.name span {
  font-weight: normal;
  display: block;
  text-transform: none;
}
.wysiwyg-block .faq-box .user a {
  font-size: 14px;
  color: #009f4b;
}
.wysiwyg-block .faq-box .cont {
  float: left;
  width: 75%;
  border: solid 3px #f0f0f0;
  padding: 40px;
  color: #4c4c4c;
  font-size: 14px;
  position: relative;
}
.wysiwyg-block .faq-box .cont p {
  margin-top: 0;
}
.wysiwyg-block .faq-box .quest {
  max-width: 800px;
  margin: 40px auto 0 auto;
}
.wysiwyg-block .faq-box .quest .user {
  text-align: left;
}
.wysiwyg-block .faq-box .quest .cont:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -43px;
  width: 43px;
  height: 41px;
  background: url("../img/bubble.png") top left no-repeat;
}
.wysiwyg-block .faq-box .answer {
  max-width: 800px;
  margin: 20px auto 0 auto;
}
.wysiwyg-block .faq-box .answer .user {
  text-align: right;
}
.wysiwyg-block .faq-box .answer .user p.name {
  text-transform: none;
  font-weight: normal;
}
.wysiwyg-block .faq-box .answer .user p.name span {
  font-weight: 600;
  text-transform: uppercase;
}
.wysiwyg-block .faq-box .answer .cont {
  background: #e5f5ed;
  border-color: #e5f5ed;
}
.wysiwyg-block .faq-box .answer .cont:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -43px;
  width: 0;
  height: 0;
  border-top: 40px solid #e5f5ed;
  border-right: 43px solid transparent;
}
.wysiwyg-block .partner {
  background: #e5f5ed;
  padding-bottom: 30px;
  margin-bottom: 40px;
  width: 384px;
  display: inline-block;
  text-align: left;
  margin-right: 64px;
}
.wysiwyg-block .partner::after {
  content: none;
}
.wysiwyg-block .partner + p {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.wysiwyg-block .partner .description {
  height: 361px;
  overflow: hidden;
  transition: all 1s linear;
}
.wysiwyg-block .partner .description:hover {
  overflow: auto;
}
.wysiwyg-block .partner .partner-img {
  width: 100%;
  height: 150px;
  background: white;
  border: solid #e5f5ed 2px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.wysiwyg-block .partner .partner-img img {
  display: block;
  margin: auto;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.wysiwyg-block .partner h3 {
  margin-top: 20px;
  margin-left: 30px;
  color: #808080;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
}
.wysiwyg-block .partner h2 {
  font-size: 14px;
  margin-left: 30px;
  margin-bottom: 0px;
}
.wysiwyg-block .partner p {
  padding: 10px 30px 0;
  color: #808080;
  font-size: 14px;
  margin: 0;
}
.wysiwyg-block .partner h1,
.wysiwyg-block .partner h2,
.wysiwyg-block .partner h3,
.wysiwyg-block .partner h4,
.wysiwyg-block .partner strong,
.wysiwyg-block .partner b {
  font-weight: 600;
}
.history-banners-area {
  padding: 0 30px 60px;
  margin-right: -60px;
}
.history-banners-area:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.history-banner-wrapper {
  background-position: 50%;
  background-size: cover;
  display: inline-block;
  margin: 10px !important;
}
.history-banner {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  line-height: 181px;
  margin: 10px !important;
  position: relative;
  text-align: center;
}
.history-banner a {
  color: #fff;
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 1em;
  text-decoration: none;
  vertical-align: middle;
}
.history-banner a:after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  bottom: -2px;
  right: -2px;
  top: -2px;
}
.content-popup {
  width: 100%;
  min-width: 1000px;
  top: 200px;
  left: 0;
  position: absolute;
  z-index: 90;
  text-align: center;
}
.content-popup .content-popup-wrap {
  position: relative;
  max-width: 1114px;
  min-width: 900px;
  width: 90%;
  display: inline-block;
  text-align: left;
  background: #fff;
}
.content-popup .content-popup-close {
  cursor: pointer;
  position: absolute;
  left: 100%;
  background: #b2b2b2;
  width: 50px;
  height: 56px;
}
.content-popup .content-popup-close:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 56px;
  top: 0;
  left: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQxJREFUeNq0lk0OgjAQRosLf1YuOEm9AJh4Dj2oh+AAunMLLDQm6maYwVEJKWWm1CZfQpv2PQZSSgIAhtsC8zRx2hzzoosZD+SYE8ZGgBPjzExjsIIMc4d3KzGWqgqMZQYwM6MKbpgH21PMMbASy2tT7hPz+jFvMBX8mraS7p0Ds9r13UmhkkF4XxAi8cJdAo1kFD4kkEhEcJ/AJ7G98cr3GMdeoEsihksELokYLhVQDg7BXrJWuolcFZQxKnC9UNVm1MKtdjNq4eodHwJXSULhQ/NL37dICxdJpsJHJTHgXgkdmWvMko+5GrPDFAFHZsFra+6vWjbbt5jLxAO/Wwmxcuonf/ov+rIaAQYAqKZJyqJrcaYAAAAASUVORK5CYII=');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.content-popup .content-popup-bigHeader {
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.content-popup .content-popup-bigHeader._witch-img {
  color: #fff;
}
.content-popup .content-popup-bigHeader._witch-img .content-popup-title-wrap {
  left: 35px;
  bottom: 23px;
  position: absolute;
}
.content-popup .content-popup-bigHeader._without-img {
  color: #212121;
  min-height: 102px;
  border-bottom: 2px solid #e6e6e6;
}
.content-popup .content-popup-bigHeader._without-img .content-popup-title-wrap {
  width: 100%;
  padding-left: 35px;
  padding-top: 36px;
  padding-bottom: 35px;
  padding-right: 335px;
}
.content-popup .content-popup-bigHeader._without-img .content-popup-description {
  margin-left: 5px;
}
.content-popup .content-popup-bigHeader._without-img .btn-red-min {
  bottom: 39px;
}
.content-popup .content-popup-bigHeader img {
  width: 1114px;
  height: auto;
  max-width: 100%;
  display: block;
}
.content-popup .content-popup-bigHeader .content-popup-description {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 15px;
}
.content-popup .content-popup-bigHeader .btn-red-min {
  position: absolute;
  right: 43px;
  bottom: 28px;
}
.content-popup .content-popup-bigHeader .btn-red-min:hover {
  -webkit-animation: vibraion-mr 0.5s 0 linear;
  -moz-animation: vibraion-mr 0.5s 0 linear;
  -ms-animation: vibraion-mr 0.5s 0 linear;
  -o-animation: vibraion-mr 0.5s 0 linear;
  animation: vibraion-mr 0.5s 0 linear;
}
.content-popup .content-popup-bigHeader .content-popup-title {
  font-family: "Exo_2", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 68px;
  line-height: 55px;
  padding-left: 6px;
}
.ie8 .content-popup .content-popup-bigHeader .content-popup-title {
  font-family: "Arial", sans-serif;
}
.content-popup .content-popup-text {
  /*padding: 0 20%;*/
  width: 920px;
  max-width: 100%;
  padding: 10px 60px;
  background: #fff;
  margin: 0px auto 0 auto;
  position: relative;
  padding-bottom: 119px;
  color: #333333;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.content-popup .content-popup-text p {
  margin: 10px 0;
}
.content-popup .content-popup-text a {
  color: #009f4b;
}
.content-popup .content-popup-text strong {
  font-weight: 600;
}
.content-popup .content-popup-text img {
  width: 100%;
  height: auto;
  margin-bottom: 17px;
}
.content-popup .content-popup-text h3 {
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 23px;
  margin-bottom: 20px;
}
.ie8 .content-popup .content-popup-text h3 {
  font-family: "Arial", sans-serif;
}
.content-popup .content-popup-text ul,
.content-popup .content-popup-text ol {
  background: #fff;
  margin: 0 auto;
  padding: 0;
  counter-reset: item;
  border-top: solid #cf3439 3px;
  width: 100%;
}
.content-popup .content-popup-text li {
  list-style-type: none;
  padding: 25px 25px 25px 100px;
  font-size: 16px;
  color: #2a2a2a;
  position: relative;
}
.content-popup .content-popup-text li:after {
  content: counter(item, decimal);
  counter-increment: item;
  display: block;
  top: 25px;
  left: 45px;
  font-weight: bold;
  color: #cf3439;
  position: absolute;
  background: none;
  list-style-type: decimal;
}
.content-popup .content-popup-text li:before {
  content: '';
  background: none;
}
.content-popup .content-popup-text li:nth-child(2n) {
  background: #edf8f2;
}
.warn-popup {
  background: #fff;
  position: relative;
  min-height: 140px;
  height: 140px;
  max-height: 240px;
  width: 675px;
}
.warn-popup.child {
  height: 200px;
}
.warn-popup-status {
  background: #ff4c4c url('../img/ico-popup-warn.png') 50% 50% no-repeat;
  width: 120px;
  height: 100%;
  float: left;
}
.popup-text {
  font-size: 16px;
  line-height: 20px;
  color: #333;
  padding: 30px;
}
.popup-text .btn-row {
  margin-top: 18px;
  display: flex;
}
.popup-text .btn {
  margin: 0 10px;
  background-color: #009f4b;
  border-color: #408065;
}
.popup-text .btn:hover {
  background-color: #00bf59;
}
.warn-popup-text {
  padding: 20px 40px;
  width: 555px;
  float: left;
}
.warn-popup-close {
  cursor: pointer;
  left: 100%;
  top: 0;
  width: 56px;
  height: 50px;
  position: absolute;
  background-color: #b2b2b2;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQxJREFUeNq0lk0OgjAQRosLf1YuOEm9AJh4Dj2oh+AAunMLLDQm6maYwVEJKWWm1CZfQpv2PQZSSgIAhtsC8zRx2hzzoosZD+SYE8ZGgBPjzExjsIIMc4d3KzGWqgqMZQYwM6MKbpgH21PMMbASy2tT7hPz+jFvMBX8mraS7p0Ds9r13UmhkkF4XxAi8cJdAo1kFD4kkEhEcJ/AJ7G98cr3GMdeoEsihksELokYLhVQDg7BXrJWuolcFZQxKnC9UNVm1MKtdjNq4eodHwJXSULhQ/NL37dICxdJpsJHJTHgXgkdmWvMko+5GrPDFAFHZsFra+6vWjbbt5jLxAO/Wwmxcuonf/ov+rIaAQYAqKZJyqJrcaYAAAAASUVORK5CYII=');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
html {
  background: #2e735c;
  background: url('/common/img/bg2-green.png');
  background: url('/common/img/bg3-transparent.png'), #2e735c url('/common/img/bg3-gradient.png') repeat-x;
}
.isParalax .parallax-bg {
  display: block;
}
.parallax-bg {
  display: none;
  position: fixed;
  top: -250%;
  left: 0;
  width: 100%;
  height: 500%;
  background: url('/common/img/bg2-green.png');
}
.page {
  position: relative;
}
.page .body-wrap {
  background: none;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main {
    height: 120px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .header-item {
    background-position: 50% !important;
  }
}
.page header .main .header-button .qnty-wrap {
  position: relative;
  top: -22px;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .header-button .qnty-wrap {
    top: -6px;
  }
}
.page header .main .header-button .header-button-text {
  padding-top: 72px;
}
.page header .main .header-button .header-button-text .rub {
  font-size: 1em;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .header-button .header-button-text {
    overflow: hidden;
    text-indent: -999px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .text .title {
    font-size: 19px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .text .description {
    font-size: 18px;
    line-height: 23px;
  }
}
.page header .main .login {
  position: relative;
  background: url("../img/ico-header-login.png") no-repeat 50% 28px;
}
.page header .main .login span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  max-width: 145px;
  margin: 0 5%;
}
.ie8 .page header .main .login span {
  display: inline-block;
}
.page header .main .login._auoth {
  background-image: url("../img/ico-header-auoth.png");
}
.page header .main .login._active {
  background-image: url("../img/ico-header-login-active.png");
  background-color: #008c46;
}
.page header .main .cart {
  position: relative;
  background: url("../img/ico-header-cart.png") no-repeat 50% 28px;
}
.page header .main .cart .counter {
  height: 24px;
  min-width: 24px;
  background: #d92127;
  border-radius: 24px;
  position: absolute;
  line-height: 25px;
  font-size: 14px;
  top: 17px;
  left: 50%;
  margin-left: 2px;
  padding: 0 7px;
}
.ie8 .page header .main .cart .counter {
  behavior: url(/common/PIE.htc);
  padding: 0;
}
.page header .main .cart .price {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  white-space: nowrap;
}
.ie8 .page header .main .cart .price {
  font-family: "Arial", sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .page header .main .promo {
    width: 21%;
  }
}
.page main .top-nav-left {
  white-space: nowrap;
}
.page main .top-nav-left .nav {
  display: inline-block;
  text-align: left;
}
.page main .top-nav-left .nav ._last .sub-nav {
  right: 67px;
}
.page main .top-nav-left .nav .nav-item {
  padding: 0;
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  display: inline-block;
  min-width: 0;
}
.page main .top-nav-left .nav .nav-item > .link {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  display: table;
  height: 60px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  padding: 0 15px;
}
.page main .top-nav-left .nav .nav-item .text {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  width: 100%;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
}
.ie8 .page main .top-nav-left .nav .nav-item .text {
  font-family: "Arial", sans-serif;
}
.page main .top-nav-left .nav .nav-item._show {
  background: #bd262b;
}
.page main .top-nav-left .nav .nav-item:hover {
  background: #bd262b;
}
.page main .top-nav-left .nav .nav-item:hover .sub-nav {
  display: block;
}
.page main .top-nav-left .nav .nav-item._active {
  background: #bd262b;
}
.page main .top-nav-left .nav .nav-item .sub-nav {
  display: none;
}
.page main .top-nav-left .nav .sub-nav {
  z-index: 10;
  background: #bd262b;
  position: absolute;
  top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  text-align: left;
}
.page main .top-nav-left .nav .sub-nav .col {
  padding-left: 14px;
  padding-right: 13px;
  min-width: 296px;
}
.page main .top-nav-left .nav .sub-nav .link {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  height: auto;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 100ms ease-in-out 0;
  -moz-transition: all 100ms ease-in-out 0;
  -ms-transition: all 100ms ease-in-out 0;
  -o-transition: all 100ms ease-in-out 0;
  transition: all 100ms ease-in-out 0;
}
.page main .top-nav-left .nav .sub-nav .link._active {
  background: #99171b;
}
.page main .top-nav-left .nav .sub-nav .link._active:hover {
  background: #99171b;
}
.page main .top-nav-left .nav .sub-nav .link:hover {
  background: #d92127;
  text-decoration: none;
}
.page main .top-nav-left .nav .sub-nav .sub-link {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  padding-left: 10px;
  text-transform: none;
  padding-left: 25px;
  padding-top: 1px;
  padding-bottom: 2px;
  margin-bottom: 0;
}
.ie8 .page main .top-nav-left .nav .sub-nav .sub-link {
  font-family: "Arial", sans-serif;
}
.page main .top-nav-left .nav .sub-nav .sub-link._last {
  margin-bottom: 5px;
}
.page main .top-nav-left .nav .sub-nav .col-wrap {
  display: table;
}
.page main .top-nav-left .nav .sub-nav .col {
  display: table-cell;
  vertical-align: top;
}
.page main .top-nav-left .nav .sub-nav .col + .col {
  border-left: 2px solid #d92127;
}
.page main .top-nav-left .search {
  position: absolute;
  right: 0;
  top: 0;
  width: 67px;
  height: 60px;
  background: url("../img/ico-search.png") no-repeat 50% 50%;
  border-left: 2px solid #eb1f26;
  cursor: pointer;
}
.page main .top-nav-left .search.opened {
  border: none;
  background: #99171b url("../img/ico-close.png") no-repeat 50% 50% !important;
  border-left: 2px solid #99171b;
}
.page main .top-nav-left .search:hover {
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
  -webkit-transition: background-color 200ms ease-in 0ms;
  -moz-transition: background-color 200ms ease-in 0ms;
  -ms-transition: background-color 200ms ease-in 0ms;
  -o-transition: background-color 200ms ease-in 0ms;
  transition: background-color 200ms ease-in 0ms;
  background-color: #bd262b;
}
.page main .top-nav-left .search-box {
  position: absolute;
  display: none;
  width: 100%;
  background: #99171b url("../img/ico-search-red.png") no-repeat 23px 50%;
  height: 82px;
  top: 60px;
  left: 0;
  z-index: 2;
}
.page main .top-nav-left .search-box .text {
  border: none;
  background: transparent;
  outline: none;
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  padding-top: 17px;
  width: 90%;
  height: 48px;
  padding-left: 87px;
  text-align: left;
}
.page section .breadcrumb.breadcrumb-step {
  background: #f0f0f0;
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
}
.page section .breadcrumb.breadcrumb-step:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.page section .breadcrumb.breadcrumb-step li {
  float: left;
  list-style: none;
  font-size: 18px;
  line-height: 0;
  color: #7f7f7f;
}
.page section .breadcrumb.breadcrumb-step li:last-child {
  padding: 0;
}
.page section .breadcrumb.breadcrumb-step li a {
  color: #7f7f7f;
  text-decoration: none;
}
.page section .breadcrumb.breadcrumb-step li a.green-link {
  color: #009f4b;
  font-size: 18px;
}
.page section .breadcrumb.breadcrumb-step li a.green-link:before {
  top: 20px;
}
.page section .breadcrumb.breadcrumb-step li.last:after {
  content: '';
  display: none;
}
.page section .breadcrumb.breadcrumb-step li .step-count {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  behavior: url(/common/PIE.htc);
  background: #bfbfbf;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 27px;
  font-style: normal;
  position: relative;
  top: -2px;
}
.page section .breadcrumb.breadcrumb-step li:after {
  content: url("../img/ico-breadcrumb-step-arrow.png");
  margin: 0 22px;
}
@media (max-width: 1200px) {
  .page section .breadcrumb.breadcrumb-step li:after {
    margin: 0 10px;
  }
}
.page section .breadcrumb.breadcrumb-step li:last-child:after {
  display: none;
}
.page section .breadcrumb.breadcrumb-step li.current {
  color: #333333;
  font-size: 40px;
  font-weight: bold;
  line-height: 13px;
}
@media (max-width: 1300px) {
  .page section .breadcrumb.breadcrumb-step li.current {
    font-size: 34px;
    line-height: 18px;
    vertical-align: top;
  }
}
@media (max-width: 1200px) {
  .page section .breadcrumb.breadcrumb-step li.current {
    font-size: 28px;
    line-height: 18px;
    vertical-align: top;
  }
}
.page section .breadcrumb.breadcrumb-step li.current .step-count {
  background: #009f4b;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 18px;
  line-height: 35px;
  position: relative;
  top: -8px;
  left: -1px;
}
.page section .breadcrumb.breadcrumb-step li.current:after {
  content: url("../img/ico-breadcrumb-step-current.png");
  margin: 0 20px;
  position: relative;
  top: -5px;
}
.page section .breadcrumb.breadcrumb-step li._done .step-count {
  background: #009f4b;
}
.page section .breadcrumb.breadcrumb-step li._done a {
  color: #009f4b;
}

.page section .game-item {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #333;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  border-bottom: 11px solid #009f4b;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  overflow: hidden;
}

.page section .game-item-bp {
  border-bottom: 0;
  height: 357px;
}

.page section .game-item-st {
  background-color: #ccc;
}

.ie8 .page section .game-item {
  font-family: "Arial", sans-serif;
}
.page section .game-item .game-item-col {
  display: table-cell;
  padding: 2.2%;
  padding-top: 33px;
  padding-bottom: 20px;
  vertical-align: top;
}
.page section .game-item .game-player-logo img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  min-height: 70px;
  min-width: 70px;
  height: auto;
  width: auto;
}
.page section .game-item .game-player-name {
  text-transform: uppercase;
  font-size: 31px;
  line-height: 40px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  word-wrap: break-word;
}
.ie8 .page section .game-item .game-player-name {
  font-family: "Arial", sans-serif;
}
.page section .game-item .game-player-city {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  padding-top: 5px;
}
.page section .game-item .game-vs {
  color: #e6e6e6;
  font-family: "Exo_2", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 100px;
  width: 65px;
  padding: 0;
  font-style: italic;
  text-align: center;
}
.ie8 .page section .game-item .game-vs {
  font-family: "Arial", sans-serif;
}
.page section .game-item .game-champ-name {
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
}
.page section .game-item .game-info {
  position: relative;
  width: 297px;
  border-left: 2px solid #ccc;
  padding-left: 29px;
  padding-right: 27px;
  padding-top: 29px;
}
.page section .game-item-bp .game-info {
  border-left-color: transparent;
  position: relative;
  width: 340px;
}
.page section .game-item-bp .game-info .game-btn-parking-booking {
  border: 2px solid #d92127;
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 25px;
  height: 28px;
  margin-top: 5px;
  padding: 0 5px 0 10px;
  position: absolute;
  text-transform: uppercase;
  bottom: 26px;
  text-decoration: none;
}
.page section .game-item .game-info .game-date .game-day {
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.ie8 .page section .game-item .game-info .game-date .game-day {
  font-family: "Arial", sans-serif;
}
.page section .game-item .game-info .game-date .game-mounth {
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  text-transform: lowercase;
}
.ie8 .page section .game-item .game-info .game-date .game-mounth {
  font-family: "Arial", sans-serif;
}
.page section .game-item .game-info .game-date .game-time {
  color: #808080;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.ie8 .page section .game-item .game-info .game-date .game-time {
  font-family: "Arial", sans-serif;
}
.page section .billets-selected .billet {
  position: relative;
  color: #fff;
  background: #009f4b;
  padding: 0 16px;
  padding-top: 37px;
}
.page section .billets-selected .billet:before,
.page section .billets-selected .billet:after {
  content: '';
  top: 0;
  position: absolute;
  width: 4px;
  height: 100%;
  background: url("../img/patter-dot-border.png") 0 0 repeat-y;
}
.page section .billets-selected .billet._blue {
  background: #35a4c0;
}
.page section .billets-selected .billet._blue:before,
.page section .billets-selected .billet._blue:after {
  background: url("../img/patter-dot-border-blue.png") 0 0 repeat-y;
}
.page section .billets-selected .billet._blue:before {
  left: 0;
  background-position: -1px 0;
}
.page section .billets-selected .billet._blue:after {
  right: 0;
  background-position: -8px 0;
  z-index: 1;
}
.page section .billets-selected .billet._blue .billet-price {
  border-top: 2px solid #5bb5cc;
}
.page section .billets-selected .billet._blue .billet-sector {
  max-width: 100%;
  font-size: 24px;
  line-height: 22px;
  padding-bottom: 0;
}
.page section .billets-selected .billet._grey {
  background: #8c8c8c;
}
.page section .billets-selected .billet._grey:before,
.page section .billets-selected .billet._grey:after {
  background: url("../img/patter-dot-border-gray.png") 0 0 repeat-y;
}
.page section .billets-selected .billet._grey:before {
  left: 0;
  background-position: -3px 0;
}
.page section .billets-selected .billet._grey:after {
  right: 0;
  background-position: -8px 0;
  z-index: 1;
}
.page section .billets-selected .billet._grey .billet-price {
  border-top: 2px solid #adadad;
}
.page section .billets-selected .billet._first:before {
  left: -3px;
  width: 8px;
  height: 100%;
  background-position: 0 0;
}
.page section .billets-selected .billet._last:after {
  right: -3px;
  width: 8px;
  height: 100%;
  background-position: -7px 0;
}
.page section .billets-selected .billet:before {
  left: 0;
  background-position: -3px 0;
}
.page section .billets-selected .billet:after {
  right: 0;
  background-position: -8px 0;
  z-index: 1;
}
.page section .billets-selected .billet._empty {
  background: #f0f0f0;
}
.page section .billets-selected .billet._empty:before {
  left: 0;
  width: 4px;
  height: 100%;
  background-position: -15px 0;
}
.page section .billets-selected .billet._empty:after {
  width: 4px;
  height: 100%;
  right: 0;
  background-position: -19px 0;
}
.page section .billets-selected .billet-sector {
  text-transform: uppercase;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 24px;
  padding-bottom: 24px;
  max-width: 170px;
}
.ie8 .page section .billets-selected .billet-sector {
  font-family: "Arial", sans-serif;
}
.page section .billets-selected .billet-param {
  font-size: 14px;
  line-height: 22px;
}
.page section .billets-selected .billet-row {
  position: absolute;
  right: 20px;
  text-align: right;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 20px;
}
.ie8 .page section .billets-selected .billet-row {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1100px) {
  .page section .billets-selected .billet-row {
    font-size: 23px;
  }
}
.page section .billets-selected .billet-row:before {
  position: absolute;
  top: 100%;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  content: attr(data-content);
  font-size: 14px;
  line-height: 22px;
}
.ie8 .page section .billets-selected .billet-row:before {
  font-family: "Arial", sans-serif;
}
.page section .billets-selected .billet-delite {
  position: absolute;
  top: 5px;
  right: 17px;
  cursor: pointer;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page section .billets-selected .billet-delite:before {
  cursor: pointer;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* transition */
  -webkit-transition: color;
  -moz-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition: color 300ms ease 0ms;
  -moz-transition: color 300ms ease 0ms;
  -ms-transition: color 300ms ease 0ms;
  -o-transition: color 300ms ease 0ms;
  transition: color 300ms ease 0ms;
  content: '×';
  color: #2dc663;
  font-family: Arial;
  font-size: 28px;
  line-height: 30px;
}
.page section .billets-selected .billet-delite:hover:before {
  color: #4fd77f;
}
.page section .billets-selected .billet-place {
  display: inline-block;
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 20px;
  margin-bottom: 24px;
}
.ie8 .page section .billets-selected .billet-place {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1100px) {
  .page section .billets-selected .billet-place {
    font-size: 23px;
  }
}
.page section .billets-selected .billet-place:before {
  position: absolute;
  top: 100%;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  content: attr(data-content);
  font-size: 14px;
  line-height: 22px;
}
.ie8 .page section .billets-selected .billet-place:before {
  font-family: "Arial", sans-serif;
}
.page section .billets-selected .billet-price {
  position: relative;
  font-size: 16px;
  line-height: 18px;
}
.page section .billets-selected .billet-price:first-child {
  border-top: 2px solid #2dc663;
}
.page section .billets-selected .billet-children {
  margin-left: -4px;
  margin-top: 4px;
}
.page section .billets-selected .billet-children label {
  display: flex;
}
.page section .billets-selected .billet-children .billet-children__checkbox {
  display: none;
}
.page section .billets-selected .billet-children .billet-children__checkbox-text {
  font-size: 10px; 
  margin-top: 8px; 
  margin-left: 4px;
}
.page section .billets-selected .billet-children .billet-children__checkbox + .billet-children__checkbox-icon {
  cursor: pointer;
  text-indent: -9999px;
  width: 26px;
  height: 13px;
  background: #fff;
  display: block;
  border-radius: 100px;
  position: relative;
  margin-top: 7px;
  transition: all 0.2s;
}
.page section .billets-selected .billet-children .billet-children__checkbox + .billet-children__checkbox-icon::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #d58e8e;
  border-radius: 90px;
  transition: 0.3s;
  transition: all 0.2s;
}
.page section .billets-selected .billet-children .billet-children__checkbox:checked + .billet-children__checkbox-icon::after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
  background: #2DC663;
}
@media (max-width: 1100px) {
  .page section .billets-selected .billet-children .billet-children__checkbox + .billet-children__checkbox-icon {
    width: 24px;
    margin-left: -4px;
  }
}
.page section .billets-selected .billet-price .rub {
  font-size: 16px;
  line-height: 18px;
}
.page section.back {
  padding-bottom: 0;
  padding-top: 27px;
}
.page section.info {
  padding-top: 60px;
  padding-bottom: 60px;
  text-transform: uppercase;
  width: 100%;
}
.page section.info .table-cell {
  display: table-cell;
  width: 46px;
}
.page section.info .info-item {
  position: relative;
  display: table-cell;
  height: 119px;
  color: #4c4c4c;
  text-decoration: none;
  text-align: left;
  padding-left: 126px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  width: 31%;
}
.page section.info .info-item:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.page section.info .info-item:hover .ico:before {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.page section.info .info-item .ico {
  position: absolute;
  display: block;
  left: 0;
  width: 126px;
  height: 119px;
  background: url("../img/pattern-info.png") 0 0;
  -webkit-animation: infiniteRun 8s 0 infinite linear;
  -moz-animation: infiniteRun 8s 0 infinite linear;
  -ms-animation: infiniteRun 8s 0 infinite linear;
  -o-animation: infiniteRun 8s 0 infinite linear;
  animation: infiniteRun 8s 0 infinite linear;
}
.page section.info .info-item .ico:before {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  position: absolute;
  content: '';
  width: 126px;
  height: 119px;
  background: 50% 50% no-repeat;
}
.page section.info .info-item .info-item-text {
  font-size: 24px;
  line-height: 28px;
  margin-top: 33px;
  margin-left: 12.5%;
  display: block;
}
@media (max-width: 1200px) {
  .page section.info .info-item .info-item-text {
    font-size: 18px;
    line-height: 20px;
    margin-top: 42px;
    margin-left: 9.5%;
  }
}
.page section.info .info-item-1 .ico:before {
  background-image: url("../img/ico-info-1.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page section.info .info-item-1 .ico:before {
    background: transparent url("../img/ico-info-1@2x.png") no-repeat 50% 50%;
    -webkit-background-size: 80px;
    -moz-background-size: 80px;
    -o-background-size: 80px;
    background-size: 80px;
  }
}
.page section.info .info-item-2 .ico:before {
  background-image: url("../img/ico-info-2.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page section.info .info-item-2 .ico:before {
    background: transparent url("../img/ico-info-2@2x.png") no-repeat 50% 50%;
    -webkit-background-size: 80px;
    -moz-background-size: 80px;
    -o-background-size: 80px;
    background-size: 80px;
  }
}
.page section.info .info-item-3 .ico:before {
  background-image: url("../img/ico-info-3.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page section.info .info-item-3 .ico:before {
    background: transparent url("../img/ico-info-3@2x.png") no-repeat 50% 50%;
    -webkit-background-size: 80px;
    -moz-background-size: 80px;
    -o-background-size: 80px;
    background-size: 80px;
  }
}
.page footer .btn-bordered {
  cursor: pointer;
  position: absolute;
  width: 260px;
  border-color: #246945;
  background: #22322a;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  width: 262px;
  margin-left: -1px;
  text-align: center;
  margin-top: 5px;
}
.page footer .btn-bordered:hover {
  background: #00a14c !important;
  border-color: #00a14c !important;
  color: #fff !important;
}
.btn-red {
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background: #ba262b;
  color: #fff;
  text-transform: uppercase;
  height: 48px;
  padding-left: 23px;
  padding-right: 15px;
  margin-right: 18px;
  /* transition */
  -webkit-transition: box-shadow;
  -moz-transition: box-shadow;
  -webkit-transition: -webkit-box-shadow;
  -moz-transition: -moz-box-shadow;
  -o-transition: box-shadow;
  transition: box-shadow;
  -webkit-transition: box-shadow 300ms ease 0ms;
  -moz-transition: box-shadow 300ms ease 0ms;
  -ms-transition: box-shadow 300ms ease 0ms;
  -o-transition: box-shadow 300ms ease 0ms;
  transition: box-shadow 300ms ease 0ms;
  font-size: 22px;
  line-height: 48px;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}
.ie8 .btn-red {
  font-family: "Arial", sans-serif;
}
.btn-red .ico {
  position: absolute;
  left: 100%;
  top: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #ba262b;
}
.btn-red:hover {
  background: #cd2a2f;
  -webkit-animation: vibraion-ml 0.5s 0 linear;
  -moz-animation: vibraion-ml 0.5s 0 linear;
  -ms-animation: vibraion-ml 0.5s 0 linear;
  -o-animation: vibraion-ml 0.5s 0 linear;
  animation: vibraion-ml 0.5s 0 linear;
}
.btn-red:hover .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #cd2a2f;
}
.btn-red:active {
  background: #a22227;
  -webkit-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
}
.btn-red:active .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #a22227;
}
.btn-red._disable {
  cursor: default;
  background: #7c7c7c;
}
.btn-red._disable .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #7c7c7c;
}
.btn-red._disable:active,
.btn-red._disable:hover {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-animation: none 300ms 0ms ease;
  -moz-animation: none 300ms 0ms ease;
  -ms-animation: none 300ms 0ms ease;
  -o-animation: none 300ms 0ms ease;
  animation: none 300ms 0ms ease;
}
.btn-red-min {
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background: #ba262b;
  color: #fff;
  text-transform: uppercase;
  height: 48px;
  padding-left: 23px;
  padding-right: 15px;
  margin-right: 18px;
  /* transition */
  -webkit-transition: box-shadow;
  -moz-transition: box-shadow;
  -webkit-transition: -webkit-box-shadow;
  -moz-transition: -moz-box-shadow;
  -o-transition: box-shadow;
  transition: box-shadow;
  -webkit-transition: box-shadow 300ms ease 0ms;
  -moz-transition: box-shadow 300ms ease 0ms;
  -ms-transition: box-shadow 300ms ease 0ms;
  -o-transition: box-shadow 300ms ease 0ms;
  transition: box-shadow 300ms ease 0ms;
  font-size: 22px;
  line-height: 48px;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  line-height: 37px;
  height: 37px;
  padding: 0 17px;
  margin-right: 13px;
}
.ie8 .btn-red-min {
  font-family: "Arial", sans-serif;
}
.btn-red-min .ico {
  position: absolute;
  left: 100%;
  top: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #ba262b;
}
.btn-red-min:hover {
  background: #cd2a2f;
  -webkit-animation: vibraion-ml 0.5s 0 linear;
  -moz-animation: vibraion-ml 0.5s 0 linear;
  -ms-animation: vibraion-ml 0.5s 0 linear;
  -o-animation: vibraion-ml 0.5s 0 linear;
  animation: vibraion-ml 0.5s 0 linear;
}
.btn-red-min:hover .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #cd2a2f;
}
.btn-red-min:active {
  background: #a22227;
  -webkit-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
}
.btn-red-min:active .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #a22227;
}
.btn-red-min._disable {
  cursor: default;
  background: #7c7c7c;
}
.btn-red-min._disable .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #7c7c7c;
}
.btn-red-min._disable:active,
.btn-red-min._disable:hover {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-animation: none 300ms 0ms ease;
  -moz-animation: none 300ms 0ms ease;
  -ms-animation: none 300ms 0ms ease;
  -o-animation: none 300ms 0ms ease;
  animation: none 300ms 0ms ease;
}
.btn-red-min .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 18.5px solid transparent;
  border-bottom: 18.5px solid transparent;
  border-left: 13px solid #ba262b;
}
.btn-red-min:hover .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 18.5px solid transparent;
  border-bottom: 18.5px solid transparent;
  border-left: 13px solid #cd2a2f;
}
.btn-red-min:active {
  -webkit-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
}
.btn-red-min:active .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 18.5px solid transparent;
  border-bottom: 18.5px solid transparent;
  border-left: 13px solid #a22227;
}
.btn-red-min._disable .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 18.5px solid transparent;
  border-bottom: 18.5px solid transparent;
  border-left: 13px solid #7c7c7c;
}
.btn-red-smail {
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background: #ba262b;
  color: #fff;
  text-transform: uppercase;
  height: 48px;
  padding-left: 23px;
  padding-right: 15px;
  margin-right: 18px;
  /* transition */
  -webkit-transition: box-shadow;
  -moz-transition: box-shadow;
  -webkit-transition: -webkit-box-shadow;
  -moz-transition: -moz-box-shadow;
  -o-transition: box-shadow;
  transition: box-shadow;
  -webkit-transition: box-shadow 300ms ease 0ms;
  -moz-transition: box-shadow 300ms ease 0ms;
  -ms-transition: box-shadow 300ms ease 0ms;
  -o-transition: box-shadow 300ms ease 0ms;
  transition: box-shadow 300ms ease 0ms;
  font-size: 22px;
  line-height: 48px;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  font-size: 10px;
  line-height: 23px;
  height: 23px;
  padding: 0 12px;
  margin-right: 9px;
}
.ie8 .btn-red-smail {
  font-family: "Arial", sans-serif;
}
.btn-red-smail .ico {
  position: absolute;
  left: 100%;
  top: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #ba262b;
}
.btn-red-smail:hover {
  background: #cd2a2f;
  -webkit-animation: vibraion-ml 0.5s 0 linear;
  -moz-animation: vibraion-ml 0.5s 0 linear;
  -ms-animation: vibraion-ml 0.5s 0 linear;
  -o-animation: vibraion-ml 0.5s 0 linear;
  animation: vibraion-ml 0.5s 0 linear;
}
.btn-red-smail:hover .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #cd2a2f;
}
.btn-red-smail:active {
  background: #a22227;
  -webkit-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
}
.btn-red-smail:active .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #a22227;
}
.btn-red-smail._disable {
  cursor: default;
  background: #7c7c7c;
}
.btn-red-smail._disable .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #7c7c7c;
}
.btn-red-smail._disable:active,
.btn-red-smail._disable:hover {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0);
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-animation: none 300ms 0ms ease;
  -moz-animation: none 300ms 0ms ease;
  -ms-animation: none 300ms 0ms ease;
  -o-animation: none 300ms 0ms ease;
  animation: none 300ms 0ms ease;
}
.btn-red-smail .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 11.5px solid transparent;
  border-bottom: 11.5px solid transparent;
  border-left: 9px solid #ba262b;
}
.btn-red-smail:hover .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 11.5px solid transparent;
  border-bottom: 11.5px solid transparent;
  border-left: 9px solid #cd2a2f;
}
.btn-red-smail:active {
  -webkit-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 5px 3px 8px rgba(0, 0, 0, 0.2);
}
.btn-red-smail:active .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 11.5px solid transparent;
  border-bottom: 11.5px solid transparent;
  border-left: 9px solid #a22227;
}
.btn-red-smail._disable .ico {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 11.5px solid transparent;
  border-bottom: 11.5px solid transparent;
  border-left: 9px solid #7c7c7c;
}
.modal-overlay {
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
}
.link-green {
  color: #009f4b;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 1px solid #66b985;
  text-decoration: none;
}
.fixed-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 81;
}
.fixed-modal-content {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0 !important;
  bottom: 0;
}
.green-btn {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  padding: 20px;
  padding-top: 11px;
  padding-bottom: 10px;
  text-align: center;
  border: 2px solid #3d7f63;
  background: #009f4b;
  color: #fff;
  font-weight: bold;
  margin: 20px 10px;
  margin-bottom: 10px;
  outline: 0;
}
.green-btn:hover {
  background: #00ab50;
}
.green-btn:active {
  background: #008f43;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.slider-overlay {
  position: absolute;
  width: 1900px;
  top: 0;
  z-index: 1;
  left: 50%;
  margin-left: -950px;
}
.slider-overlay .left {
  position: absolute;
  background: url("../img/slider-overlay2-left.png") 50% 0 no-repeat;
  z-index: 1;
  width: 300px;
  height: 835px;
  left: 0;
}
.slider-overlay .right {
  position: absolute;
  background: url("../img/slider-overlay2-right.png") 50% 0 no-repeat;
  width: 300px;
  height: 835px;
  right: 0;
}
.j_sliderReady {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out 0;
  -moz-transition: opacity 0.3s ease-out 0;
  -ms-transition: opacity 0.3s ease-out 0;
  -o-transition: opacity 0.3s ease-out 0;
  transition: opacity 0.3s ease-out 0;
}
.j_sliderReady._show {
  opacity: 1;
}
.slider {
  width: 100%;
  position: absolute;
  min-width: 1024px;
  top: 0;
  left: 0;
  z-index: 0;
}
.slider .caroufredsel_wrapper {
  cursor: default !important;
}
.slider .owl-wrapper-outer {
  overflow: hidden;
  background-color: #295d47;
}
.slider .slider-item {
  float: left;
}
.slider .after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNWU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMmE1ZTQ5IiBzdG9wLW9wYWNpdHk9IjAuOTkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MzQyYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #2a5e49 0%, rgba(25, 52, 42, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a5e49), color-stop(100%, rgba(25, 52, 42, 0)));
  background: -webkit-linear-gradient(top, #2a5e49 0%, rgba(25, 52, 42, 0) 100%);
  background: -o-linear-gradient(top, #2a5e49 0%, rgba(25, 52, 42, 0) 100%);
  background: -ms-linear-gradient(top, #2a5e49 0%, rgba(25, 52, 42, 0) 100%);
  background: linear-gradient(to bottom, #2a5e49 0%, rgba(25, 52, 42, 0) 100%);
  height: 330px;
  bottom: -330px;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5e49', endColorstr='#0019342a',GradientType=0 );
  /* IE6-8 */
}
.slider .j_main-slider {
  height: 840px;
  overflow: hidden;
}
.slider .slider-item {
  position: relative;
  overflow: hidden;
  min-width: 1024px;
  height: 840px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: #2a5e49;
}
.slider .slider-item .img {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1680px;
  margin-left: -840px;
  max-width: 1680px;
}
.slider .slider-item .slider-item-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
  width: 2000px;
  height: 840px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(44, 94, 73, 0) 46%, #2C5E49 59%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(46%, rgba(44, 94, 73, 0)), color-stop(59%, #2C5E49));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(44, 94, 73, 0) 46%, #2C5E49 59%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(44, 94, 73, 0) 46%, #2C5E49 59%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(44, 94, 73, 0) 46%, #2C5E49 59%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(44, 94, 73, 0) 46%, #2C5E49 59%);
  /* W3C */
}
.slider .slider-item._overlayImg .slider-item-overlay {
  background: url("../img/slider-overlay.png") no-repeat 50% 50%;
}
.slider .slider-btn {
  border: 2px solid #009f4b;
  height: 53px;
  background: rgba(0, 0, 0, 0.4);
  margin-top: 20px;
  font-style: normal;
  padding: 0 20px;
  padding-right: 19px;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  line-height: 47px;
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
}
.slider .slider-btn .text {
  text-decoration: none;
  color: #fff;
  -webkit-transform: skew(8deg);
  -moz-transform: skew(8deg);
  -o-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
  -webkit-transform: skewX(8deg);
  -moz-transform: skewX(8deg);
  -ms-transform: skewX(8deg);
  -o-transform: skewX(8deg);
  transform: skewX(8deg);
}
.slider .slider-btn > i {
  margin-bottom: -3px;
  margin-left: 26px;
  display: inline-block;
  width: 13px;
  height: 19px;
  -webkit-transform: skew(8deg);
  -moz-transform: skew(8deg);
  -o-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
  -webkit-transform: skewX(8deg);
  -moz-transform: skewX(8deg);
  -ms-transform: skewX(8deg);
  -o-transform: skewX(8deg);
  transform: skewX(8deg);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQUZDMTJEQTJDNEUxMUU0QjM3NkRGQTZDMTNDNEFCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQUZDMTJEQjJDNEUxMUU0QjM3NkRGQTZDMTNDNEFCNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNBRkMxMkQ4MkM0RTExRTRCMzc2REZBNkMxM0M0QUI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNBRkMxMkQ5MkM0RTExRTRCMzc2REZBNkMxM0M0QUI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ce7nWwAAANdJREFUeNpi+P//PzMQ7/iPALeBWBSIGXBhGIMfiC8haTwIxGyENIGwEhC/QtK4mBhNIGwOxD+QNFYQowmEo4H4H1QTiA4mRhMINyLZ9hXqAoKaGIF4CZLGp0AsQ0gTCHMB8QkkjaDQ5SakiQEaXw+QNG4ExSshTSAc9x8V+BHSIIcWdyB/MuLTgJ5KjsBSCS4NoPS4BVd6xKVpCpKGD0CsTSieMpE0/AFiJ0Ipwh2qEAYyCaU9XahTYGACoVQO8uRd9EjEp4kFiLcD8TsoPgXEfPjiDyDAAKDHJ5KlKd1GAAAAAElFTkSuQmCC") no-repeat;
}
.slider .slider-btn:hover {
  background: #00ab50;
  border-color: #00ab50;
}
.slider .wrapper {
  position: relative;
}
.slider .slider-content {
  position: absolute;
  min-width: 50%;
  max-width: 65%;
  height: 355px;
  display: table;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-transform: skewX(-8deg);
  -moz-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  -o-transform: skewX(-8deg);
  transform: skewX(-8deg);
  margin-top: 257px !important;
  z-index: 2;
  color: #fff;
  padding-left: 80px;
}
.slider .slider-content-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.slider .slider-content._right {
  right: 0;
  padding-left: 0;
  padding-right: 50px;
  max-width: 65%;
}
.slider .slider-content h2 {
  text-transform: uppercase;
  font-size: 94px;
  line-height: 85px;
  font-style: normal;
  text-shadow: 2.5px 4.33px 51px rgba(0, 0, 0, 0.45);
}
@media only screen and (min-width: 0) {
  .slider .slider-content h2 {
    font-size: 82px;
    line-height: 74px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content h2 {
    font-size: 63px;
    line-height: 63px;
  }
}
.slider .slider-content h2 span {
  font-size: inherit !important;
}
.slider .slider-content h3 {
  text-transform: uppercase;
  font-size: 72px;
  line-height: 72px;
  font-style: normal;
  text-shadow: 2.5px 4.33px 51px rgba(0, 0, 0, 0.45);
}
@media only screen and (min-width: 0) {
  .slider .slider-content h3 {
    font-size: 63px;
    line-height: 63px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content h3 {
    font-size: 57px;
    line-height: 57px;
  }
}
.slider .slider-content h3 span {
  font-size: inherit !important;
}
.slider .slider-content p,
.slider .slider-content h4 {
  margin: 0;
  text-transform: uppercase;
  font-size: 65px;
  line-height: 65px;
  font-style: normal;
  text-shadow: 2.5px 4.33px 51px rgba(0, 0, 0, 0.45);
}
@media only screen and (min-width: 0) {
  .slider .slider-content p,
  .slider .slider-content h4 {
    font-size: 57px;
    line-height: 57px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content p,
  .slider .slider-content h4 {
    font-size: 45px;
    line-height: 45px;
  }
}
.slider .slider-content h5 {
  text-transform: uppercase;
  font-size: 52px;
  line-height: 52px;
  font-style: normal;
  text-shadow: 2.5px 4.33px 51px rgba(0, 0, 0, 0.45);
}
@media only screen and (min-width: 0) {
  .slider .slider-content h5 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content h5 {
    font-size: 21px;
    line-height: 25px;
  }
}
.slider .slider-content h6 {
  margin: 0;
  font-size: 23px;
  line-height: 28px;
}
@media only screen and (min-width: 0) {
  .slider .slider-content h6 {
    font-size: 21px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content h6 {
    font-size: 21px;
    line-height: 25px;
  }
}
.slider .slider-content .p {
  font-family: "Exo_2", sans-serif;
  font-weight: 800;
  font-size: 65px;
  line-height: 65px;
  font-style: normal;
  padding-top: 30px;
  padding-left: 30px;
}
.ie8  .slider .slider-content .p {
  font-family: "Arial", sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 0) {
  .slider .slider-content .p {
    font-size: 45px;
    line-height: 45px;
  }
}
.slider .slider-content ._white {
  color: #fff;
}
.slider .slider-content ._green {
  color: #00bc59;
}
.slider .slider-content span {
  display: inline-block;
}
.slider-pagination-wrap {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  /* TODO: for center-align of slider-pagination block you need to add margin-left with value=-(width-of-this-block/2), but width-of this block depends of amount of banners, it can't be static ) */
  top: 388px;
  z-index: 2;
  display: inline-block;
}
.slider-pagination {
  position: relative;
  text-align: center;
}
.slider-pagination .pagination-item {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  width: 13px;
  height: 13px;
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  background: #7c997a;
  background: rgba(255, 255, 255, 0.4);
  text-indent: -9999px;
  overflow: hidden;
}
.slider-pagination .pagination-item._active,
.slider-pagination .pagination-item.selected {
  background: #fff;
}
.slider-pagination .pagination-item:hover {
  background: #fff;
}
.page header._witch-slider {
  margin-bottom: 430px;
}
.page.page-default:before {
  content: '';
  width: 100%;
  height: 800px;
  min-width: 1024px;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, #19342a 0%, rgba(25, 52, 42, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19342a), color-stop(100%, rgba(25, 52, 42, 0)));
  background: -webkit-linear-gradient(top, #19342a 0%, rgba(25, 52, 42, 0) 100%);
  background: -o-linear-gradient(top, #19342a 0%, rgba(25, 52, 42, 0) 100%);
  background: -ms-linear-gradient(top, #19342a 0%, rgba(25, 52, 42, 0) 100%);
  background: linear-gradient(to bottom, #19342a 0%, rgba(25, 52, 42, 0) 100%);
}
.page.page-default section.games {
  padding-bottom: 19px;
  color: #313131;
}
.page.page-default section.games .service-inner {
  padding: 3% 3%;
  width: 670px;
  padding: 30px;
  margin: 0 auto 36px auto;
  padding-top: 262px;
  background: url('../img/clock.png') 50% 75px no-repeat;
}
.page.page-default section.games .service-inner h2 {
  display: block;
  color: #cbcbcb;
  font-weight: 600;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  width: 100%;
}
.page.page-default section.games .service-inner p {
  padding-top: 20px;
  font-size: 14px;
  text-align: center;
}
.page.page-default section.games h2 {
  font-size: 40px;
  line-height: 44px;
  font-family: "Exo_2", sans-serif;
  font-weight: 800;
  padding-top: 2px;
  margin-left: -3px;
  margin-bottom: 31px;
}
.ie8 .page.page-default section.games h2 {
  font-family: "Arial", sans-serif;
}
.page.page-default section.games .game-item._remastered {
  padding: 20px;
  border-bottom: 0;
  overflow: hidden;
}
.page.page-default section.games .game-item_action-label {
  /* box-shadow */
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  display: inline-block;
  left: -62px;
  position: relative;
  top: -13px;
  z-index: 11;
  font-family: Exo_2;
  font-size: 15px;
  text-transform: uppercase;
  background-color: #dd373c;
  color: #fff;
  padding: 30px 60px 5px;
  transform: rotate(-31deg);
}
.page.page-default section.games .game-item._remastered .game-item_action-label {
  top: -32px;
  left: -80px;
} 
.page.page-default section.games .game-item_action-full::before {
  left: 0;
}
.page.page-default section.games .game-item._remastered .game-item-col {
  vertical-align: middle;
}
.page.page-default section.games .game-item._remastered .game-symbol {
  width: 220px;
  padding: 23px 0 20px;
  text-align: center;
  border-right: 1px solid #efefef;
}
.page.page-default section.games .game-item._remastered .game-symbol._no-border {
  border-right: 0;
}
.page.page-default section.games .game-item._remastered .game-champ-logo {
  width: auto;
  max-width: 100%;
  height: 60px;
  margin-bottom: 18px;
  border: 0;
}
.page.page-default section.games .game-item._remastered .game-champ-name {
  color: #808080;
}
.page.page-default section.games .game-item.game-item-st .game-champ-sponsor {
  display: none;
}
.page.page-default section.games .game-item._remastered .game-champ-sponsor {
  color: #808080;
  font-size: 15px;
}
.page.page-default section.games .game-item._remastered .game-round-name {
  color: #808080;
  margin-top: 7px;
  font-size: 12px;
}
.page.page-default section.games .game-item .game-player {
  text-align: center;
  width: 28%;
}
.page.page-default section.games .game-item._remastered .game-player {
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
}
.page.page-default section.games .game-item .game-player_double {
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
}
.page.page-default section.games .game-item .game-player_double-first {
  width: 22%;
}
.page.page-default section.games .game-item._remastered .game-player-logo {
  height: 77px;
  line-height: 77px;
  margin-bottom: 18px;
}
.page.page-default section.games .game-item .game-player-logo img {
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in,-moz-transform 0.3s ease-in,-o-transform 0.3s ease-in,transform 0.3s ease-in;
  -webkit-transition: -webkit-transform 0.3s ease-in 0ms;
  -moz-transition: -moz-transform 0.3s ease-in 0ms;
  -o-transition: -o-transform 0.3s ease-in 0ms;
  transition: -webkit-transform 0.3s ease-in 0ms,-moz-transform 0.3s ease-in 0ms,-o-transform 0.3s ease-in 0ms,transform 0.3s ease-in 0ms;
  -webkit-transition: transform 0.3s ease-in 0ms;
  -moz-transition: transform 0.3s ease-in 0ms;
  -ms-transition: transform 0.3s ease-in 0ms;
  -o-transition: transform 0.3s ease-in 0ms;
  transition: transform 0.3s ease-in 0ms;
  /* transform */
  -webkit-transform: scale(1,1)  translate3d(0,0,0);
  -moz-transform: scale(1,1)  translate3d(0,0,0);
  -o-transform: scale(1,1)  translate3d(0,0,0);
  -ms-transform: scale(1,1)  translate3d(0,0,0);
  transform: scale(1,1)  translate3d(0,0,0);
}
.page.page-default section.games .game-item .game-player-logo:hover img {
  -webkit-transform: scale(1.05,1.05);
  -moz-transform: scale(1.05,1.05);
  -ms-transform: scale(1.05,1.05);
  -o-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05);
}
.ie8 .page.page-default section.games .game-item .game-player-logo img {
  width: 145px;
}
.page.page-default section.games .game-item._remastered .game-player-name {
  font-size: 28px;
  line-height: 32px;
}
.page.page-default section.games .game-item._remastered .game-player-city {
  color: #808080;
}
@media (max-width: 1100px) {
  .page.page-default section.games .game-item .game-player-name {
    font-size: 26px;
    line-height: 33px;
  }
}
.page.page-default section.games .game-item .game-champ {
  text-align: center;
  padding-top: 74px;
  padding-left: 0;
  padding-right: 0;
}
.page.page-default section.games .game-item._remastered .game-champ {
  width: 65px;
  padding-top: 105px;
}
.page.page-default section.games .game-item .game-champ_double {
  width: 11%;
}
.page.page-default section.games .game-item .game-champ-vs {
  height: 147px;
  width: 100%;
  font-size: 48px;
  line-height: 100px;
}
.page.page-default section.games .game-item._remastered .game-champ-vs {
  height: auto;
  font-size: 24px;
  line-height: normal;
}
.page.page-default section.games .game-item .game-champ-logo {
  margin-bottom: 2px;
}
.page.page-default section.games .game-item .game-champ-logo img {
  max-height: 43px;
  width: auto;
}
.page.page-default section.games .game-item._remastered .game-info {
  width: 355px;
  padding: 0 0 0 65px;
  border-left: 1px solid #efefef;
}

.page.page-default section.games .game-item._remastered .game-date-table {
  display: table;
  width: 100%;
  height: auto;
  margin-top: 20px;
  table-layout: fixed;
}
.page.page-default section.games .game-item._remastered .game-date-table__cell {
  display: table-cell;
  vertical-align: top;
}
.page.page-default section.games .game-item._remastered .game-date-table__cell._day {
  width: 90px;
}
.page.page-default section.games .game-item._remastered .game-date-table__cell._month {
  position: relative;
  width: auto;
}
.page.page-default section.games .game-item._remastered .game-date-table .game-day {
  font-size: 65px;
  font-weight: 700;
  line-height: 50px;
  text-align: right;
  padding-right: 10px;
}
.page.page-default section.games .game-item._remastered .game-date-table .game-month {
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 21px;
  font-weight: 600;
  text-transform: lowercase;
  line-height: 1;
}
.page.page-default section.games .game-item._remastered .game-date-table .game-time {
  position: absolute;
  left: 0;
  bottom: 3px;
  color: #808080;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.page.page-default section.games .game-item .game-info .game-date .game-day {
  font-size: 65px;
  line-height: 65px;
}
.page.page-default section.games .game-item .game-info .game-date .game-mounth {
  font-size: 26px;
  line-height: 35px;
}
.page.page-default section.games .game-item .game-info .game-date .game-time {
  font-size: 18px;
  line-height: 27px;
}
.page.page-default section.games .game-item._remastered .game-info .game-btn-parking-booking {
  border: 2px solid #d92127;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 25px;
  height: 28px;
  margin-top: 5px;
  padding: 0 5px 0 10px;
  position: relative;
  text-transform: uppercase;
  /*bottom: 26px;*/
  text-decoration: none;
}
.page.page-default section.games .game-item .game-info .game-btn-parking-booking:hover {
  background-color: #d92127;
  color: #fff;
  margin-left: 2px;
  /* transition */
  -webkit-transition: all 150ms 50ms ease-out;
  -moz-transition: all 150ms 50ms ease-out;
  -o-transition: all 150ms 50ms ease-out;
  transition: all 150ms 50ms ease-out;
  -webkit-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -moz-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -ms-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -o-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  transition: all 150ms 50ms ease-out 300ms ease 0ms;
}
.page.page-default section.games .game-item .game-info .game-btn-parking-booking:hover i {
  border-left-color: #d92127;
  /* transition */
  -webkit-transition: all 150ms 50ms ease-out;
  -moz-transition: all 150ms 50ms ease-out;
  -o-transition: all 150ms 50ms ease-out;
  transition: all 150ms 50ms ease-out;
  -webkit-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -moz-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -ms-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  -o-transition: all 150ms 50ms ease-out 300ms ease 0ms;
  transition: all 150ms 50ms ease-out 300ms ease 0ms;
}
.page.page-default section.games .game-item .game-info .game-btn-parking-booking i {
  position: absolute;
  top: 0px;
  right: -12px;
  height: 0;
  width: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
}
.page.page-default section.games .game-item .game-info .game-btn-parking-booking:before {
  content: "";
  position: absolute;
  top: -2px;
  right: -16px;
  height: 0;
  width: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 15px solid #d92127;
}
.page.page-default section.games .game-item .game-info .game-btn-booking,
.page.page-default section.games .game-item._remastered .game-info .game-btn-booking {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background: #d92127;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 48px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  height: 52px;
  padding-top: 4px;
  padding-right: 14px;
  width: 248px;
  margin-left: -5px;
  background: url("../img/sprite-but-booking.png") no-repeat 0 0;
  text-align: center;
}
.page.page-default section.games .game-item .game-info .game-btn-booking {
  position: absolute;
  bottom: 58px;
}
.page.page-default section.games .game-item._remastered .game-info .game-btn-booking {
  position: relative;
  bottom: auto;
}
.page.page-default section.games .game-item._remastered .game-info .game-btn-booking:hover {
  margin-left: 6px;
}
.ie8 .page.page-default section.games .game-item .game-info .game-btn-booking {
  font-family: "Arial", sans-serif;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .page.page-default section.games .game-item .game-info .game-btn-booking {
    background: transparent url("../img/sprite-but-booking@2x.png") no-repeat 0 0;
    -webkit-background-size: 247px;
    -moz-background-size: 247px;
    -o-background-size: 247px;
    background-size: 247px;
  }
}
.page.page-default section.games .game-item .game-info .game-btn-booking:hover {
  background-position: 0 -58px;
  margin-left: 35px;
  left: -10px;
  /* animation */
  -webkit-animation: vibraion .5s 0 linear;
  -moz-animation: vibraion .5s 0 linear;
  -o-animation: vibraion .5s 0 linear;
  animation: vibraion .5s 0 linear;
  -webkit-animation: vibraion .5s 0 linear 300ms 0ms ease;
  -moz-animation: vibraion .5s 0 linear 300ms 0ms ease;
  -ms-animation: vibraion .5s 0 linear 300ms 0ms ease;
  -o-animation: vibraion .5s 0 linear 300ms 0ms ease;
  animation: vibraion .5s 0 linear 300ms 0ms ease;
}
.page.page-default section.games .game-item .game-info .game-btn-booking:active {
  background-position: 0 -116px;
}
.page.page-default section.games .game-item .game-info .game-booking-disable {
  font-size: 12px;
  line-height: 17px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #cecece;
  bottom: 27px;
  margin-left: 14px;
  margin-top: 4px;
}
.ie8 .page.page-default section.games .game-item .game-info .game-booking-disable {
  font-family: "Arial", sans-serif;
}
.page.page-default section.games .game-item .game-info .game-parking-booking-disable {
  bottom: 13px;
}
.page.page-default section.tickets {
  position: relative;
  color: #fff;
  background: url("../img/ie8-ticekts-bg.png");
  background: rgba(0, 0, 0, 0.45);
  height: 264px;
}
.page.page-default section.tickets .tickets-title {
  font-style: italic;
  padding-left: 40px;
  margin-top: 72px;
}
.page.page-default section.tickets .tickets-title h2 {
  font-size: 45px;
  line-height: 52px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.page.page-default section.tickets .tickets-title h2 .num {
  font-size: 56px;
  line-height: 43px;
  display: inline;
}
.ie8 .page.page-default section.tickets .tickets-title h2 {
  font-family: "Arial", sans-serif;
}
.page.page-default section.tickets .tickets-title h3 {
  font-size: 28px;
  line-height: 30px;
  padding-left: 6px;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
}
.ie8 .page.page-default section.tickets .tickets-title h3 {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-title {
    padding-left: 0;
    margin-top: 66px;
  }
  .page.page-default section.tickets .tickets-title h2 {
    font-size: 38px;
    line-height: 31px;
  }
  .page.page-default section.tickets .tickets-title h2 .num {
    font-size: 48px;
    line-height: 43px;
  }
  .page.page-default section.tickets .tickets-title h3 {
    font-size: 24px;
    line-height: 33px;
    padding-left: 6px;
  }
}
.page.page-default section.tickets .tickets-steps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 0;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-steps {
    width: 96%;
  }
}
.page.page-default section.tickets .tickets-step {
  top: 30px;
  position: absolute;
  z-index: 1;
  width: 201px;
  height: 201px;
  overflow: hidden;
  border-radius: 50%;
  background: #009f4b;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  border: 0 solid #029b4a;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  /* transition */
  -webkit-transition: all 300ms 50ms ease-out;
  -moz-transition: all 300ms 50ms ease-out;
  -o-transition: all 300ms 50ms ease-out;
  transition: all 300ms 50ms ease-out;
  -webkit-transition: all 300ms 50ms ease-out 300ms ease 0ms;
  -moz-transition: all 300ms 50ms ease-out 300ms ease 0ms;
  -ms-transition: all 300ms 50ms ease-out 300ms ease 0ms;
  -o-transition: all 300ms 50ms ease-out 300ms ease 0ms;
  transition: all 300ms 50ms ease-out 300ms ease 0ms;
}
.page.page-default section.tickets .tickets-step:hover {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
  border-width: 2px;
  z-index: 6;
  background: transparent;
  text-align: center;
  /* box-shadow */
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
  box-shadow: 0 1px 10px rgba(0,0,0,.5);
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.page.page-default section.tickets .tickets-step:hover .tickets-step-text {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  /* animation */
  -webkit-animation: lightSpeedOut 300ms 0ms ease-out;
  -moz-animation: lightSpeedOut 300ms 0ms ease-out;
  -o-animation: lightSpeedOut 300ms 0ms ease-out;
  animation: lightSpeedOut 300ms 0ms ease-out;
  -webkit-animation: lightSpeedOut 300ms 0ms ease-out 300ms 0ms ease;
  -moz-animation: lightSpeedOut 300ms 0ms ease-out 300ms 0ms ease;
  -ms-animation: lightSpeedOut 300ms 0ms ease-out 300ms 0ms ease;
  -o-animation: lightSpeedOut 300ms 0ms ease-out 300ms 0ms ease;
  animation: lightSpeedOut 300ms 0ms ease-out 300ms 0ms ease;
}
.page.page-default section.tickets .tickets-step:hover .tickets-step-num {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  /* animation */
  -webkit-animation: fadeOut 300ms 0ms ease-out;
  -moz-animation: fadeOut 300ms 0ms ease-out;
  -o-animation: fadeOut 300ms 0ms ease-out;
  animation: fadeOut 300ms 0ms ease-out;
  -webkit-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -moz-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -ms-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -o-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  /* transition */
  -webkit-transition: opacity 0ms 300ms ease-out;
  -moz-transition: opacity 0ms 300ms ease-out;
  -o-transition: opacity 0ms 300ms ease-out;
  transition: opacity 0ms 300ms ease-out;
  -webkit-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -moz-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -ms-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -o-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
}
.page.page-default section.tickets .tickets-step:hover .tickets-step-description {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  /* animation */
  -webkit-animation: zoomIn 300ms 200ms ease-out;
  -moz-animation: zoomIn 300ms 200ms ease-out;
  -o-animation: zoomIn 300ms 200ms ease-out;
  animation: zoomIn 300ms 200ms ease-out;
  -webkit-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -moz-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -ms-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -o-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  /* transition */
  -webkit-transition: opacity 0ms 300ms ease-out;
  -moz-transition: opacity 0ms 300ms ease-out;
  -o-transition: opacity 0ms 300ms ease-out;
  transition: opacity 0ms 300ms ease-out;
  -webkit-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -moz-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -ms-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -o-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
}
.page.page-default section.tickets .tickets-step:hover .ico {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  /* animation */
  -webkit-animation: fadeOut 300ms 0ms ease-out;
  -moz-animation: fadeOut 300ms 0ms ease-out;
  -o-animation: fadeOut 300ms 0ms ease-out;
  animation: fadeOut 300ms 0ms ease-out;
  -webkit-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -moz-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -ms-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  -o-animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  animation: fadeOut 300ms 0ms ease-out 300ms 0ms ease;
  /* transition */
  -webkit-transition: opacity 0ms 300ms ease-out;
  -moz-transition: opacity 0ms 300ms ease-out;
  -o-transition: opacity 0ms 300ms ease-out;
  transition: opacity 0ms 300ms ease-out;
  -webkit-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -moz-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -ms-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -o-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
}
.page.page-default section.tickets .tickets-step:hover .ico-hover {
  /* animation */
  -webkit-animation: zoomIn 300ms 200ms ease-out;
  -moz-animation: zoomIn 300ms 200ms ease-out;
  -o-animation: zoomIn 300ms 200ms ease-out;
  animation: zoomIn 300ms 200ms ease-out;
  -webkit-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -moz-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -ms-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  -o-animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  animation: zoomIn 300ms 200ms ease-out 300ms 0ms ease;
  /* transition */
  -webkit-transition: opacity 0ms 300ms ease-out;
  -moz-transition: opacity 0ms 300ms ease-out;
  -o-transition: opacity 0ms 300ms ease-out;
  transition: opacity 0ms 300ms ease-out;
  -webkit-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -moz-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -ms-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -o-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  display: block;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ie8 .page.page-default section.tickets .tickets-step {
  width: 233px;
  height: 233px;
  padding: 15px;
  margin-top: -15px;
  left: -15px;
  background: no-repeat 50% 50%;
}
.ie8 .page.page-default section.tickets .tickets-step .ico {
  display: none;
}
.ie8 .page.page-default section.tickets .tickets-step .tickets-step-num {
  display: none;
}
.ie8 .page.page-default section.tickets .tickets-step .tickets-step-text {
  position: relative;
  width: 131px;
}
.ie8 .page.page-default section.tickets .tickets-step .tickets-step-description {
  position: relative;
  margin: 0 auto;
  left: 0;
}
.ie8 .page.page-default section.tickets .tickets-step .ico-hover {
  margin-top: 15px;
}
.ie8 .page.page-default section.tickets .tickets-step:hover {
  border: none;
  background-image: url('../img/main/ie8/ico-tickets-hover.png');
}
.ie8 .page.page-default section.tickets .tickets-step:hover .tickets-step-text {
  display: none;
}
.ie8 .page.page-default section.tickets .tickets-step-1 {
  background-image: url('../img/main/ie8/ico-tickets-1.png');
}
.ie8 .page.page-default section.tickets .tickets-step-1 .ico-hover {
  background: url("../img/main/ico-tickets-hover-1.png") no-repeat 50% 50%;
}
.ie8 .page.page-default section.tickets .tickets-step-2 {
  background-image: url('../img/main/ie8/ico-tickets-2.png');
}
.ie8 .page.page-default section.tickets .tickets-step-2 .ico-hover {
  background: url("../img/main/ico-tickets-hover-2.png") no-repeat 50% 50%;
}
.ie8 .page.page-default section.tickets .tickets-step-3 {
  background-image: url('../img/main/ie8/ico-tickets-3.png');
}
.ie8 .page.page-default section.tickets .tickets-step-3 .ico-hover {
  background: url("../img/main/ico-tickets-hover-3.png") no-repeat 50% 50%;
}
.ie8 .page.page-default section.tickets .tickets-step-4 {
  background-image: url('../img/main/ie8/ico-tickets-4.png');
}
.ie8 .page.page-default section.tickets .tickets-step-4 .ico-hover {
  background: url("../img/main/ico-tickets-hover-4.png") no-repeat 50% 50%;
}
@media (max-width: 1200px) {
  .ie8 .page.page-default section.tickets .tickets-step {
    width: 193px;
    height: 193px;
    padding: 8px;
    margin-top: -8px;
    left: -8px;
  }
  .ie8 .page.page-default section.tickets .tickets-step .tickets-step-text {
    width: 98px;
  }
  .ie8 .page.page-default section.tickets .tickets-step .ico-hover {
    margin-top: 8px;
  }
  .ie8 .page.page-default section.tickets .tickets-step:hover {
    background-image: url('../img/main/ie8/ico-tickets-hover-1200px.png');
  }
  .ie8 .page.page-default section.tickets .tickets-step-1 {
    background-image: url('../img/main/ie8/ico-tickets-1-1200px.png');
  }
  .ie8 .page.page-default section.tickets .tickets-step-1 .ico-hover {
    background: url("../img/main/ico-tickets-hover-1-1200px.png") no-repeat 50% 50%;
  }
  .ie8 .page.page-default section.tickets .tickets-step-2 {
    background-image: url('../img/main/ie8/ico-tickets-2-1200px.png');
  }
  .ie8 .page.page-default section.tickets .tickets-step-2 .ico-hover {
    background: url("../img/main/ico-tickets-hover-2-1200px.png") no-repeat 50% 50%;
  }
  .ie8 .page.page-default section.tickets .tickets-step-3 {
    background-image: url('../img/main/ie8/ico-tickets-3-1200px.png');
  }
  .ie8 .page.page-default section.tickets .tickets-step-3 .ico-hover {
    background: url("../img/main/ico-tickets-hover-3-1200px.png") no-repeat 50% 50%;
  }
  .ie8 .page.page-default section.tickets .tickets-step-4 {
    background-image: url('../img/main/ie8/ico-tickets-4-1200px.png');
  }
  .ie8 .page.page-default section.tickets .tickets-step-4 .ico-hover {
    background: url("../img/main/ico-tickets-hover-4-1200px.png") no-repeat 50% 50%;
  }
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step {
    width: 175px;
    height: 175px;
    top: 43px;
  }
}
.page.page-default section.tickets .tickets-step .ico {
  position: absolute;
  z-index: 2;
  background: 0 0 no-repeat;
  width: 100%;
  height: 100%;
  /* transition */
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 300ms ease 0ms;
  -moz-transition: all 300ms ease 0ms;
  -ms-transition: all 300ms ease 0ms;
  -o-transition: all 300ms ease 0ms;
  transition: all 300ms ease 0ms;
}
.page.page-default section.tickets .tickets-step .ico-hover {
  display: block;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  width: 100% !important;
  height: 108px;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step .ico-hover {
    height: 58px;
  }
}
.page.page-default section.tickets .tickets-step .tickets-step-text {
  /* transition */
  -webkit-transition: opacity 0ms 300ms ease-out;
  -moz-transition: opacity 0ms 300ms ease-out;
  -o-transition: opacity 0ms 300ms ease-out;
  transition: opacity 0ms 300ms ease-out;
  -webkit-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -moz-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -ms-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  -o-transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  transition: opacity 0ms 300ms ease-out 300ms ease 0ms;
  position: absolute;
  z-index: 3;
  top: 85px;
  left: 90px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 19px;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step .tickets-step-text {
    font-size: 13px;
    line-height: 16px;
    left: 77px;
    top: 77px;
  }
}
.page.page-default section.tickets .tickets-step .tickets-step-num {
  /* animation */
  -webkit-animation: fadeIn 300ms 0ms ease-out;
  -moz-animation: fadeIn 300ms 0ms ease-out;
  -o-animation: fadeIn 300ms 0ms ease-out;
  animation: fadeIn 300ms 0ms ease-out;
  -webkit-animation: fadeIn 300ms 0ms ease-out 300ms 0ms ease;
  -moz-animation: fadeIn 300ms 0ms ease-out 300ms 0ms ease;
  -ms-animation: fadeIn 300ms 0ms ease-out 300ms 0ms ease;
  -o-animation: fadeIn 300ms 0ms ease-out 300ms 0ms ease;
  animation: fadeIn 300ms 0ms ease-out 300ms 0ms ease;
  position: absolute;
  z-index: 1;
  right: 0;
  color: #018d43;
  font-size: 300px;
  line-height: 240px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.ie8 .page.page-default section.tickets .tickets-step .tickets-step-num {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step .tickets-step-num {
    font-size: 14px;
    line-height: 16px;
    font-size: 230px;
    line-height: 200px;
  }
}
.page.page-default section.tickets .tickets-step .tickets-step-description {
  display: block;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  width: 161px;
  top: 95px;
  left: 21px;
  position: absolute;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step .tickets-step-description {
    font-size: 13px;
    line-height: 16px;
    top: 85px;
    left: 7px;
  }
}
.page.page-default section.tickets .tickets-step._active {
  z-index: 4;
}
.page.page-default section.tickets .tickets-step-1 {
  z-index: 4;
  margin-left: 29.7761194%;
}
.page.page-default section.tickets .tickets-step-1 .tickets-step-num {
  right: -18px;
}
.page.page-default section.tickets .tickets-step-1 .ico {
  background-image: url("../img/main/ico-tickets-1.png");
  background: url("../img/main/ico-tickets-1.svg") no-repeat -87px -7px;
  width: 196px;
  height: 176px;
}
.page.page-default section.tickets .tickets-step-1 .ico-hover {
  width: 71px;
  height: 70px;
  top: 19px;
  background: url("../img/main/ico-tickets-hover-1.png") no-repeat 50% 50%;
  background: url("../img/main/ico-tickets-hover-1.svg") no-repeat 50% 50%;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step-1 {
    margin-left: 24.67948718%;
  }
  .page.page-default section.tickets .tickets-step-1 .tickets-step-num {
    right: -2px;
  }
  .page.page-default section.tickets .tickets-step-1 .ico-hover {
    height: 56px;
    background: url("../img/main/ico-tickets-hover-1-1200px.png") no-repeat 50% 50%;
    background: url("../img/main/ico-tickets-hover-1.svg") no-repeat 50% 50%;
  }
  .page.page-default section.tickets .tickets-step-1 .ico {
    background: url("../img/main/ico-tickets-1-1200px.png") no-repeat 0 0;
    background: url("../img/main/ico-tickets-1.svg") no-repeat -77px -8px;
    width: 169px;
    height: 155px;
  }
}
.page.page-default section.tickets .tickets-step-2 {
  z-index: 3;
  margin-left: 46.94029851%;
}
.page.page-default section.tickets .tickets-step-2 .ico {
  background-position-y: 23px;
  background-image: url("../img/main/ico-tickets-2.png");
  background: url("../img/main/ico-tickets-2.svg") no-repeat -20px 24px;
  width: 106px;
  height: 176px;
}
.page.page-default section.tickets .tickets-step-2 .ico-hover {
  width: 71px;
  height: 70px;
  top: 19px;
  background: url("../img/main/ico-tickets-hover-2.png") no-repeat 50% 50%;
  background: url("../img/main/ico-tickets-hover-2.svg") no-repeat 50% 50%;
}
.page.page-default section.tickets .tickets-step-2 .tickets-step-num {
  right: -53px;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step-2 {
    margin-left: 44.01709402%;
  }
  .page.page-default section.tickets .tickets-step-2 .tickets-step-nun {
    right: -29px;
  }
  .page.page-default section.tickets .tickets-step-2 .ico-hover {
    height: 56px;
    background: url("../img/main/ico-tickets-hover-2-1200px.png") no-repeat 50% 50%;
    background: url("../img/main/ico-tickets-2.svg") no-repeat 50% 50%;
  }
  .page.page-default section.tickets .tickets-step-2 .ico {
    background: url("../img/main/ico-tickets-2-1200px.png") no-repeat 0 11px;
    background: url("../img/main/ico-tickets-2.svg") no-repeat -17px 22px;
    width: 92px;
    height: 148px;
  }
}
.page.page-default section.tickets .tickets-step-3 {
  z-index: 2;
  margin-left: 64.32835821%;
}
.page.page-default section.tickets .tickets-step-3 .tickets-step-num {
  right: -45px;
}
.page.page-default section.tickets .tickets-step-3 .ico {
  background-image: url("../img/main/ico-tickets-3.png");
  background-position-y: 11px;
  background: url("../img/main/ico-tickets-3.svg") no-repeat -78px 12px;
  width: 160px;
  height: 182px;
}
.page.page-default section.tickets .tickets-step-3 .ico-hover {
  width: 66px;
  height: 75px;
  top: 15px;
  background: url("../img/main/ico-tickets-hover-3.png") no-repeat 50% 50%;
  background: url("../img/main/ico-tickets-hover-3.svg") no-repeat 50% 50%;
}
.page.page-default section.tickets .tickets-step-3 .tickets-step-text {
  left: 103px;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step-3 {
    margin-left: 63.67521368%;
  }
  .page.page-default section.tickets .tickets-step-3 .tickets-step-num {
    right: -23px;
  }
  .page.page-default section.tickets .tickets-step-3 .tickets-step-text {
    left: 91px;
  }
  .page.page-default section.tickets .tickets-step-3 .ico-hover {
    height: 56px;
    background: url("../img/main/ico-tickets-hover-3-1200px.png") no-repeat 50% 50%;
    background: url("../img/main/ico-tickets-hover-3.svg") no-repeat 50% 50%;
  }
  .page.page-default section.tickets .tickets-step-3 .ico {
    background: url("../img/main/ico-tickets-3-1200px.png") no-repeat 0 0;
    background: url("../img/main/ico-tickets-3.svg") no-repeat -68px 12px;
    width: 139px;
    height: 155px;
  }
}
.page.page-default section.tickets .tickets-step-4 {
  z-index: 1;
  margin-left: 81.71641791%;
}
.page.page-default section.tickets .tickets-step-4 .tickets-step-num {
  right: -50px;
}
.page.page-default section.tickets .tickets-step-4 .ico {
  background-image: url("../img/main/ico-tickets-4.png");
  background-position-y: 35px;
  background: url("../img/main/ico-tickets-4.svg") no-repeat -79px 32px;
  width: 146px;
  height: 201px;
}
.page.page-default section.tickets .tickets-step-4 .ico-hover {
  width: 66px;
  height: 75px;
  top: 8px;
  background: url("../img/main/ico-tickets-hover-4.png") no-repeat 50% 50%;
  background: url("../img/main/ico-tickets-hover-4.svg") no-repeat 50% 50%;
}
@media (max-width: 1200px) {
  .page.page-default section.tickets .tickets-step-4 {
    margin-left: 83.11965812%;
  }
  .page.page-default section.tickets .tickets-step-4 .tickets-step-nun {
    right: -28px;
    top: 18px;
  }
  .page.page-default section.tickets .tickets-step-4 .ico-hover {
    height: 56px;
    background: url("../img/main/ico-tickets-hover-4-1200px.png") no-repeat 50% 50%;
    background: url("../img/main/ico-tickets-hover-4.svg") no-repeat 50% 50%;
  }
  .page.page-default section.tickets .tickets-step-4 .ico {
    background: url("../img/main/ico-tickets-4-1200px.png") no-repeat 0 12px;
    background: url("../img/main/ico-tickets-4.svg") no-repeat -77px 20px;
    width: 135px;
    height: 201px;
  }
}
.page.page-seat section.select-game,
.page.page-sector section.select-game,
.page.page-booking section.select-game,
.page.page-event section.select-game {
  padding-bottom: 14px;
}
.page.page-seat section.select-game .game-item,
.page.page-sector section.select-game .game-item,
.page.page-booking section.select-game .game-item,
.page.page-event section.select-game .game-item {
  margin-bottom: 0px;
}
.page.page-seat section.select-game .game-item-col,
.page.page-sector section.select-game .game-item-col,
.page.page-booking section.select-game .game-item-col,
.page.page-event section.select-game .game-item-col {
  padding-top: 28px;
  padding-bottom: 17px;
}
.page.page-seat section.select-game .game-player,
.page.page-sector section.select-game .game-player,
.page.page-booking section.select-game .game-player,
.page.page-event section.select-game .game-player {
  width: 34%;
}
.page.page-seat section.select-game .game-player_left,
.page.page-sector section.select-game .game-player_left,
.page.page-booking section.select-game .game-player_left,
.page.page-event section.select-game .game-player_left {
  padding-left: 2%;
  text-align: right;
}
.ie8 .page.page-seat section.select-game .game-player_left,
.ie8 .page.page-sector section.select-game .game-player_left,
.ie8 .page.page-booking section.select-game .game-player_left,
.ie8 .page.page-event section.select-game .game-player_left {
  padding-left: 0;
}
@media (max-width: 1200px) {
  .page.page-seat section.select-game .game-player_left,
  .page.page-sector section.select-game .game-player_left,
  .page.page-booking section.select-game .game-player_left,
  .page.page-event section.select-game .game-player_left {
    padding-right: 0;
  }
}
.page.page-seat section.select-game .game-player_left .game-player-wrap,
.page.page-sector section.select-game .game-player_left .game-player-wrap,
.page.page-booking section.select-game .game-player_left .game-player-wrap,
.page.page-event section.select-game .game-player_left .game-player-wrap {
  text-align: left;
  padding-left: 100px;
}
.page.page-seat section.select-game .game-player_right,
.page.page-sector section.select-game .game-player_right,
.page.page-booking section.select-game .game-player_right,
.page.page-event section.select-game .game-player_right {
  padding-left: 11%;
}
.page.page-seat section.select-game .game-player_double,
.page.page-sector section.select-game .game-player_double,
.page.page-booking section.select-game .game-player_double,
.page.page-event section.select-game .game-player_double {
  padding-left: 0;
  text-align: center;
}
.page.page-seat section.select-game .game-player-wrap,
.page.page-sector section.select-game .game-player-wrap,
.page.page-booking section.select-game .game-player-wrap,
.page.page-event section.select-game .game-player-wrap {
  position: relative;
  display: inline-block;
}
@media (max-width: 1200px) {
  .page.page-seat section.select-game .game-player-wrap,
  .page.page-sector section.select-game .game-player-wrap,
  .page.page-booking section.select-game .game-player-wrap,
  .page.page-event section.select-game .game-player-wrap {
    width: 100%;
  }
}
.page.page-seat section.select-game .game-player-logo,
.page.page-sector section.select-game .game-player-logo,
.page.page-booking section.select-game .game-player-logo,
.page.page-event section.select-game .game-player-logo {
  text-align: center;
  position: absolute;
  width: 108px;
  height: 108px;
  margin-left: -100px;
}
.page.page-seat section.select-game .game-player-logo_double,
.page.page-sector section.select-game .game-player-logo_double,
.page.page-booking section.select-game .game-player-logo_double,
.page.page-event section.select-game .game-player-logo_double {
  text-align: center;
  height: 108px;
}
.page.page-seat section.select-game .game-player-name,
.page.page-sector section.select-game .game-player-name,
.page.page-booking section.select-game .game-player-name,
.page.page-event section.select-game .game-player-name {
  margin-top: 24px;
  margin-left: 25px;
}
@media (max-width: 1300px) {
  .page.page-seat section.select-game .game-player-name,
  .page.page-sector section.select-game .game-player-name,
  .page.page-booking section.select-game .game-player-name,
  .page.page-event section.select-game .game-player-name {
    font-size: 25px;
    margin-left: 15px;
  }
}
@media (max-width: 1200px) {
  .page.page-seat section.select-game .game-player-name,
  .page.page-sector section.select-game .game-player-name,
  .page.page-booking section.select-game .game-player-name,
  .page.page-event section.select-game .game-player-name {
    font-size: 23px;
    margin-left: 10px;
  }
}
.page.page-seat section.select-game .game-player-name_double,
.page.page-sector section.select-game .game-player-name_double,
.page.page-booking section.select-game .game-player-name_double,
.page.page-event section.select-game .game-player-name_double {
  margin-left: 0 !important;
}
.page.page-seat section.select-game .game-player-city,
.page.page-sector section.select-game .game-player-city,
.page.page-booking section.select-game .game-player-city,
.page.page-event section.select-game .game-player-city {
  margin-left: 25px;
}
@media (max-width: 1300px) {
  .page.page-seat section.select-game .game-player-city,
  .page.page-sector section.select-game .game-player-city,
  .page.page-booking section.select-game .game-player-city,
  .page.page-event section.select-game .game-player-city {
    margin-left: 15px;
  }
}
@media (max-width: 1200px) {
  .page.page-seat section.select-game .game-player-city,
  .page.page-sector section.select-game .game-player-city,
  .page.page-booking section.select-game .game-player-city,
  .page.page-event section.select-game .game-player-city {
    margin-left: 10px;
  }
}
.page.page-seat section.select-game .game-player-city_double,
.page.page-sector section.select-game .game-player-city_double,
.page.page-booking section.select-game .game-player-city_double,
.page.page-event section.select-game .game-player-city_double {
  margin-left: 0 !important;
}
.page.page-seat section.select-game .game-vs,
.page.page-sector section.select-game .game-vs,
.page.page-booking section.select-game .game-vs,
.page.page-event section.select-game .game-vs {
  font-size: 28px;
  line-height: 98px;
  width: 7%;
}
.page.page-seat section.select-game .game-info,
.page.page-sector section.select-game .game-info,
.page.page-booking section.select-game .game-info,
.page.page-event section.select-game .game-info {
  width: 25%;
  padding-left: 2.3%;
  padding-top: 25px;
}
.page.page-seat section.select-game .game-info .game-date,
.page.page-sector section.select-game .game-info .game-date,
.page.page-booking section.select-game .game-info .game-date,
.page.page-event section.select-game .game-info .game-date {
  padding-bottom: 26px;
}
.page.page-seat section.select-game .game-info .game-date .game-day,
.page.page-sector section.select-game .game-info .game-date .game-day,
.page.page-booking section.select-game .game-info .game-date .game-day,
.page.page-event section.select-game .game-info .game-date .game-day {
  position: absolute;
  font-size: 50px;
  line-height: 48px;
  width: 63px;
  text-align: right;
}
.page.page-seat section.select-game .game-info .game-date .game-mounth,
.page.page-sector section.select-game .game-info .game-date .game-mounth,
.page.page-booking section.select-game .game-info .game-date .game-mounth,
.page.page-event section.select-game .game-info .game-date .game-mounth {
  padding-left: 74px;
  font-size: 24px;
  line-height: 22px;
}
.page.page-seat section.select-game .game-info .game-date .game-time,
.page.page-sector section.select-game .game-info .game-date .game-time,
.page.page-booking section.select-game .game-info .game-date .game-time,
.page.page-event section.select-game .game-info .game-date .game-time {
  padding-left: 74px;
  font-size: 16px;
  line-height: 26px;
}
.page.page-seat section.select-game .game-info .game-champ,
.page.page-sector section.select-game .game-info .game-champ,
.page.page-booking section.select-game .game-info .game-champ,
.page.page-event section.select-game .game-info .game-champ {
  padding-left: 16px;
  min-height: 45px;
}
.page.page-seat section.select-game .game-info .game-champ-logo,
.page.page-sector section.select-game .game-info .game-champ-logo,
.page.page-booking section.select-game .game-info .game-champ-logo,
.page.page-event section.select-game .game-info .game-champ-logo {
  position: absolute;
}
.page.page-seat section.select-game .game-info .game-champ-name,
.page.page-sector section.select-game .game-info .game-champ-name,
.page.page-booking section.select-game .game-info .game-champ-name,
.page.page-event section.select-game .game-info .game-champ-name {
  padding-top: 2px;
}
.page.page-seat section.select-game .game-info_double,
.page.page-sector section.select-game .game-info_double,
.page.page-booking section.select-game .game-info_double,
.page.page-event section.select-game .game-info_double {
  width: 36%;
}
.page.page-booking .billets-selected,
.page.page-tspayment .billets-selected {
  margin-top: 18px;
  width: 95%;
}
.page.page-booking .billets-selected .billet,
.page.page-tspayment .billets-selected .billet {
  margin-bottom: 26px;
  padding: 0 23px;
  padding-top: 20px;
  padding-bottom: 12px;
  line-height: 17px;
}
.page.page-booking .billets-selected .billet_action,
.page.page-tspayment .billets-selected .billet_action {
  position: relative;
}
.page.page-booking .billets-selected .billet_action::before,
.page.page-tspayment .billets-selected .billet_action::before {
  background-image: url(/common/img/sprite.png);
  background-position: -295px -76px;
  width: 70px;
  height: 65px;
  content: '';
  display: inline-block;
  left: -15px;
  position: absolute;
  top: -15px;
  z-index: 11;
}
.page.page-booking .billets-selected .billet_action-full::before,
.page.page-tspayment .billets-selected .billet_action-full::before {
  left: 0;
}
.page.page-booking .billets-selected .billet-row,
.page.page-tspayment .billets-selected .billet-row {
  width: 72px;
  position: absolute;
  right: 26px;
  text-align: left;
  top: 72px;
  line-height: 17px;
}
.page.page-booking .billets-selected .billet-param,
.page.page-tspayment .billets-selected .billet-param {
  padding-left: 3px;
}
.page.page-booking .billets-selected .billet-place,
.page.page-tspayment .billets-selected .billet-place {
  width: 70px;
  position: absolute;
  right: 26px;
  top: 22px;
}
.page.page-booking .billets-selected .billet-price,
.page.page-tspayment .billets-selected .billet-price {
  margin-top: 13px;
  font-size: 26px;
  line-height: 30px;
  padding-top: 14px;
}
.page.page-booking .billets-selected .billet-price .rub,
.page.page-tspayment .billets-selected .billet-price .rub {
  font-size: 26px;
  line-height: 30px;
}
.page.page-booking .billets-selected .billet-price_old,
.page.page-tspayment .billets-selected .billet-price_old {
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  margin-right: 0.5em;
  position: relative;
}
.page.page-booking .billets-selected .billet-price_old::before,
.page.page-tspayment .billets-selected .billet-price_old::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 2px solid #cf3439;
  transform: rotate(-7deg);
}
.page.page-booking .billets-selected .billet-price_old .rub,
.page.page-tspayment .billets-selected .billet-price_old .rub {
  font-size: 18px;
}
.sector-tooltip {
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  height: 71px;
  width: 143px;
  background: url("../img/ie8-ticekts-bg.png");
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  margin-left: 7px;
  margin-top: 2px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.sector-tooltip:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 0;
  border-color: #000000 transparent transparent transparent;
  opacity: 0.7;
}
.ie8 .sector-tooltip:before {
  border-color: #808080 transparent transparent transparent;
}
.ie8 .sector-tooltip {
  font-family: "Arial", sans-serif;
}
.sector-tooltip .row {
  top: 13px;
  height: 44px;
  position: absolute;
  width: 63px;
}
.sector-tooltip .row:before {
  position: absolute;
  content: attr(data-content);
  top: 25px;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  left: 0;
}
.ie8 .sector-tooltip .row:before {
  font-family: "Arial", sans-serif;
}
.ie8 .sector-tooltip .row:before {
  padding-left: 19px;
}
.sector-tooltip .num {
  top: 13px;
  height: 44px;
  left: 63px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 19px;
  padding-right: 20px;
  width: 80px;
  position: absolute;
}
.sector-tooltip .num:before {
  top: 25px;
  position: absolute;
  content: attr(data-content);
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  left: 0;
}
.ie8 .sector-tooltip .num:before {
  padding-left: 22px;
}
.ie8 .sector-tooltip .num:before {
  font-family: "Arial", sans-serif;
}
.shadow-wrap {
  position: relative;
  background-color: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.default-wrap {
  position: relative;
  background-color: #fff;
  padding: 30px;
}
.page.page-sector section.select-sector {
  padding-bottom: 0;
}
.page.page-sector section.select-sector .breadcrumb-step {
  padding-left: 3px;
  padding-bottom: 6px;
}
.no-svg .page.page-sector section.select-sector svg {
  display: none;
}
.no-svg .page.page-sector section.select-sector .svg-wrap {
  display: none;
}
.no-svg .page.page-sector section.select-sector .failback {
  display: block;
}
.no-svg .page.page-sector section.select-sector .arena-wrap {
  display: none;
}
.page.page-sector section.select-sector .failback {
  display: none;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.page.page-sector section.select-sector .failback h2 {
  display: block;
  color: #cbcbcb;
  font-weight: 600;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  width: 100%;
}
.page.page-sector section.select-sector .failback p {
  padding-top: 20px;
  font-size: 14px;
  text-align: center;
}
.page.page-sector section.select-sector .failback-wrap {
  padding: 3% 3%;
  width: 670px;
  padding: 30px;
  margin: 0 auto 36px auto;
  padding-top: 262px;
  background: url('../img/clock.png') 50% 75px no-repeat;
}
.page.page-sector section.select-sector .arena-wrap {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  min-height: 660px;
}
.page.page-sector section.select-sector .arena-wrap .arena {
  display: inline-block;
  text-align: left;
  width: 1010px;
  position: relative;
  margin: 0 20px;
  margin-top: 29px;
  padding-bottom: 15px;
}
@media (max-width: 1200px) {
  .page.page-sector section.select-sector .arena-wrap .arena {
    margin-left: 0;
    margin-right: 0;
    width: 890px;
  }
}
.page.page-sector section.select-sector .arena-wrap .arena:before {
  top: 25px;
  left: 14px;
  position: absolute;
  display: block;
  content: '';
  width: 733px;
  height: 551px;
  background: url("../img/step1-arena-bg.png") no-repeat;
}
@media (max-width: 1200px) {
  .page.page-sector section.select-sector .arena-wrap .arena:before {
    top: 39px;
    left: 18px;
    width: 637px;
    height: 500px;
    background-size: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./../img/step1-arena-bg.png',sizingMethod='scale')";
  }
}
.page.page-sector section.select-sector .arena-wrap .arena svg {
  position: relative;
  z-index: 1;
  width: 768px;
  height: 592px;
}
@media (max-width: 1200px) {
  .page.page-sector section.select-sector .arena-wrap .arena svg {
    width: 677px;
    height: 553px;
  }
}
.page.page-sector section.select-sector .arena-wrap .arena svg .arena-num {
  font-size: 14px;
  fill: #fff;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.ie8 .page.page-sector section.select-sector .arena-wrap .arena svg .arena-num {
  font-family: "Arial", sans-serif;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .arena-text,
.page.page-sector section.select-sector .arena-wrap .arena svg text {
  fill: #8E8E8E;
  font-size: 12px;
  font-family: "Exo_2", sans-serif;
  font-weight: 500;
}
.ie8 .page.page-sector section.select-sector .arena-wrap .arena svg .arena-text,
.ie8 .page.page-sector section.select-sector .arena-wrap .arena svg text {
  font-family: "Arial", sans-serif;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector {
  cursor: pointer;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector:hover path {
  stroke-width: 3px;
  fill-opacity: 0.6;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector._disable text {
  fill: #b5b5b5;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector._disable path {
  fill: #e3e3e3;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector text {
  font-size: 14px;
  fill: #fff;
  font-family: "Exo_2", sans-serif;
  font-weight: 500;
}
.ie8 .page.page-sector section.select-sector .arena-wrap .arena svg .sector text {
  font-family: "Arial", sans-serif;
}
.page.page-sector section.select-sector .arena-wrap .arena svg .sector path {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
}
.page.page-sector section.select-sector .arena-wrap .svg-wrap {
  float: left;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend {
  float: right;
  padding-top: 18px;
  /*.absolute();
                top: 18px;
                left: 800px;
                @media (max-width: 1200px) {left: 690px;}*/
  width: 191px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-color {
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-top: 2px;
  margin-left: 6px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-color-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  clip: rect(8px, 17px, 17px, 0);
  clip-path: rect(8px, 17px, 17px, 0);
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-name {
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #343434;
  padding-left: 33px;
  width: 120px;
  display: inline-block;
  word-wrap: break-word;
  padding-bottom: 10px;
  text-transform: uppercase;
  vertical-align: top;
}
.ie8 .page.page-sector section.select-sector .arena-wrap .arena-legend .sector-name {
  font-family: "Arial", sans-serif;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-name._noPrice {
  width: 170px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-prices {
  display: inline-block;
  text-align: right;
  width: 64px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-price,
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-quota {
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-left: 3px;
}
.ie8 .page.page-sector section.select-sector .arena-wrap .arena-legend .sector-price,
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-quota {
  font-family: "Arial", sans-serif;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-price:before {
  left: 100%;
  position: absolute;
  content: "c";
  font-family: Rub, sans-serif;
  font-size: 24px;
  line-height: 37px;
  font-weight: 500;
  text-transform: lowercase;
  content: 'i';
  font-size: 15px;
  line-height: 19px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-price:after,
.page.page-sector section.select-sector .arena-wrap .arena-legend .sector-quota:after {
  content: " ";
  overflow: hidden;
  color: transparent;
  display: block;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend hr {
  width: 100%;
  border: none;
  border-bottom: 2px solid #dddddd;
  margin-top: 9px;
  margin-bottom: 20px;
}
.page.page-sector section.select-sector .arena-wrap .arena-legend-item {
  position: relative;
}
.page.page-sector .arena-tooltip {
  position: absolute;
  display: none;
  padding: 17px 26px;
  padding-right: 21px;
  z-index: 30;
  background: url("../img/ie8-ticekts-bg.png");
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
}
.page.page-sector .arena-tooltip .arena-tooltip-price {
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ie8 .page.page-sector .arena-tooltip .arena-tooltip-price {
  font-family: "Arial", sans-serif;
}
.page.page-sector .arena-tooltip .arena-tooltip-price .rub {
  font-size: 18px;
  line-height: 18px;
}
.page.page-sector .arena-tooltip .arena-tooltip-price .arena-tooltip-price-value.arena-tooltip-price-value--old {
  font-size: 14px;
  line-height: 14px;  
  position: relative;
  margin-top: 2px;
}
.page.page-sector .arena-tooltip .arena-tooltip-price .arena-tooltip-price-value.arena-tooltip-price-value--old .rub {
  font-size: 14px;
  line-height: 14px;  
}
.page.page-sector .arena-tooltip .arena-tooltip-price .arena-tooltip-price-value.arena-tooltip-price-value--old::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 7px;
  border-top: 2px solid red;
  transform: rotate(-7deg);
  width: 110%;
}
.page.page-sector .arena-tooltip .arena-tooltip-status {
  font-size: 16px;
  line-height: 14px;
  padding-bottom: 17px;
}
.page.page-sector .arena-tooltip .arena-tooltip-btn {
  display: block;
  padding: 1px 24px;
  margin-bottom: 6px;
}
.page.page-sector .arena-tooltip .arena-tooltip-btn:hover {
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-animation: none 300ms 0ms ease;
  -moz-animation: none 300ms 0ms ease;
  -ms-animation: none 300ms 0ms ease;
  -o-animation: none 300ms 0ms ease;
  animation: none 300ms 0ms ease;
}
.page.page-sector .arena-tooltip .arena-tooltip-link {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #aca39d;
  text-decoration: none;
  font-size: 16px;
  line-height: 14px;
}
.page.page-sector .arena-tooltip > .ico {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -9px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid rgba(0, 0, 0, 0.7);
}
.page.page-seat section.billets .billets-wrap {
  margin-top: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.page.page-seat section.billets .billets-info {
  font-size: 18px;
  line-height: 24px;
  height: 69px;
  padding: 0 32px;
  padding-top: 20px;
  border-bottom: 2px solid #f2f2f2;
  color: #8a8a8a;
  margin-bottom: 32px;
}
.page.page-seat section.billets .billets-info > * {
  display: inline-block;
}
.page.page-seat section.billets .billets-info span {
  color: #333333;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
}
.ie8 .page.page-seat section.billets .billets-info span {
  font-family: "Arial", sans-serif;
}
.page.page-seat section.billets .billets-info-position {
  margin-right: 19px;
}
.page.page-seat section.billets .billets-info-level {
  margin-right: 38px;
}
.page.page-seat section.billets .billets-info-sector {
  margin-right: 18px;
  font-size: 24px;
  line-height: 26px;
}
.page.page-seat section.billets .billets-info-sector span {
  margin-left: 8px;
}
.page.page-seat section.billets .billets-selected {
  position: relative;
  width: 910px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .billets-selected {
    width: 820px;
  }
}
.page.page-seat section.billets .billets-selected .billet {
  vertical-align: top;
  display: inline-block;
  width: 134px;
  height: 148px;
  padding: 0 16px;
  padding-top: 30px;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .billets-selected .billet {
    width: 110px;
  }
}
.page.page-seat section.billets .billets-selected .billet .before,
.page.page-seat section.billets .billets-selected .billet .after {
  content: '';
  top: 0;
  position: absolute;
  width: 4px;
  height: 100%;
  background: url("../img/patter-dot-border.png") 0 0 repeat-y;
}
.page.page-seat section.billets .billets-selected .billet._first .before {
  left: -3px;
  width: 8px;
  height: 100%;
  background-position: 0 0;
}
.page.page-seat section.billets .billets-selected .billet._last .after {
  right: -3px;
  width: 8px;
  height: 100%;
  background-position: -7px 0;
}
.page.page-seat section.billets .billets-selected .billet .before {
  left: 0;
  background-position: -3px 0;
}
.page.page-seat section.billets .billets-selected .billet .after {
  right: 0;
  background-position: -8px 0;
}
.page.page-seat section.billets .billets-selected .billet._empty {
  background: #f0f0f0;
}
.page.page-seat section.billets .billets-selected .billet._empty .before {
  left: 0;
  width: 4px;
  height: 100%;
  background-position: -15px 0;
}
.page.page-seat section.billets .billets-selected .billet._empty .after {
  width: 4px;
  height: 100%;
  right: 0;
  background-position: -19px 0;
}
.page.page-seat section.billets .billets-selected .billet-row {
  position: absolute;
  right: 16px;
  text-align: right;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 20px;
}
.ie8 .page.page-seat section.billets .billets-selected .billet-row {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .billets-selected .billet-row {
    font-size: 23px;
  }
}
.page.page-seat section.billets .billets-selected .billet-row:before {
  position: absolute;
  top: 100%;
  right: 0;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  content: attr(data-content);
  font-size: 14px;
  line-height: 22px;
}
.ie8 .page.page-seat section.billets .billets-selected .billet-row:before {
  font-family: "Arial", sans-serif;
}
.page.page-seat section.billets .billets-selected .billet-delite {
  position: absolute;
  top: -1px;
  right: 9px;
}
.page.page-seat section.billets .billets-selected .billet-delite:before {
  cursor: pointer;
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* transition */
  -webkit-transition: color;
  -moz-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition: color 300ms ease 0ms;
  -moz-transition: color 300ms ease 0ms;
  -ms-transition: color 300ms ease 0ms;
  -o-transition: color 300ms ease 0ms;
  transition: color 300ms ease 0ms;
  content: '×';
  color: #2dc663;
  font-family: Arial;
  font-size: 28px;
  line-height: 30px;
}
.page.page-seat section.billets .billets-selected .billet-delite:hover:before {
  color: #4fd77f;
}
.page.page-seat section.billets .billets-selected .billet-place {
  display: inline-block;
  position: relative;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 20px;
  margin-bottom: 24px;
}
.ie8 .page.page-seat section.billets .billets-selected .billet-place {
  font-family: "Arial", sans-serif;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .billets-selected .billet-place {
    font-size: 23px;
  }
}
.page.page-seat section.billets .billets-selected .billet-place:before {
  position: absolute;
  top: 100%;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  content: attr(data-content);
  font-size: 14px;
  line-height: 22px;
}
.ie8 .page.page-seat section.billets .billets-selected .billet-place:before {
  font-family: "Arial", sans-serif;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 2px solid #2dc663;
  height: 35px;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price {
  padding-top: 6px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border: none;
  padding-top: 10px;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price .rub {
  font-size: 14px;
  line-height: 16px;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price--new {
  font-size: 14px;
  line-height: 16px;
  padding-top: 4px;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price--old {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  padding-top: 0px;
  color: #000;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price--old::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 6px;
  border-top: 2px solid red;
  transform: rotate(-7deg);
  width: 110%;
}
.page.page-seat section.billets .billets-selected .billet-price-wrapper .billet-price--old .rub {
  font-size: 12px;
  line-height: 14px;
}
.page.page-seat section.billets .billets-selected-total {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding-left: 30px;
  padding-top: 4px;
  width: 241px;
}
.ie8 .page.page-seat section.billets .billets-selected-total {
  padding-left: 10px;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price {
  font-size: 26px;
  line-height: 28px;
  font-family: "Exo_2", sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total .billets-selected-price--value {
  font-size: 26px;
  line-height: 28px;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total .billets-selected-price--value .rub {
  font-size: 26px !important;
  line-height: 28px !important;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total .billets-selected-price--value.billets-selected-price--value--old {
  font-size: 18px;
  line-height: 20px;
  position: relative;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total .billets-selected-price--value.billets-selected-price--value--old .rub {
  font-size: 18px !important;
  line-height: 20px !important;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price .billets-selected-price--total .billets-selected-price--value.billets-selected-price--value--old::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 8px;
  border-top: 2px solid red;
  transform: rotate(-7deg);
  width: 110%;
}
.page.page-seat section.billets .billets-selected-total .billets-selected-price > * {
  display: inline-block;
  padding-left: 3px;
}
.ie8 .page.page-seat section.billets .billets-selected-total .billets-selected-price {
  font-family: "Arial", sans-serif;
}
.page.page-seat section.billets .billets-selected-total .btn-red {
  position: absolute;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .billets-selected-total .btn-red {
    font-size: 20px;
  }
}
.page.page-seat section.billets .sector .row {
  -webkit-transition: background 100ms;
  -moz-transition: background 100ms;
  -o-transition: background 100ms;
  transition: background 100ms;
  -webkit-transition: background 100ms ease 0ms;
  -moz-transition: background 100ms ease 0ms;
  -ms-transition: background 100ms ease 0ms;
  -o-transition: background 100ms ease 0ms;
  transition: background 100ms ease 0ms;
  height: 21px;
  padding-top: 4px;
  padding-bottom: 3px;
  text-align: left;
}
.page.page-seat section.billets .sector .row:hover .row-num {
  color: #0fa556;
}
@media (min-width: 1200px) {
  .page.page-seat section.billets .sector .row {
    height: 22px;
    padding-bottom: 4px;
  }
}
@media (min-width: 1300px) {
  .page.page-seat section.billets .sector .row {
    height: 23px;
    padding-top: 3px;
  }
}
.page.page-seat section.billets .sector .row-num {
  vertical-align: top;
  display: inline-block;
  width: 20px;
  color: #808080;
  font-size: 12px;
  line-height: 19pxpx;
}
.page.page-seat section.billets .sector .row-num._before {
  padding-left: 3px;
}
.page.page-seat section.billets .sector .row-num._after {
  padding-left: 8px;
  margin-right: 5px;
}
.page.page-seat section.billets .sector .sector-map {
  display: inline-block;
  margin-bottom: 60px;
}
.page.page-seat section.billets .sector .row-billet {
  -webkit-transition: all 300ms ease-in-out 0;
  -moz-transition: all 300ms ease-in-out 0;
  -ms-transition: all 300ms ease-in-out 0;
  -o-transition: all 300ms ease-in-out 0;
  transition: all 300ms ease-in-out 0;
  width: 15px;
  height: 14px;
  vertical-align: top;
  display: inline-block;
  margin: 0 1px;
  border-radius: 1px;
  border-top-left-radius: 6px 3px;
  border-top-right-radius: 6px 3px;
  background: #f2f2f2;
  -webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #bdbdbd;
}
.ie8 .page.page-seat section.billets .sector .row-billet {
  width: 15px;
  height: 14px;
}
@media (max-width: 1100px) {
  .page.page-seat section.billets .sector .row-billet {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .page.page-seat section.billets .sector .row-billet {
    width: 16px;
    height: 15px;
  }
}
@media (min-width: 1300px) {
  .page.page-seat section.billets .sector .row-billet {
    width: 17px;
    height: 16px;
    border-top-left-radius: 7px 4px;
    border-top-right-radius: 7px 4px;
  }
}
.page.page-seat section.billets .sector .row-billet._empty {
  cursor: pointer;
}
.page.page-seat section.billets .sector .row-billet._empty:hover {
  background: #d9d9d9;
  border-color: #a4a4a4;
}
.page.page-seat section.billets .sector .row-billet._reserved {
  background: #d58e8e;
  border-color: #aa4c4c;
}
.page.page-seat section.billets .sector .row-billet._selected {
  cursor: pointer;
  background: #009f4b;
  border-color: #008740;
}
.page.page-seat section.billets .sector .row-billet._selected:hover {
  background: #00b957;
  border-color: #00a14c;
}
.page.page-seat section.billets .sector .row-billet._none {
  border: none;
  background: none;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.ie8 .page.page-seat section.billets .sector .row-billet {
  border: none;
  background: url("../img/sprite-billet.png") 0 0 no-repeat;
}
.ie8 .page.page-seat section.billets .sector .row-billet._empty:hover {
  background: url("../img/sprite-billet.png") 0 0 no-repeat;
}
.ie8 .page.page-seat section.billets .sector .row-billet._reserved {
  background-position: -30px 0;
}
.ie8 .page.page-seat section.billets .sector .row-billet._selected {
  background-position: -15px 0;
}
.ie8 .page.page-seat section.billets .sector .row-billet._selected:hover {
  background: url("../img/sprite-billet.png") -15px 0 no-repeat;
}
.ie8 .page.page-seat section.billets .sector .row-billet._none {
  background: none;
}
.page.page-seat section.billets .sector-playground {
  margin-top: 30px;
  text-align: center;
  background: url("../img/pattern-dot-grid.png");
  height: 51px;
  font-size: 12px;
  line-height: 51px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.page.page-seat section.billets .sector-legend {
  text-align: left;
}
.page.page-seat section.billets .sector-legend-item {
  vertical-align: middle;
  display: inline-block;
  margin-right: 32px;
  font-size: 12px;
  line-height: 17px;
  color: #808080;
}
.page.page-seat section.billets .sector-legend-item .row-billet {
  cursor: auto !important;
}
.page.page-seat section.billets .sector-legend-item .row-billet._empty:hover {
  background: #f2f2f2;
  border-color: #bdbdbd;
}
.page.page-seat section.billets .sector-legend-item .row-billet._reserved:hover {
  background: #d58e8e;
  border-color: #aa4c4c;
}
.page.page-seat section.billets .sector-legend-item .row-billet._selected:hover {
  background: #009f4b;
  border-color: #008740;
}
.page .finish {
  background: #f0f0f0;
  padding-bottom: 40px;
  position: relative;
  padding: 0 40px 40px 40px;
  font-family: "Exo_2", sans-serif;
}
.ie8 .page .finish {
  font-family: "Arial", sans-serif;
}
.page .finish .green-link {
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
}
.ie8 .page .finish .green-link {
  font-family: "Arial", sans-serif;
}
.page .finish h2 {
  font-size: 39px;
  color: #333333;
  line-height: 1.1;
  text-align: left;
  margin: 0 auto;
  padding: 24px 0;
  letter-spacing: 0.7px;
}
.page .finish .accept {
  padding: 65px 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  width: 1260px;
  margin: 0 auto;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.page .finish .accept .main-text {
  font-size: 21px;
  color: #343434;
  line-height: 21px;
  text-align: center;
  margin: 0;
  font-weight: 700;
}
.page .finish .accept .comment {
  font-size: 12px;
  font-family: "Exo_2", sans-serif;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 1.429;
  text-align: center;
}
.ie8 .page .finish .accept .comment {
  font-family: "Arial", sans-serif;
}
.page .finish .accept .sum {
  font-size: 18.113px;
  color: #4d4d4d;
  line-height: 1.333;
  text-align: center;
  letter-spacing: 0.2px;
  padding-top: 20px;
}
.page .finish .accept .val {
  background: url("../img/rur.png") no-repeat 100%;
  padding-right: 20px;
}
.page .finish .billets-selected {
  margin: auto;
  margin-bottom: 50px;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.page .finish .billets-selected .billet-wrap {
  display: inline-block;
  margin: 0 5px;
  text-align: left;
  max-width: 304px;
  margin-bottom: 16px;
}
.page .finish .billets-selected .billet {
  width: 304px;
  margin-bottom: 6px;
}
/* Иконки под билетом на странице подтверждения */
.page .finish .billets-selected .billet-links .green-link {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  line-height: 11px;
  padding-top: 30px;
  background-color: transparent;
  background-image: url("../sprite/success.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 5px 25px;
  text-align: center;
  display: inline-block;
  min-width: 30px;
}
.page .finish .billets-selected .billet-links .green-link--pdf {
  background-position-y: -60px;
}
.page .finish .billets-selected .billet-links .green-link--wallet {
  background-position-y: -120px;
}
.page .finish .billets-selected .billet-links .green-link--send {
  background-position-y: -30px;
}
/* Добавление подсказки через псевдоэлементы */
.page .finish .billets-selected .billet-links .green-link::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  bottom: -5px;
  top: auto;
  left: calc(50% - 10px);
  display: none;
  z-index: 103;
}
.page .finish .billets-selected .billet-links .green-link::after {
  position: absolute; 
  left: 50%;
  transform: translate(-50%) ;
  bottom: -45px; 
  z-index: 100; 
  background: #fff; 
  font-size: 12px; 
  padding: 10px 15px; 
  border: 0; 
  display: none; 
  color: #000; 
  box-shadow: 0 0 25px -4px rgba(0, 0, 0, 0.35);
}
.page .finish .billets-selected .billet-links .green-link:hover::before,
.page .finish .billets-selected .billet-links .green-link:hover::after {
  display: block;
}
.page .finish .billets-selected .billet-links .green-link--pdf::after {
  content: attr(data-content);
}
.page .finish .billets-selected .billet-links .green-link--wallet::after {
  content: attr(data-content);
}
.page .finish .billets-selected .billet-links .green-link--send::after {
  content: attr(data-content);
}
.page .underlined-green {
  color: #009f4b;
  text-decoration: none;
  display: inline;
  border-bottom: 1px solid #009f4b;
}
.page .align-center {
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 36px;
}
.page .nomargin {
  margin: 0;
}
.page .main-btn {
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 500;
}
.page .main-btn._one {
  padding: 0 40px;
}
.page .main-btn:hover {
  background: #00ab50!important;
}
.page .main-btn:active {
  background: #008f43!important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.abstract-finish-ico {
  width: 162px;
  height: 162px;
  margin: 0 auto 40px auto;
}
.green-mail {
  width: 162px;
  height: 162px;
  margin: 0 auto 40px auto;
  background: url("../img/green-mail.png");
}
.checkmark {
  width: 162px;
  height: 162px;
  margin: 0 auto 40px auto;
  background: url("../img/checkmark.png");
}
.green-cross {
  width: 162px;
  height: 162px;
  margin: 0 auto 40px auto;
  background: url("../img/cross.png");
}
.warn {
  width: 162px;
  height: 162px;
  margin: 0 auto 40px auto;
  background: url("../img/warn.png");
}
.page-booking .w240 {
  width: 160px;
  margin: 0 5px;
}
.contain {
  width: 340px;
  display: block;
  margin: 0 auto;
}
.dinline {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
.page main .top-nav-left .nav .nav-item .sub-nav.book-nav {
  right: auto;
}
section.help-info,
section.big-img-text {
  font-size: 18px;
}
section.help-info h2,
section.big-img-text h2 {
  font-size: 40px;
  font-family: "Exo_2", sans-serif;
  font-weight: 800;
  margin-bottom: 31px;
}
.help-info .content {
  padding: 30px 0;
}
.big-img-text {
  background: #fff;
}
.big-img-text .content {
  width: 920px;
  padding: 30px 60px;
  background: #fff;
  margin: -80px auto 0 auto;
  position: relative;
}
.big-img-text img.content-img {
  width: 100%;
}
img.content-img {
  margin-top: 5px;
  margin-bottom: 5px;
  height: auto;
  width: auto;
  min-height: 50px;
}
.content {
  max-width: 900px;
  margin: 0 auto;
}
.content .table tr td._red a.link {
  color: white;
  text-decoration: underline;
}
.content .table.wide {
  display: table;
}
.page.page-main header.nopad {
  margin-bottom: 40px;
}
.page main .top-nav-left .nav .sub-nav .col .link {
  text-transform: none;
}
img.center {
  margin-left: auto;
  margin-right: auto;
}
b.center,
span.center,
div.center,
i.center,
p.center {
  text-align: center;
}
.content.links {
  margin-top: 20px;
}
.content.links .link {
  padding: 10px 10px;
}
.content.links .link:hover {
  color: red;
}
.inner-text {
  background: #fff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.4);
}
table {
  width: 100%;
  background: #fff;
}
table thead tr {
  border-bottom: solid 2px #d92127;
}
table thead td {
  color: #d92127;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 40px;
}
table tbody td {
  color: #333333;
  font-size: 16px;
  text-transform: uppercase;
  padding: 30px 40px;
}
table tbody td.false {
  color: #cccccc;
}
table tr {
  border-bottom: solid 2px #f0f0f0;
}
table .rubl {
  font-weight: bold;
  position: relative;
  margin-right: 24px;
}
table .rubl:after {
  content: '';
  width: 10px;
  height: 14px;
  background: url("../img/rub.png") no-repeat;
  position: relative;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}
table ._red .rubl:after {
  background-image: url("../img/rubw.png");
}
table.abbonements {
  margin: 30px 0 60px;
  -webkit-box-shadow: 0px 11px 26px 1px rgba(50, 50, 50, 0.36);
  -moz-box-shadow: 0px 11px 26px 1px rgba(50, 50, 50, 0.36);
  box-shadow: 0px 11px 26px 1px rgba(50, 50, 50, 0.36);
}
table.abbonements thead tr {
  line-height: 30px;
}
table.abbonements thead td {
  color: #d92127;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 40px;
}
table.abbonements thead td:first-child {
  color: #c0c0c0;
  border-right: dotted 2px #d9d9d9;
}
table.abbonements tbody td {
  color: #333333;
  font-size: 16px;
  text-transform: uppercase;
  padding: 30px 40px;
  text-align: center;
}
table.abbonements tbody td:first-child {
  color: #d92127;
  border-right: dotted 2px #d9d9d9;
  font-weight: bold;
}
table.abbonements tbody td.false {
  color: #cccccc;
}
.price-text table {
  margin: 30px 0 60px;
}
.price-text thead td {
  color: #c1c1c1;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.price-text thead tr {
  background: #fff;
  border: none;
}
.price-text td {
  color: #333333;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 40px;
  padding: 0 0 0 40px;
}
.price-text tr {
  background: #e5f5ed;
}
.price-text tr:nth-child(2n) {
  background: #fff;
}
.parking-price {
  margin: 50px 0 0 0;
}
.parking-price table td {
  text-align: center;
}
.content-popup-text ul,
.content-popup-text ol {
  background: #fff;
  width: 880px;
  margin: 0 auto;
  padding: 0;
  counter-reset: item;
  border-top: solid #cf3439 3px;
}
.content-popup-text li {
  list-style-type: none;
  padding: 25px 25px 25px 100px;
  font-size: 16px;
  color: #2a2a2a;
  position: relative;
}
.content-popup-text li:after {
  content: counter(item, decimal);
  counter-increment: item;
  display: block;
  top: 25px;
  left: 45px;
  font-weight: bold;
  color: #cf3439;
  position: absolute;
  background: none;
  list-style-type: decimal;
}
.content-popup-text li:before {
  content: "";
  background: none;
}
.content-popup-text li li:nth-child(2n) {
  background: #edf8f2;
}
.temporary-text {
  font-size: 16px;
}
._padding-bottom {
  padding-bottom: 16px;
}
.page-order .alert .alert__title {
  margin: 0 auto;
}
.alert {
  margin-top: 40px;
  padding: 40px;
  padding-bottom: 0;
  border-top: 1px solid #b2b2b2;
  text-align: center;
  font-weight: 400;
}
.alert p {
  margin: 0;
}
.alert p.alert__title {
  margin: 0 auto;
}
.alert__title {
  max-width: 550px;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
}
.alert__subtitle {
  color: #333333;
  line-height: 22px;
  text-align: center;
  margin: 20px auto;
  font-size: 14px;
}
.alert .alert__subtitle {
  margin: 20px auto;
}
.alert__content {
  margin: 15px 0 20px;
}
.alert__link {
  font-size: 16px;
}
.alert .description {
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.alert .description__title {
  line-height: 24px;
}
.alert .description__item {
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.alert .description__item:before {
  display: none;
}
.alert .content__bonus .bonus__title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 13px;
}
.alert .content__bonus .bonus__points {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
.content__img {
  display: inline-block;
  width: 120px;
  height: 76px;
  vertical-align: middle;
}
.content__description {
  display: inline-block;
  width: 400px;
  vertical-align: middle;
  margin-left: 27px;
}
.content__bonus {
  display: inline-block;
  width: 120px;
  height: 76px;
  vertical-align: top;
}
.default-link {
  text-decoration: none;
  font-weight: normal;
  color: #009f4b;
  border-bottom: 1px solid rgba(0, 159, 75, 0.5);
}
.default-link:hover {
  color: #d92127;
  border-bottom-color: rgba(217, 33, 39, 0.5);
}
.mobile .alert {
  padding: 20px 10px;
}
.mobile .alert .description__title {
  text-align: center;
}
.mobile .alert .alert__link {
  font-size: 16px;
  display: inline;
  top: 0;
}
.mobile .content__img {
  margin: 15px 0;
}
.mobile .content__description {
  margin-left: 0;
  width: auto;
}
.mobile .content__bonus {
  margin: 15px 0 0;
}
.page footer section.main .personal_data_politics a:hover {
  color: #d92127;
}
.page footer .main .info .personal_data_politics a {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
}
.page.page-seat section.select-game .game-player_event,
.page.page-sector section.select-game .game-player_event,
.page.page-booking section.select-game .game-player_event,
.page.page-event section.select-game .game-player_event {
  padding-left: 2%;
  width: 100%;
}
.ie8 .page.page-seat section.select-game .game-player_event,
.ie8 .page.page-sector section.select-game .game-player_event,
.ie8 .page.page-booking section.select-game .game-player_event,
.ie8 .page.page-event section.select-game .game-player_event {
  padding-left: 0;
}
@media (max-width: 1200px) {
  .page.page-seat section.select-game .game-player_event,
  .page.page-sector section.select-game .game-player_event,
  .page.page-booking section.select-game .game-player_event,
  .page.page-event section.select-game .game-player_event {
    padding-right: 0;
  }
}
.page.page-seat section.select-game .game-player_event .game-player-wrap,
.page.page-sector section.select-game .game-player_event .game-player-wrap,
.page.page-booking section.select-game .game-player_event .game-player-wrap,
.page.page-event section.select-game .game-player_event .game-player-wrap {
  text-align: left;
  padding-left: 100px;
}
.page section .game-item .game-player_event .game-player-name {
  text-transform: none;
  margin-bottom: 24px;
}
.page section .game-item .game-info.game-info_event .game-date {
  margin-bottom: 24px;
  margin-top: 24px;
  padding-bottom: 0px;
}
.form-checkout .event label {
  padding-top: 0;
  padding-bottom: 5px;
  width: 100%;
}
.form-horizontal .event .form-control {
  width: 100%;
}
.billets-template .billet {
  min-height: 250px;
}
.billets-template .billet .billet-param {
  min-height: 100px;
}
.billets-template .billet-template {
  width: 30%;
  display: inline-block;
  margin-right: 15px;
}
.billets-template .billet-template .billet-sector {
  text-align: center;
}
.billets-template .billet-template .billet-param {
  text-align: justify;
}
.page.page-booking .billets-selected, .page.page-tspayment .billets-template {
  width: 100%;
}
.event_tickets_count {
  min-height: 70px;
}
.page.page-sector section.select-sector .arena-wrap .arena-adt {
  float: right;
  padding-top: 18px;
  width: 191px;
}
.page.page-sector section.select-sector .arena-wrap .arena-adt p {
  color: #8E8E8E; 
  font-size: 12px; 
  font-family: 'Exo_2', sans-serif; 
  font-weight: 500;
}

.purchase-banner {
  line-height: 0;
  margin-top: 6.2em;
  width: 100%;
}
.purchase-banner img {
  width: 100%;
}

.purchase-step {
  border-bottom: 2px solid #000;
}

.purchase-step-head {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  width: 100%;
}

.purchase-step-head-cell {
  display: table-cell;
  padding: 4.1em 0 4.7em;
  vertical-align: middle;
}
.purchase-step-head-cell-left {
  padding-right: 1em;
}
.purchase-step-head-cell-right {
  padding-left: 1em;
  text-align: right;
  white-space: nowrap;
}
.purchase-step:first-child .purchase-step-head-cell {
  padding-top: 0;
}
.is-current .purchase-step-head-cell {
  padding-bottom: 3.7em;
}

.purchase-step-title {
  color: #333;
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.076923076923077;
  margin-bottom: 0;
  padding-left: 1.730769230769231em;
  position: relative;
}
.purchase-step-title:before {
  background-image: url("../img/steps-icons.png");
  background-size: 100%;
  content: "";
  display: block;
  max-width: 100%;
  margin: auto 0;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;

}
.purchase-step-date .purchase-step-title:before {
  background-position: 0 50%;
  background-size: 107.142857%;
  height: 1.115384615384615em;
  width: 1.076923076923077em;
}
.purchase-step-time .purchase-step-title:before {
  background-position: 0 100%;
  background-size: 115.384615%;
  height: 1.115384615384615em;
  width: 1em;
}
.purchase-step-category .purchase-step-title:before {
  background-position: 0 0%;
  background-size: 100%;
  height: 1.115384615384615em;
  width: 1.153846153846154em;
}

.purchase-step-info {
  color: #7f7f7f;
  display: inline-block;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.111111111111111;
  vertical-align: middle;
}

.purchase-step-info-value {
  color: #333;
  font-weight: 700;
}

.purchase-step-link {
  color: #cf3439;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.111111111111111;
  margin-left: .9444444444444444em;
  text-decoration: none;
  vertical-align: middle;
}

.purchase-step-body {
  display: none;
}
.purchase-step-date .purchase-step-body {
  padding-bottom: 2.7em;
}
.purchase-step-time .purchase-step-body {
  padding-bottom: 4.6em;
}
.purchase-step-category .purchase-step-body {
  padding-bottom: 2.8em;
}
.is-current .purchase-step-body {
  display: block;
}

.timepicker {
  margin-bottom: -4%;
}
.timepicker:after {
  clear: both;
  content: "";
  display: block;
}

.timepicker-item {
  display: block;
  float: left;
  margin-bottom: 4%;
  margin-right: 6.333333333333333%;
  width: 14.93333333333333%;
}
.timepicker-item:nth-child(5n+5) {
  margin-right: 0;
}

.timerpicker-item-input {
  display: none;
}

.timepicker-item-value {
  border: 1px solid;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 2.388888888888889;
  text-align: center;
}
.timerpicker-item-input:checked + .timepicker-item-value,
.timepicker-item-value:hover {
  background-color: #009f4b;
  border-color: #009f4b;
  color: #fff;
}
.timerpicker-item-input:disabled + .timepicker-item-value {
  background-color: #f0f0f0;
  border-color: inherit;
  color: #ccc;
  cursor: default;
}

.datepicker-legend {
	margin-left: .2em;
  margin-bottom: -1.5em;
  margin-top: 2.8em;
}

.datepicker-legend-item {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1.142857142857143;
  margin-left: -.1428571428571429em;
  margin-right: 6.666666666666667%;
  margin-bottom: 1.071428571428571em;
  padding-left: 1.857142857142857em;
  position: relative;
  vertical-align: top;
}
.datepicker-legend-item-match {
  color: #333;
}
.datepicker-legend-item-available {
  color: #333;
}
.datepicker-legend-item-unavailable {
  color: #b0b0b0;
}
.datepicker-legend-item-no-excursions {
  color: #b0b0b0;
}
.datepicker-legend-item:last-child {
  margin-right: 0;
}
.datepicker-legend-item:before {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  content: "";
  display: block;
  height: .7857142857142857em;
  position: absolute;
  left: 0;
  top: .0714285714285714em;
  width: .7857142857142857em;
}
.datepicker-legend-item-match:before {
  background-image: url("../img/ball.png");
}
.datepicker-legend-item-available:before {
  background-image: url("../img/star.png");
}
.datepicker-legend-item-unavailable:before {
  background-image: url("../img/star.png");
  background-position: 0 33.33333333333333%;
}
.datepicker-legend-item-no-excursions:before {
  background-color: currentColor;
}

.datepicker-legend-text {
  color: currentColor;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.datepicker-legend-note {
  color: #aeaeae;
  display: block;
  margin-top: .1428571428571429em;
}

.datepicker .flatpickr-wrapper {
  width: 100%;
}

.datepicker .flatpickr-calendar.inline {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  position: static;
  width: 100% !important;
}

.datepicker .flatpickr-months {
  background-color: #009f4b;
  margin-bottom: 1.285714285714286em;
  padding: 1em 0 .8571428571428571em .3571428571428571em;
  position: relative;
}

.datepicker .flatpickr-months .flatpickr-month {
  height: auto;
  padding-left: 5.63758389261745%;
}

.datepicker .flatpickr-current-month {
  height: auto;
  padding-top: 0;
  position: static;
  text-align: left;
  width: 100%;
}

.datepicker .flatpickr-current-month span.cur-month {
  color: #fff;
  cursor: default;
  font-size: .9473684210526316em;
  font-weight: 400;
  line-height: 1.111111111111111;
  margin-left: 0;
}
.datepicker .flatpickr-current-month span.cur-month:hover {
  background-color: transparent;
}

.datepicker .flatpickr-current-month input.cur-year {
  color: #fff;
  cursor: default;
  font-weight: 400;
  padding-left: .2222222222222222em;
}
.datepicker .flatpickr-current-month input.cur-year::selection {
  background-color: transparent;
}
.datepicker .flatpickr-current-month input.cur-year::-moz-selection {
 background-color: transparent;
}

.datepicker .numInputWrapper:hover {
  background-color: transparent;
}

.datepicker .numInputWrapper span {
  display: none;
}

.datepicker .flatpickr-months .flatpickr-prev-month,
.datepicker .flatpickr-months .flatpickr-next-month {
  background-color: #028c40;
  height: 2.142857142857143em;
  left: auto !important;
  margin: auto 0;
  padding: 0;
  bottom: 0;
  top: 0;
  width: 2.357142857142857em;
}
.datepicker .flatpickr-months .flatpickr-prev-month {
  right: 4.428571428571429em !important;
}
.datepicker .flatpickr-months .flatpickr-next-month {
  right: 1.428571428571429em !important;
}
.datepicker .flatpickr-months .flatpickr-prev-month:before,
.datepicker .flatpickr-months .flatpickr-next-month:before {
  background-image: url("../img/arrows.png");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: .9285714285714286em;
  margin: auto;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: .5em;
}
.datepicker .flatpickr-months .flatpickr-prev-month:before {
  background-position: 0 0%;
}
.datepicker .flatpickr-months .flatpickr-next-month:before {
  background-position: 0 100%;
}

.datepicker .flatpickr-months .flatpickr-prev-month svg,
.datepicker .flatpickr-months .flatpickr-next-month svg {
  display: none;
}

.datepicker .flatpickr-innerContainer {
  border: 1px solid #d5d5d5;
  padding: .3571428571428571em;
}

.datepicker .flatpickr-rContainer {
  width: 100%;
}

.datepicker .flatpickr-weekdays {
  height: auto;
  padding: 1.642857142857143em 0;
}

.datepicker span.flatpickr-weekday {
  color: #028c40;
  font-size: 1.214285714285714em;
  font-weight: 500;
  text-transform: uppercase;
}

.datepicker .flatpickr-days {
  width: 100% !important;
}

.datepicker .dayContainer {
  justify-content: flex-start;
  margin-bottom: -2.567567567567568%;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.datepicker .flatpickr-day {
  border-radius: 0;
  color: #333;
  font-size: 1.214285714285714em;
  font-weight: 700;
  height: 2.647058823529412em;
  line-height: 2.647058823529412;
  margin-bottom: 2.567567567567568%;
  max-width: 14.28571428571429%;
  position: relative;
}
.datepicker .flatpickr-day.disabled {
  color: #b0b0b0;
  font-weight: 400;
}
.datepicker .flatpickr-day.today {
  border-color: currentColor;
}
.datepicker .flatpickr-day.nextMonthDay,
.datepicker .flatpickr-day.prevMonthDay {
  color: #e0e0e0;
}
.datepicker .flatpickr-day:hover {
  background-color: #009f4b;
  border-color: #009f4b;
  color: #fff;
}
.datepicker .flatpickr-day.disabled:hover {
  background-color: transparent;
  border-color: transparent;
  color: #b0b0b0;
}
.datepicker .flatpickr-day.today:hover {
  background-color: #009f4b;
  border-color: #009f4b;
  color: #fff;
}
.datepicker .flatpickr-day.disabled.today:hover {
  background-color: transparent;
  border-color: currentColor;
  color: #b0b0b0;
}
.datepicker .flatpickr-day.selected,
.datepicker .flatpickr-day.prevMonthDay.selected,
.datepicker .flatpickr-day.nextMonthDay.selected,
.datepicker .flatpickr-day.selected:hover,
.datepicker .flatpickr-day.prevMonthDay.selected:hover,
.datepicker .flatpickr-day.nextMonthDay.selected:hover {
  background-color: #009f4b !important;
  border-color: #009f4b !important;
  color: #fff !important;
}
.datepicker .flatpickr-day.nextMonthDay:hover,
.datepicker .flatpickr-day.prevMonthDay:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e0e0e0;
}
.datepicker .flatpickr-day:before {
  background-image: url("../img/star.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  content: "";
  display: block;
  height: .6470588235294118em;
  margin: auto 0;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  right: 21.97802197802198%;
  top: 0;
  width: .6470588235294118em;
}
.datepicker .flatpickr-day.disabled:before {
  display: none;
}
.datepicker .flatpickr-day.excursion-unavaible:before {
  display: block;
  background-position: 0 33.33333333333333%;
}
.datepicker .flatpickr-day:hover:before,
.datepicker .flatpickr-day.selected:before {
  background-position: 0 100%;
  bottom: .1176470588235294em;
}
.datepicker .flatpickr-day.excursion-unavaible:hover:before {
  background-position: 0 33.33333333333333%;
  bottom: 0;
}
.datepicker .flatpickr-day.prevMonthDay:before,
.datepicker .flatpickr-day.prevMonthDay:hover:before,
.datepicker .flatpickr-day.nextMonthDay:before,
.datepicker .flatpickr-day.nextMonthDay:hover:before {
  background-position: 0 66.666667%;
  bottom: 0;
}
.datepicker .flatpickr-day.matchday:after {
  background-image: url("../img/ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  content: "";
  display: block;
  height: .6470588235294118em;
  margin: auto 0;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  right: 6.593406593406593%;
  top: 0;
  width: .6470588235294118em;
}
.datepicker .flatpickr-day.matchday.disabled:after {
  background-position: 0 33.333333%;
}
.datepicker .flatpickr-day.matchday.prevMonthDay:after,
.datepicker .flatpickr-day.matchday.nextMonthDay:after {
  background-position: 0 66.666667%;
}
.datepicker .flatpickr-day:hover:after,
.datepicker .flatpickr-day.selected:after,
.datepicker .flatpickr-day.prevMonthDay.selected:after,
.datepicker .flatpickr-day.nextMonthDay.selected:after,
.datepicker .flatpickr-day.selected:hover:after,
.datepicker .flatpickr-day.prevMonthDay.selected:hover:after,
.datepicker .flatpickr-day.nextMonthDay.selected:hover:after {
  background-position: 0 100%;
}

.categorypicker-item {
  border-bottom: 1px solid #bfbfbf;
}
.categorypicker-item:last-child {
  border-bottom: 0;
}

.categorypicker-info {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  width: 100%;
}

.categorypicker-cell {
  display: table-cell;
  padding-bottom: 1.8em;
  padding-top: 1.7em;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.categorypicker-item:first-child .categorypicker-cell {
  padding-top: 0;
}
.categorypicker-cell-name {
  text-align: left;
  width: 41.46666666666667%;
}
.categorypicker-cell-count {
  width: 27.6%;
}
.categorypicker-cell-price {
  width: 10.93333333333333%;
}
.categorypicker-cell-picker {
  text-align: right;
  width: 20%;
}

.categorypicker-name {
  color: #333;
  display: block;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25;
}

.categorypicker-counter {
  background-color: #cf3439;
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 2;
  padding: .5em 1.75em .25em;
  text-align: center;
  text-transform: uppercase;
}

.categorypicker-price {
  color: #009f4b;
  font-size: 2.1em;
  font-weight: 700;
  line-height: 1.19047619047619;
}

.categorypicker-price .rub {
  display: inline-block;
  font-size: 1em;
  line-height: 1.19047619047619;
}

.categorypicker-toggle {
  color: #009f4b;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4em;
  line-height: 1.142857142857143;
  text-decoration: underline;
  position: absolute;
  bottom: .3571428571428571em;
  left: 0;
}
.categorypicker-toggle:hover {
  text-decoration: none;
}

.categorypicker-footnote {
  border: 1px solid #bfbfbf;
  color: #aeaeae;
  display: none;
  font-size: 1.4em;
  line-height: 1.285714285714286;
  margin-bottom: .5em;
  margin-top: .9285714285714286em;
  padding: .6428571428571429em 2em .7142857142857143em;
}

.countpicker {
  margin-left: .2em;
}

.countpicker-btn {
  border: 1px solid #bfbfbf;
  color: #009f4b;
  cursor: pointer;
  display: inline-block;
  height: 4em;
  margin-left: -.2em;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 26.66666666666667%;
}
.countpicker-btn-disabled {
  color: #9b9b9b;
  cursor: default;
  pointer-events: none;
}
.countpicker-btn-minus:before,
.countpicker-btn-plus:before,
.countpicker-btn-plus:after {
  background-color: currentColor;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.countpicker-btn-minus:before {
  height: .3em;
  width: .8em;
}
.countpicker-btn-plus:before {
  height: .3em;
  width: 1.1em;
}
.countpicker-btn-plus:after {
  height: 1.1em;
  width: .3em;
}

.countpicker-value {
  display: inline-block;
  color: #333;
  font-size: 1.8em;
  margin-left: -.2em;
  text-align: center;
  vertical-align: middle;
  width: 37.33333333333333%;
}
.countpicker-value-positive {
  color: #009f4b;
  font-weight: 700;
}

.excursion .form-checkout {
  float: left;
  margin-right: 0;
  width: calc(100% - 405px);
}

@media screen and (min-width: 1440px) {
	.datepicker .flatpickr-day:before {
		right: 27.47252747252747%;
	}
	.datepicker .flatpickr-day.matchday:after {
	  right: 13.18681318681319%;
	}
}

@media screen and (max-width: 1279px) {
	.excursion {
		font-size: 8px;
	}

	.datepicker-legend-item {
		font-size: 1.5em;
	}

	.datepicker-legend-item:before {
	  height: .9166666666666667em;
	  top: .0833333333333333em;
	  width: .9166666666666667em;
	}

	.datepicker .flatpickr-day {
		height: 3.058823529411765em;
		line-height: 3.058823529411765;
	}
	.datepicker .flatpickr-day:before {
	  margin: 0 auto;
	  bottom: .1764705882352941em;
	  left: 0;
	  right: 0;
	  top: auto;
	}
	.datepicker .flatpickr-day.matchday:before {
		left: auto;
		right: 52%;
	}
	.datepicker .flatpickr-day.matchday:after {
		bottom: .1764705882352941em;
		left: 52%;
		right: auto;
		top: auto;
	}
	.datepicker .flatpickr-day.disabled.matchday:after {
	  margin: 0 auto;
	  left: 0;
	  right: 0;
	  top: auto;
	}
	.datepicker .flatpickr-day.prevMonthDay:before,
	.datepicker .flatpickr-day.prevMonthDay:hover:before,
	.datepicker .flatpickr-day.nextMonthDay:before,
	.datepicker .flatpickr-day.nextMonthDay:hover:before {
	  bottom: .1764705882352941em;
	}1
	.datepicker .flatpickr-day:hover:before,
	.datepicker .flatpickr-day.selected:before {
		bottom: .2352941176470588em;
	}

	.categorypicker-counter {
		padding-left: 1em;
		padding-right: 1em;
	}

  .categorypicker-cell-name {
    width: 38.46666666666667%;
  }
  .categorypicker-cell-count {
    width: 25.6%;
  }
  .categorypicker-cell-price {
    width: 15.93333333333333%;
  }
  .categorypicker-cell-picker {
    width: 19%;
  }

  .countpicker-btn {
	  width: 30.66666666666667%;
	}

	.countpicker-value {
	  width: 33.33333333333333%;
	}
}
.page section .billets-selected .billet._blue .billet-sector.event {
  max-width: 70%;
  display: inline-block;
}
.page section .billets-selected .billet._blue .billet-sector.count {
  max-width: 25%;
  display: inline-block;
  float: right;
  text-transform: none;
}
.j-user-phone.disabled,
.form-control.disabled {
  color: #666;
  background: #f4f4f4;
}
.intl-tel-input {
  /*margin-top: 10px;*/
  width: 70%;
}
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel], .intl-tel-input input.disabled {
  width: 100%;
}
.actions-popup {
  width: 675px;
  background: #fff;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.actions-popup .popup-content {
  padding: 40px;
  text-align: center;
}
.actions-popup .popup-text {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 30px;
}
.actions-popup .popup-text p {
  margin: 0;
}
.actions-popup .popup-content button {
  display: inline-block;
  width: 30%;
}
.actions-popup .popup-content button + button {
  margin-left: 30px;
}
.sectors-placeholder {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  max-width: 65%;
  padding-bottom: 30px;
  text-align: left;
}
.sectors-placeholder a{
    font-weight: 500 !important;
}
.popup-btns button{
    font-weight: 500 !important;  
}
.seat-field {
  margin-top: 10px;
}
.seat-field:first-child {
  margin-top: 0;
}
.seat-label {
  padding-left: 10px;
}

.discountType {
  margin-bottom: 20px;
  text-align: right;
}