@charset "UTF-8";
/* ********************** */
/* Slider */
@import url(../node_modules/fullpage.js/dist/fullpage.min.css);
@import url(../node_modules/jquery-form-styler/dist/jquery.formstyler.css);
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/node_modules/slick-carousel/slick/ajax-loader.gif") center center no-repeat; }

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

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

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

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

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -o-transition: background-color .2s linear, height .2s ease-in-out;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 8px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -o-transition: background-color .2s linear, width .2s ease-in-out;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 8px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: rgba(11, 19, 36, 0.15);
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: rgba(11, 19, 36, 0.15);
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

/* base */
/*  Переменные со шрифтами  */
/*  Переменные с гарнитурами шрифтов  */
/*  основные цвета  */
@font-face {
  font-family: 'Museo Sans Cyrl 300';
  src: url("../fonts/MuseoSansCyrl-300.eot");
  src: url("../fonts/MuseoSansCyrl-300.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl-300.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-300.woff") format("woff"), url("../fonts/MuseoSansCyrl-300.ttf") format("truetype"), url("../fonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans Cyrl 500';
  src: url("../fonts/MuseoSansCyrl-500.eot");
  src: url("../fonts/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl-500.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-500.woff") format("woff"), url("../fonts/MuseoSansCyrl-500.ttf") format("truetype"), url("../fonts/MuseoSansCyrl-500.svg#MuseoSansCyrl-500") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url("../fonts/MuseoSansCyrl-700.eot");
  src: url("../fonts/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl-700.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-700.woff") format("woff"), url("../fonts/MuseoSansCyrl-700.ttf") format("truetype"), url("../fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova Bd';
  src: url("../fonts/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

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

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

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

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

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

@font-face {
  font-family: 'SFUI-TextRegular';
  src: url("../fonts/SFUIText-Regular.eot");
  src: url("../fonts/SFUIText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIText-Regular.woff2") format("woff2"), url("../fonts/SFUIText-Regular.woff") format("woff"), url("../fonts/SFUIText-Regular.ttf") format("truetype"), url("../fonts/SFUIText-Regular.svg#SFUIText-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*  сбрасывает браузерное отображение элементов т.к. разные браузеры по разному отображают одно и тоже  */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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; }

/* 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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 {
  -webkit-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;
  background-color: transparent;
  border: none; }

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

/**
 * 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"] {
  -webkit-box-sizing: border-box;
          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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */ }

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

/*  Общая типографика для всех страниц. здесь описываются общие свойства для текстовых блоков  */
body {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  min-width: 1280px;
  -webkit-font-smoothing: antialiased; }

html {
  position: relative;
  min-height: 100%; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  ul li {
    margin: 0;
    padding: 0; }

address {
  font-style: normal; }

h1 {
  font-size: 42px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 24px; }

h2 {
  font-size: 22px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 24px; }

h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px; }

h4 {
  font-size: 15px;
  letter-spacing: 2.4px;
  line-height: 24px;
  margin: 0px 0 8px 0; }

p {
  margin-top: 10px;
  color: #6a7678; }

b {
  font-weight: 700; }

a,
a:hover,
a:active,
a:visited,
a:focus {
  outline: 0;
  text-decoration: none; }

.h1-style {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  letter-spacing: 0.9px; }

.h2-style {
  font-size: 30px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: #232323; }

.h3-style {
  font-size: 20px;
  color: #0B1324;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0; }

.section-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  color: rgba(11, 19, 36, 0.95);
  text-align: center;
  line-height: 50px; }

img {
  max-width: 100%;
  height: auto; }

textarea {
  resize: none; }

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

.img-rounded {
  -webkit-border-radius: 6px;
          border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  -webkit-border-radius: 50%;
          border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.mar-top-60 {
  margin-top: 60px; }

[role="button"] {
  cursor: pointer; }

/*!
 * Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1224px; }

@media (min-width: 1024px) {
  .container {
    max-width: 1224px; } }

@media (min-width: 1440px) {
  .container {
    max-width: 1248px; } }

@media (min-width: 1360px) {
  .container {
    max-width: 1224px; } }

.container-fluid {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }

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

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px; }

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

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

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

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
          order: 13; }

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

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

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
          order: 2; }

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
          order: 3; }

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
          order: 4; }

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
          order: 5; }

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
          order: 6; }

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
          order: 7; }

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
          order: 8; }

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
          order: 9; }

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
          order: 10; }

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
          order: 11; }

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
          order: 12; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

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

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

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

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

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

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
            order: 13; }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
            order: 0; }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2; }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3; }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4; }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5; }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
            order: 6; }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
            order: 7; }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8; }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
            order: 9; }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
            order: 10; }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
            order: 11; }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
            order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.333333%; }
  .offset-sm-2 {
    margin-left: 16.666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.333333%; }
  .offset-sm-5 {
    margin-left: 41.666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.333333%; }
  .offset-sm-8 {
    margin-left: 66.666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.333333%; }
  .offset-sm-11 {
    margin-left: 91.666667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
            order: 13; }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
            order: 0; }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2; }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3; }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4; }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5; }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
            order: 6; }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
            order: 7; }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8; }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
            order: 9; }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
            order: 10; }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
            order: 11; }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
            order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.333333%; }
  .offset-md-2 {
    margin-left: 16.666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.333333%; }
  .offset-md-5 {
    margin-left: 41.666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.333333%; }
  .offset-md-8 {
    margin-left: 66.666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.333333%; }
  .offset-md-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
            order: 13; }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
            order: 0; }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2; }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3; }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4; }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5; }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
            order: 6; }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
            order: 7; }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8; }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
            order: 9; }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
            order: 10; }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
            order: 11; }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
            order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.333333%; }
  .offset-lg-2 {
    margin-left: 16.666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.333333%; }
  .offset-lg-5 {
    margin-left: 41.666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.333333%; }
  .offset-lg-8 {
    margin-left: 66.666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.333333%; }
  .offset-lg-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1440px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
            order: 13; }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
            order: 0; }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2; }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3; }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4; }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5; }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
            order: 6; }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
            order: 7; }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8; }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
            order: 9; }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
            order: 10; }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
            order: 11; }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
            order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.333333%; }
  .offset-xl-2 {
    margin-left: 16.666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.333333%; }
  .offset-xl-5 {
    margin-left: 41.666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.333333%; }
  .offset-xl-8 {
    margin-left: 66.666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.333333%; }
  .offset-xl-11 {
    margin-left: 91.666667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important; }

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important; }

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

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

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  -webkit-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  -webkit-flex-shrink: 1 !important;
          flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important; }

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

.justify-content-around {
  -ms-flex-pack: distribute !important;
  -webkit-justify-content: space-around !important;
          justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  -webkit-align-content: flex-start !important;
          align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  -webkit-align-content: flex-end !important;
          align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
          align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  -webkit-align-content: space-between !important;
          align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  -webkit-align-content: space-around !important;
          align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -webkit-align-self: auto !important;
          align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  -webkit-align-self: flex-start !important;
          align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  -webkit-align-self: flex-end !important;
          align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  -webkit-align-self: center !important;
          align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  -webkit-align-self: baseline !important;
          align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -webkit-align-self: stretch !important;
          align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
            flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
            justify-content: space-around !important; }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
            align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
            align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
            align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
            align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
            align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
            align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
            align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
            align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
            align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
            align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
            align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
            flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
            flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
            flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
            justify-content: space-around !important; }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
            align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
            align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
            align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
            align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
            align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
            align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
            align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
            align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
            align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
            align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
            align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
            flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
            flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
            flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
            justify-content: space-around !important; }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
            align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
            align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
            align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
            align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
            align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
            align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
            align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
            align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
            align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
            align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
            align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 1440px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
            flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
            flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
            flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
            justify-content: space-around !important; }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
            align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
            align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
            align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
            align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
            align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
            align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
            align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
            align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
            align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
            align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
            align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
            align-self: stretch !important; } }
.like-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 248px;
  height: 48px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #5086CD;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px;
  color: #4484D8;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .like-button:hover {
    background-color: #4484D8;
    color: #FFFFFF;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .like-button:hover .like-text {
      color: #fff; }
    .like-button:hover svg path {
      fill: #fff; }

.like-icon {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-right: 17px; }

.like-text {
  margin-right: 42px; }

.like-amount {
  margin-right: 16px; }

.affix-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 287px;
  height: 54px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #5086CD;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px;
  color: #4484D8;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .affix-button .like-icon {
    margin-left: 18px;
    margin-right: 34px;
    background: url("/images/upload-button.svg");
    width: 17px;
    height: 19px;
    margin-right: 37px; }
  .affix-button:hover {
    background-color: #4484D8;
    color: #FFFFFF;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .affix-button:hover .like-text {
      color: #fff; }
    .affix-button:hover .like-icon {
      background: url("/images/upload-hover.svg"); }

.send-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 288px;
  height: 54px;
  background-color: #4484D8;
  color: #fff;
  text-align: center;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-right: 25px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #5086CD;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  cursor: pointer; }
  .send-button:hover {
    background-color: #336FC2;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

body {
  position: relative; }

.brand-button {
  display: block;
  height: 54px;
  width: 263px;
  border: 1px solid #4484D8;
  text-align: left;
  padding-left: 21px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  color: #4484D8;
  letter-spacing: 0.2px;
  line-height: 52px;
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .brand-button svg {
    position: absolute;
    top: 55%;
    right: 19px;
    margin-top: -9px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .brand-button:hover {
    background-color: #4484D8;
    color: #FFFFFF;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .brand-button:hover svg {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      right: 16px; }
      .brand-button:hover svg #ButtonMain {
        stroke: #FFFFFF; }

.brand-button-blue {
  background-color: #4484D8;
  color: white;
  width: 288px;
  text-align: center;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .brand-button-blue:hover {
    background-color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.brand-button-short {
  width: 210px; }

.brand-button-download {
  text-align: center;
  padding-left: 0;
  width: 100%; }
  .brand-button-download svg {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-top: 0; }
    .brand-button-download svg g {
      fill-opacity: 1; }
    .brand-button-download svg #DownloadLink-Copy-4 {
      fill: #5086CD; }
  .brand-button-download:hover svg {
    right: 20px; }
  .brand-button-download:hover #DownloadLink-Copy-4 {
    fill: white; }

.button {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 14px;
  color: black;
  line-height: 57px;
  width: 240px;
  height: 56px;
  text-align: center;
  border: 1px solid black;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block; }

.button-svg {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 5px 0 5px; }

.button:hover {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-color: rgba(0, 0, 0, 0.5); }

.input {
  background: #FFFFFF;
  border: 1px solid rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 12px;
  color: #334D66;
  width: 240px;
  height: 48px;
  padding-left: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  color: rgba(11, 19, 36, 0.4);
  line-height: 26px; }
  .input.error {
    position: relative;
    border: 1px solid #D0021B;
    color: #D0021B; }

::-webkit-input-placeholder {
  color: #96A7BB; }

::-moz-placeholder {
  color: #96A7BB; }

/* Firefox 19+ */
:-moz-placeholder {
  color: #96A7BB; }

/* Firefox 18- */
:-ms-input-placeholder {
  color: #96A7BB; }

input:focus {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  margin-top: 0px;
  border: 2px solid #FFDB0A !important; }

textarea:focus {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  border: 2px solid #FFDB0A !important; }

.checkbox-label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  color: #334D66;
  cursor: pointer; }

.checkbox {
  visibility: hidden;
  position: absolute; }

.checkbox:not(checked) + span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #CFDAE6;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  left: 0;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }

.checkbox:checked + span {
  background: red;
  border: 1px solid #D23268;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }

.checkbox:checked:hover + span {
  background: rgba(255, 0, 0, 0.5);
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  border: 1px solid rgba(210, 50, 104, 0.5); }

.checkbox:not(checked):hover + span {
  border: 2px solid #96A7BB;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }

.radio-label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  color: #334D66;
  cursor: pointer; }

.radio {
  visibility: hidden;
  position: absolute; }

.radio:not(checked) + span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #CFDAE6;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  left: 0;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }

.radio:checked + span {
  background: red;
  border: 1px solid #D23268;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }

.radio:checked:hover + span {
  background: rgba(255, 0, 0, 0.5);
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  border: 1px solid rgba(210, 50, 104, 0.5); }

.radio:not(checked):hover + span {
  border: 2px solid #96A7BB;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }

.bread-crumbs__list li {
  float: left;
  margin-right: 31px; }
  .bread-crumbs__list li a {
    font-size: 14px;
    color: #398FE6;
    line-height: 16px;
    border-bottom: 1px solid rgba(57, 143, 230, 0.1);
    position: relative; }
    .bread-crumbs__list li a:after {
      font-family: 'FontAwesome';
      position: absolute;
      display: inline-block;
      content: "\f054";
      width: 4px;
      height: 4px;
      margin-left: 13px;
      top: 0px;
      color: #9DABB3;
      font-size: 8px; }
    .bread-crumbs__list li a:hover {
      border-bottom: 1px solid transparent; }
  .bread-crumbs__list li span {
    font-size: 14px;
    color: #9DABB3;
    line-height: 16px; }

.overlay {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -10; }
  .overlay._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 101; }

.popup {
  position: absolute;
  width: 300px;
  height: 500px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5vh;
  background-color: white;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 5; }
  .popup._show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    overflow-x: hidden; }
  .popup .el-select .el-input input {
    height: 54px; }

.popup-close {
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 14px;
  display: inline-block; }

.custom-input {
  width: 240px;
  position: relative;
  display: block; }
  .custom-input input {
    background-color: #fafafa;
    -webkit-box-shadow: 0px 0px 1px 1px #DFE4EA;
            box-shadow: 0px 0px 1px 1px #DFE4EA;
    border: none;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    height: 66px;
    letter-spacing: 0.1px;
    padding-left: 18px;
    padding-top: 14px;
    font-size: 16px;
    color: rgba 0, 0, 0, 0.87;
    width: 100%;
    padding-right: 18px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .custom-input input.error {
      border: 1px solid #ec231a;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .custom-input input:hover {
      border: none; }
    .custom-input input:focus {
      -webkit-box-shadow: 0px 0px 2px 2px  #9FCFFF;
              box-shadow: 0px 0px 2px 2px  #9FCFFF; }

.custom-input__placeholder {
  position: absolute;
  color: rgba(0, 0, 0, 0.45);
  left: 20px;
  top: 24px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .custom-input__placeholder.onFocus {
    left: 20px;
    top: 14px;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.news-popup, .getintouch-popup, .trophy-photo-popup {
  width: 916px;
  height: 100vh;
  overflow-y: scroll;
  top: 0;
  padding: 48px 54px; }

.news-popup-image {
  height: 280px;
  margin-bottom: 40px; }
  .news-popup-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.news-popup-title {
  text-align: left;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 36px;
  color: rgba(11, 19, 36, 0.95);
  margin-bottom: 15px;
  width: 75%; }

.news-popup-date {
  text-align: left;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.5);
  letter-spacing: 0.5px;
  margin-bottom: 42px; }

.news-popup-close {
  width: 56px;
  height: 56px;
  right: 11px;
  top: 12px;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  cursor: pointer;
  background-image: url("../images/close-btn.svg");
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 20; }

.news-popup-content {
  padding-left: 50px; }

.news-popup-text {
  text-align: left;
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  width: 696px;
  margin-bottom: 44px; }

.news-popup-content-image {
  width: 283px;
  height: 398px;
  margin-bottom: 30px; }
  .news-popup-content-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.info-pannel-block {
  width: 288px;
  height: 282px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #4484d8;
  padding-top: 34px;
  padding-left: 30px;
  padding-right: 33px;
  margin-bottom: 32px; }
  .info-pannel-block .brand-button {
    background: white;
    width: 100%;
    color: #336FC2;
    height: 48px;
    line-height: 48px; }
  .info-pannel-block .brand-button:hover svg #ButtonMain {
    stroke: #336FC2; }

.info-pannel-block-price {
  height: 244px; }

.info-pannel-block-price-title {
  padding-right: 60px; }

.info-pannel-block-title {
  color: #ffffff;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 41px; }

.info-pannel-block-desc {
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px; }

.info-pannel-contactCity {
  width: 288px;
  background: rgba(173, 186, 189, 0.2);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding-left: 30px;
  padding-top: 34px;
  padding-right: 47px;
  padding-bottom: 29px;
  margin-bottom: 32px; }

.info-pannel-contactCity-full {
  padding-right: 28px;
  padding-bottom: 50px;
  margin-bottom: 16px; }

.info-pannel-contactCity-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 28px;
  margin-bottom: 30px;
  text-align: left; }

.info-pannel-contactCity-text {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  margin-bottom: 18px; }

.info-pannel-contactCity-desc {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.4px;
  padding-right: 22px;
  line-height: 20px;
  text-align: left; }

.info-pannel-contactCity-adress {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  color: rgba(34, 34, 34, 0.95);
  line-height: 23px;
  margin-bottom: 22px;
  position: relative;
  padding-left: 38px;
  letter-spacing: 0.1px;
  margin-right: -25px; }
  .info-pannel-contactCity-adress:before {
    content: "";
    background-image: url("../images/contact-mark.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 20px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -5px; }

.info-pannel-contactCity-phone {
  margin-bottom: 16px;
  padding-left: 38px;
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .info-pannel-contactCity-phone a:hover {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .info-pannel-contactCity-phone:before {
    content: "";
    background-image: url("../images/contact-phone.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0.6; }
  .info-pannel-contactCity-phone a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 16px;
    color: rgba(34, 34, 34, 0.95);
    line-height: 22px; }

.info-pannel-contactCity-email {
  margin-bottom: 32px;
  padding-top: 9px;
  padding-left: 38px;
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .info-pannel-contactCity-email:hover a {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .info-pannel-contactCity-email:before {
    content: "";
    background-image: url("../images/contact-mail.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 21px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 12px;
    opacity: 0.6; }
  .info-pannel-contactCity-email a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 16px;
    color: rgba(34, 34, 34, 0.95);
    line-height: 22px; }

.info-pannel-documents {
  padding-right: 33px; }

.info-pannel-documents-item {
  padding-left: 37px;
  margin-bottom: 20px;
  cursor: pointer; }
  .info-pannel-documents-item a {
    display: block;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .info-pannel-documents-item a span {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      font-family: "Museo Sans Cyrl 500", sans-serif;
      color: rgba(34, 34, 34, 0.95);
      font-size: 16px;
      border-bottom: 1px dashed rgba(11, 19, 36, 0.95);
      line-height: 22px; }
    .info-pannel-documents-item a:before {
      content: "";
      background-image: url("../images/download.svg");
      background-repeat: no-repeat;
      -webkit-background-size: contain;
              background-size: contain;
      width: 14px;
      height: 17px;
      position: absolute;
      left: -36px;
      top: 0px; }
    .info-pannel-documents-item a:hover {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .info-pannel-documents-item a:hover span {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        color: #336FC2;
        border-color: transparent; }

.info-pannel-contactCity-select {
  margin-top: 40px;
  margin-bottom: 37px; }
  .info-pannel-contactCity-select .brand-select {
    width: 100%;
    height: 53px; }
    .info-pannel-contactCity-select .brand-select .jq-selectbox__select {
      padding-left: 31px; }
    .info-pannel-contactCity-select .brand-select .jq-selectbox__dropdown li {
      padding-left: 31px; }
    .info-pannel-contactCity-select .brand-select .jq-selectbox__select:after {
      right: 25px; }

.vacancy-popup .vacancy-popup-right {
  width: 668px; }

.vacancy-popup, .recipy-popup, .product-popup, .product-cert, .tender-popup {
  width: 1124px;
  height: 100vh;
  overflow-y: scroll;
  top: 0;
  padding: 48px 54px;
  padding-bottom: 95px;
  text-align: left; }

.vacancy-popup-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.vacancy-popup-right {
  width: 704px; }

.vacancy-popup-left {
  margin-right: 60px; }

.vacancy-popup-text-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 28px;
  margin-bottom: 18px; }

.vacancy-popup-tags {
  margin-bottom: 40px; }

.vacancy-popup-text-desc {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  margin-bottom: 27px; }

.vacancy-popup-text-list {
  margin-bottom: 27px; }

.vacancy-popup-response-input {
  width: 52%;
  float: left;
  margin-bottom: 18px; }
  .vacancy-popup-response-input .input {
    height: 54px;
    width: 356px; }

.vacancy-popup-response-input-fullwidth {
  width: 100%;
  margin-bottom: 18px; }
  .vacancy-popup-response-input-fullwidth .input {
    height: 54px;
    width: 100%; }

.vacancy-popup-response-input-phone {
  float: left;
  margin-right: 24px; }
  .vacancy-popup-response-input-phone .input {
    width: 288px;
    height: 54px;
    text-align: left; }

.input-file {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  color: #4484D8;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 25px;
  background: #FFFFFF;
  border: 1px solid #5086CD;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: relative;
  cursor: pointer; }
  .input-file:before {
    content: "";
    display: inline-block;
    background-image: url("../images/paper-clip.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    margin-right: 5px;
    width: 20px;
    height: 22px; }
  .input-file .jq-file__name {
    display: inline-block;
    margin-top: 12px; }
  .input-file .jq-file__browse {
    display: none; }

.brand-input-dotted .input {
  border-style: dotted; }

.vacancy-popup-response-button {
  float: left;
  margin-right: 25px; }

.vacancy-popup-response-text {
  float: left;
  width: 51%;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.4px;
  line-height: 18px; }
  .vacancy-popup-response-text a {
    font-family: MuseoSansCyrl-300;
    font-size: 14px;
    color: #4484D8; }

.component-backButton {
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.57px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .component-backButton:before {
    content: "";
    margin-right: 19px;
    display: inline-block;
    width: 16px;
    height: 17px;
    background-image: url("../images/arrow-pagination.svg");
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background-repeat: no-repeat; }

.manager-popup {
  width: 916px;
  height: 100vh;
  overflow-y: scroll;
  top: 0;
  padding: 48px 54px; }

.manager-popup-image {
  height: 480px; }

.manager-popup-title {
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  line-height: 50px;
  text-align: left;
  margin-bottom: 17px; }

.manager-popup-managerRank {
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 40px;
  text-align: left; }

.ok-popup {
  top: 25%;
  width: 640px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 63px;
  padding-bottom: 68px; }
  .ok-popup .send-button {
    margin-right: 0; }

.ok-popup__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 36px;
  color: #0B1324;
  line-height: 43px;
  margin-bottom: 21px; }

.ok-popup__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  color: #0B1324;
  line-height: 26px;
  margin-bottom: 45px; }

.recipy-popup .vacancy-popup-text-desc {
  margin-bottom: 52px; }

.recipy-popup .news-popup-close {
  right: 12px;
  top: 12px; }

.vacancy-popup-left.oil-banner {
  margin-right: 62px;
  min-width: 250px;
  max-width: 250px;
  height: auto;
  background-color: rgba(173, 186, 189, 0.2);
  position: relative; }

.recipy-popup-image {
  width: 105.68px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.image-substrate {
  background-color: #fff;
  width: 250px;
  position: absolute;
  height: 130px;
  z-index: 1; }

.like-and-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.social-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.social-item {
  display: block;
  width: 46px;
  height: 46px;
  margin-right: 8px;
  -webkit-background-size: cover !important;
          background-size: cover !important; }
  .social-item:last-child {
    margin-right: 0; }

.button-vk {
  background: url("../images/button-vk.svg");
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .button-vk:hover {
    background: url("../images/button-vk-hover.svg");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

.button-fb {
  background: url("../images/button-fb.svg");
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .button-fb:hover {
    background: url("../images/button-fb-hover.svg");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

.button-ok {
  background: url("../images/button-ok.svg");
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .button-ok:hover {
    background: url("../images/button-ok-hover.svg");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

.getintouch-popup {
  padding-left: 111px;
  text-align: left; }
  .getintouch-popup .el-select {
    width: 696px;
    margin-bottom: 24px; }
    .getintouch-popup .el-select .el-input__inner {
      padding-left: 28px; }
  .getintouch-popup .affix-button {
    position: relative; overflow:hidden;
    margin-bottom: 32px;
    font-family: "Museo Sans Cyrl 300", sans-serif; }
  .el-upload .affix-button {
    position: relative; overflow:hidden;
    margin-bottom: 32px;
    font-family: "Museo Sans Cyrl 300", sans-serif; }
  .getintouch-popup .send-button {
    font-family: "Museo Sans Cyrl 700", sans-serif; }
  .getintouch-popup .news-popup-close {
    right: 8px;
    top: 12px; }

.getintouch-popup-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 36px;
  line-height: 43px;
  color: #0B1324;
  opacity: .95;
  margin-bottom: 37px;
  text-align: left; }

.getintouch-input {
  width: 696px;
  height: 54px;
  padding-left: 28px;
  background: #FFFFFF;
  border: 1px solid rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px; }
  .getintouch-input::-webkit-input-placeholder {
    color: rgba(11, 19, 36, 0.4); }
  .getintouch-input::-moz-placeholder {
    color: rgba(11, 19, 36, 0.4); }
  .getintouch-input:-ms-input-placeholder {
    color: rgba(11, 19, 36, 0.4); }
  .getintouch-input:-moz-placeholder {
    color: rgba(11, 19, 36, 0.4); }

.getintouch-input.getintouch-select {
  margin-bottom: 24px;
  cursor: pointer; }
  .getintouch-input.getintouch-select .jq-selectbox__select {
    height: 100%; }
    .getintouch-input.getintouch-select .jq-selectbox__select:after {
      content: "";
      background-image: url("../images/btn-listOpen.svg");
      width: 16px;
      height: 10px;
      top: 50%;
      margin-top: -5px;
      right: 30px;
      position: absolute;
      display: block; }
  .getintouch-input.getintouch-select .jq-selectbox__dropdown {
    background: #FFFFFF;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    top: 0px !important;
    margin-left: -1px;
    margin-top: -1px;
    left: 1px;
    width: -webkit-calc(100% + 1px);
    width: calc(100% + 1px); }
    .getintouch-input.getintouch-select .jq-selectbox__dropdown ul {
      background: #FFFFFF;
      margin-left: -2px;
      margin-top: -1px;
      border: 1px solid rgba(11, 19, 36, 0.15);
      max-height: 278px !important;
      margin-bottom: 38px;
      -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
              box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
      -webkit-border-radius: 4px;
              border-radius: 4px; }
    .getintouch-input.getintouch-select .jq-selectbox__dropdown li {
      padding-left: 29px;
      line-height: 52px;
      position: relative;
      font-size: 16px;
      height: 54px;
      color: rgba(11, 19, 36, 0.95);
      cursor: pointer; }
      .getintouch-input.getintouch-select .jq-selectbox__dropdown li:after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: 0px;
        background: rgba(11, 19, 36, 0.15);
        width: 88%;
        height: 1px; }
      .getintouch-input.getintouch-select .jq-selectbox__dropdown li:last-child:after {
        display: none; }
      .getintouch-input.getintouch-select .jq-selectbox__dropdown li:hover {
        color: #336FC2; }

.getintouch-input.phone {
  width: 336px;
  margin-right: 24px;
  margin-bottom: 24px; }

.getintouch-input.email {
  width: 336px;
  margin-bottom: 24px; }

.getintouch-input.getintouch-textarea {
  height: 162px;
  padding-top: 13px;
  margin-bottom: 20px; }

.getintouch-select .jq-selectbox__select {
  height: 100%; }
  .getintouch-select .jq-selectbox__select .jq-selectbox__select-text {
    height: 100%;
    line-height: 52px; }

.send-wrapper {
  width: 696px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.send-policy {
  width: 385px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: rgba(11, 19, 36, 0.4);
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 18px; }
  .send-policy a {
    color: #4484D8; }

.trophy-photo-popup .news-popup-image {
  height: auto;
  margin-bottom: 36px; }
  .trophy-photo-popup .news-popup-image img {
    max-width: 100%;
    height: auto; }

.trophy-photo-popup .news-popup-title {
  width: 81%;
  padding-left: 58px;
  margin-bottom: 21px; }

.trophy-photo-popup .news-popup-close {
  right: 12px;
  top: 12px; }

.trophy-photo-popup .vacancy-popup-tags {
  padding-left: 58px; }

.product-popup .news-popup-title {
  font-size: 44px;
  line-height: 50px;
  margin-bottom: 36px;
  width: 100%; }

.product-popup .brands-section-item-wrapper:after {
  border-top: 45px solid #FFFFFF;
  border-left: 115px solid transparent;
  border-right: 115px solid transparent; }

.product-popup .raskrinform-document-list-item-title {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 18px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 25px;
  margin-bottom: 18px;
  width: 90%; }

.product-popup .vacancy-popup-left.oil-banner .brands-section-item {
  background: #EFF1F2; }

.product-popup .bulk-buy .info-pannel-contactCity-email {
  padding-top: 0; }
  .product-popup .bulk-buy .info-pannel-contactCity-email:before {
    top: 4px; }

.product-item {
  padding-bottom: 36px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(57, 143, 230, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.product-item__image {
  min-width: 186px;
  max-width: 186px;
  height: 246px;
  max-height: 246px;
  margin-right: 24px; }
  .product-item__image img {
    max-height: 100%;
    width: auto; }

.product-item__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #0B1324;
  margin-bottom: 23px; }

.product-item__list {
  margin-bottom: 12px; }
  .product-item__list li {
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .product-item__list li:nth-child(odd) {
      background-color: #EFF1F2; }

.product-item__key {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: rgba(11, 19, 36, 0.4);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.4px;
  padding-left: 24px;
  margin-right: 24px;
  width: -webkit-calc(50% - 24px);
  width: calc(50% - 24px); }

.product-item__value {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: rgba(11, 19, 36, 0.95);
  font-size: 14px;
  line-height: 26px;
  width: -webkit-calc(50% - 24px);
  width: calc(50% - 24px); }

.product-item__volume {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.product-item__amount {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: rgba(11, 19, 36, 0.4);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.4px;
  padding-left: 24px;
  margin-right: 12px; }

.product-item__choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .product-item__choose li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 74px;
    height: 44px;
    border: 1px solid #DADBDE;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    font-family: "Museo Sans Cyrl 300", sans-serif;
    color: rgba(11, 19, 36, 0.95);
    font-size: 16px;
    line-height: 27px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-right: 8px; }
    .product-item__choose li:hover {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      color: #336fc2; }
    .product-item__choose li.active {
      -webkit-box-shadow: inset 0px -6px 0px 0px #ffdb0a;
              box-shadow: inset 0px -6px 0px 0px #ffdb0a;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .product-item__choose li.active:hover {
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        color: #336fc2; }

.bulk-buy {
  padding: 30px 0 36px 36px;
  background-color: #EFF1F2;
  margin-bottom: 55px;
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.bulk-buy__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  color: #0B1324;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 22px; }

.bulk-buy__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .bulk-buy__contacts li {
    margin-right: 44px; }

.bulk-buy__descr {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: rgba(11, 19, 36, 0.4); }

.product-cert {
  padding-bottom: 81px;
  height: auto;
  margin: 0 auto; }
  .product-cert .news-popup-title {
    font-size: 44px;
    line-height: 50px;
    width: 100%;
    margin-bottom: 26px;
    margin-top: -9px; }
  .product-cert.popup {
    height: 100vh; }
  .product-cert .news-popup-image {
    margin-bottom: 48px; }
  .product-cert .info-pannel-contactCity {
    width: 250px;
    padding-bottom: 34px;
    padding-right: 26px; }
  .product-cert .info-pannel-documents-item {
    margin-right: -32px; }
  .product-cert .info-pannel-documents {
    padding-right: 59px; }
  .product-cert img {
    width: 100%; }

.product-cert__quote {
  padding: 16px 20px;
  margin-bottom: 25px;
  border-left: 4px solid #FFDB0A;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 18px;
  line-height: 25px; }

.product-cert-menu .header-menu {
  border-bottom: 1px solid #DFE7F1; }

.el-select-dropdown.el-popper.el-select-popper {
  -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
          box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
  top: -2px !important;
  -webkit-animation: select-in 0.2s linear;
          animation: select-in 0.2s linear; }

@-webkit-keyframes select-in {
  from {
    top: -22px; }
  to {
    top: -2px; } }

@keyframes select-in {
  from {
    top: -22px; }
  to {
    top: -2px; } }

.el-select {
  display: block;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff; }
  .el-select .el-input__inner {
    padding-left: 39px; }
  .el-select .el-input--suffix .el-input__inner {
    padding-right: 45px; }
  .el-select .el-input.is-focus .el-input__inner, .el-select .el-input__inner:focus {
    border-color: #dcdfe6;
    background: #fff; }
  .el-select .el-input input {
    height: 56px;
    font-size: 16px;
    color: rgba(11, 19, 36, 0.95); }
  .el-select .el-select-popper {
    left: 0 !important;
    min-width: unset !important;
    width: 100%;
    position: absolute !important; }

.el-select-popper {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  margin: 0 !important;
  -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
  border-width: 0 !important;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: unset;
          box-shadow: unset; }
  .el-select-popper[x-placement="top-start"] {
    -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    border-top-width: 1px;
    border-bottom-width: 0; }
    .el-select-popper[x-placement="top-start"] .el-select-dropdown__item {
      border-bottom: 1px solid #e4e7ed;
      border-top: none; }
  .el-select-popper .popper__arrow {
    display: none; }
  .el-select-popper .el-select-dropdown__item {
    padding-left: 10px;
    color: rgba(11, 19, 36, 0.95);
    background: #fff;
    font-weight: 300;
    font-size: 16px;
    border-top: 1px solid #e4e7ed;
    padding: 6px 10px;
    height: auto; }
    .el-select-popper .el-select-dropdown__item:first-child {
      border-top: none; }
  .el-select-popper .el-select-dropdown__item.selected, .el-select-popper .el-select-dropdown__item:hover {
    color: #336FC2; }
  .el-select-popper .el-select-dropdown__list {
    margin: 0 30px;
    padding: 0; }

.tender-popup .info-pannel-contactCity {
  width: 250px;
  margin-top: 8px; }

.tender-popup .news-popup-title {
  width: 95%;
  margin-bottom: 26px; }

.tender-popup .vacancy-popup-text-title {
  margin-bottom: 24px; }

.tender-popup .vacancy-popup-text-desc {
  margin-bottom: 26px; }

.tender-popup .info-pannel-contactCity-adress:before {
  background-image: url("../images/contact-person.svg");
  top: 0; }

.tender-popup .info-pannel-contactCity-email a {
  word-break: break-all; }

.tender-popup .info-pannel-contactCity {
  padding-right: 38px; }

.tender-popup .affix-button {
  margin-bottom: 30px; }

.tender-popup .getintouch-input.getintouch-textarea {
  height: 108px; }

.tender-popup .vacancy-popup-response-title.news-popup-title {
  margin-bottom: 36px; }

.phone-addition {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #333; }

.affix-button.affix-button--dl {
  width: 366px;
  margin-bottom: 70px; }
  .affix-button.affix-button--dl .like-text {
    margin-right: 0;
    width: 100%;
    text-align: center; }
  .affix-button.affix-button--dl .like-icon {
    background: url("/images/download-blue.svg");
    width: 14px;
    height: 17px;
    margin-right: 0; }
  .affix-button.affix-button--dl:hover {
    background-color: #4484D8;
    color: #FFFFFF;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .affix-button.affix-button--dl:hover .like-text {
      color: #fff; }
    .affix-button.affix-button--dl:hover .like-icon {
      width: 15px;
      margin-right: -1px;
      background: url("/images/download-hover.svg"); }

.upload-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .upload-wrapper .affix-button {
    margin-right: 24px; }

.vacancy-filter-select .el-select {
  height: 54px !important; }

.el-select .el-input__suffix {
  right: 20px; }

.el-select .el-icon-arrow-up:before {
  content: url("/images/select-arrow.svg"); }

.el-upload-list {
  position: absolute;
  top: 61px; }
  .el-upload-list .el-icon-document {
    display: none; }
  .el-upload-list .el-upload-list__item .el-icon-upload-success, .el-upload-list .el-upload-list__item .el-icon-close {
    color: #F47C8B; }
  .el-upload-list .el-icon-circle-check:before {
    content: '\E60F'; }
  .el-upload-list .el-upload-list__item-name {
    padding-left: 30px; }
  .el-upload-list .el-upload-list__item-status-label, .el-upload-list .el-upload-list__item .el-icon-close {
    right: unset;
    left: 5px; }

.el-select .el-input .el-select__caret.is-reverse {
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg); }

.el-select .el-input .el-select__caret {
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  margin-top: 1px; }

.el-select-dropdown.el-popper.el-select-popper {
  padding: 16px 26px 38px 28px; }
  .el-select-dropdown.el-popper.el-select-popper .el-select-dropdown__list {
    margin-left: 0; }

.el-scrollbar .el-scrollbar__bar.is-vertical {
  width: 8px;
  top: 10px; }

.el-scrollbar .el-scrollbar__thumb {
  background-color: rgba(11, 19, 36, 0.15); }

.input-error {
  border-color: #F58796 !important; }
  .input-error .el-input__inner {
    border-color: #F58796 !important; }

.jq-selectbox__select {
  padding-right: 36px; }

.brand-select {
  cursor: pointer; }

.brand-select .jq-selectbox__dropdown ul {
  -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
          box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
  margin-right: -2px;
  border: none !important;
  -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
  -webkit-animation: select-in 0.2s linear !important;
          animation: select-in 0.2s linear !important;
  padding: 16px 26px 38px 28px; }
  .brand-select .jq-selectbox__dropdown ul li {
    padding-left: 10px;
    cursor: pointer; }
    .brand-select .jq-selectbox__dropdown ul li:after {
      left: 0; }

.info-pannel-contactCity-select .brand-select .jq-selectbox__dropdown li {
  padding-left: 10px; }

.info-pannel-contactCity-select .brand-select .jq-selectbox__dropdown ul {
  margin-right: -59px; }

.slick-arrow.slick-disabled {
  visibility: hidden; }

#section4 .brand-button {
  width: 210px; }

/* ONLY FOR IE 11*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .product-catalog-item-image img {
    max-width: 100%;
    height: auto !important;
    max-height: 264px; }
  *::-ms-backdrop, .el-icon-arrow-up:before, .el-icon-arrow-up:after, .el-select .el-icon-arrow-up:before {
    content: unset;
    content: none; }
  *::-ms-backdrop, .el-icon-arrow-up {
    background-image: url("/images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5; }
  *::-ms-backdrop, .products--modif .navigation-list-item:nth-child(7) a {
    width: 144px; }
  *::-ms-backdrop, .footer-button-up.button-up--med {
    top: auto; } }

.block404 {
  padding-top: 48px;
  padding-bottom: 112px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #DFE7F1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .block404 .brand-button {
    width: 237px; }

.descr404 {
  width: 392px;
  height: 200px;
  padding: 30px;
  padding-top: 9px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(173, 186, 189, 0.2);
  margin-bottom: 36px; }

.descr404__title {
  color: rgba(34, 34, 34, 0.95);
  font-size: 88px;
  margin-bottom: 8px; }

.descr404__desc {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 24px; }

.descr404__page-not-found {
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  line-height: 25px; }

.descr404__small-text {
  font-size: 15px;
  margin-bottom: 30px; }

.descr404__button:hover {
  background-color: #fff;
  color: #ff3b31;
  border-color: #ff3b31;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }

.descr404__button {
  display: inline-block;
  width: 100%;
  max-width: 225px;
  border: 1px solid transparent;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 17px 0;
  text-decoration: none;
  background-color: red;
  cursor: pointer; }

/* components */
header {
  width: 100%;
  margin: 0 auto;
  padding-top: 17px;
  padding-bottom: 14px;
  border-bottom: 1px solid #DFE7F1; }

.header-logo {
  display: block; }

.header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.header-right-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.header-phone {
  margin-right: 68px;
  margin-top: 4px; }
  .header-phone a {
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
    color: rgba(11, 19, 36, 0.95);
    line-height: 25px; }

.header-phone-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/header-phone.svg");
  margin-right: 22px; }

.header-button {
  background: #4484D8;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  text-align: center;
  height: 44px;
  width: 174px;
  margin-right: 12px;
  margin-bottom: 5px; }
  .header-button img {
    display: block;
    margin: 0 auto;
    margin-bottom: 2px; }
  .header-button a {
    display: block;
    font-family: "Proxima Nova Bd", sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    line-height: 11px;
    text-transform: uppercase; }

.header-button-second {
  padding: 6px 10px 8px 10px;
  text-align: left;
  margin-right: 32px; }
  .header-button-second img {
    float: left;
    margin-top: 2px;
    margin-right: 6px; }

.header-burger-button {
  width: 56px;
  height: 56px;
  background-image: url("../images/burger.svg");
  border: none;
  position: relative;
  right: -17px;
  top: -3px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .header-burger-button._show {
    background-image: url("../images/close-btn.svg");
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

#fp-nav {
  top: 55.1%; }

#fp-nav.left {
  left: 15px; }

#fp-nav ul li a span {
  background: none;
  background-image: url("../images/seed-gray.svg");
  background-repeat: no-repeat;
  width: 17px;
  height: 22px;
  margin: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

#fp-nav ul li {
  margin: 27px; }

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
  background-image: url("../images/seed.svg");
  width: 17px;
  height: 22px;
  margin: 0;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

#fp-nav ul li:hover a span {
  width: 17px;
  height: 22px;
  margin: 0;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.header-menu-burger-wrapper {
  display: block;
  position: absolute;
  visibility: hidden;
  background-color: white;
  height: 910px;
  width: 100%;
  z-index: 101;
  opacity: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  margin-top: 20px; }
  .header-menu-burger-wrapper._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.header-menu-burger-item {
  margin-top: 27px; }

.header-menu-burger-item-title {
  margin-bottom: 17px;
  text-align: center; }
  .header-menu-burger-item-title a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 36px;
    color: #126BB5; }

.header-menu-burger-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .header-menu-burger-list li {
    margin-bottom: 15px; }
    .header-menu-burger-list li a {
      font-family: "Museo Sans Cyrl 500", sans-serif;
      font-size: 14px;
      color: rgba(11, 19, 36, 0.5);
      letter-spacing: 0.5px; }
      .header-menu-burger-list li a:hover {
        color: #336FC2;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
    .header-menu-burger-list li:after {
      content: "/";
      color: #7E9CC3;
      display: inline-block;
      margin-left: 16px;
      margin-right: 16px; }
    .header-menu-burger-list li:last-child:after {
      display: none; }

@media (max-width: 1360px) {
  #fp-nav {
    display: none; }
  header .container {
    max-width: 1224px;
    padding-left: 0;
    padding-right: 0; } }

.header-menu {
  width: 1704px;
  margin: 0 auto;
  padding-top: 17px;
  padding-bottom: 22px; }

.header-menu-item {
  position: relative; }
  .header-menu-item a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 14px;
    color: #0B1324;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 22px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .header-menu-item a:hover {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.header-menu-item-dropdown:after {
  margin-left: 2px;
  content: "";
  display: inline-block;
  background-image: url("../images/menu-arrow.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
  height: 7px; }

.header-menu-item-dropdown:hover .header-menu-item-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px); }

.header-menu-item-content {
  background: #EEF1F1;
  width: 300px;
  padding: 33px;
  visibility: hidden;
  position: absolute;
  top: 46px;
  border-top: #EEF1F1;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  opacity: 0;
  z-index: 1; }
  .header-menu-item-content li {
    margin-bottom: 23px; }
    .header-menu-item-content li:last-child {
      margin-bottom: 0; }

.header-menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (max-width: 1919px) {
  .header-menu {
    width: 1360px; } }

@media (max-width: 1378px) {
  #fp-nav {
    display: none; }
  header {
    width: 100%; }
  .header-menu {
    width: 100%; }
  .header-menu .container {
    max-width: 1224px;
    padding-left: 0;
    padding-right: 0; } }

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

.main-banner-wrapper {
  width: 1704px;
  margin: 0 auto;
  background-image: url("../images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  height: 68vh;
  margin-bottom: 30px; }

.main-banner-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 54px;
  color: #FFFFFF;
  line-height: 72px;
  padding-top: 76px;
  width: 60%;
  position: relative;
  left: -15px; }

.main-banner-button {
  width: 45px;
  width: 45px;
  position: absolute;
  bottom: 23px;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .main-banner-button:hover #btn_Arrow_goDown {
    fill-opacity: 0.3;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

@media (max-width: 1919px) {
  .main-banner-wrapper {
    width: 1360px; } }

@media (max-width: 1378px) {
  .main-banner {
    position: relative;
    margin-bottom: 88px; }
  .main-banner-text {
    padding-top: 43px; }
  .main-banner-wrapper {
    width: 1280px;
    height: 482px;
    background-image: url("../images/banner1360.jpg"); }
  .main-banner-button {
    bottom: -24px; } }

@media (max-width: 1378px) and (max-height: 691px) {
  .main-banner-button {
    bottom: -14px; } }

@media (max-width: 1378px) and (max-height: 682px) {
  .main-banner-button {
    bottom: -4px; } }

@media (max-width: 1378px) and (max-height: 672px) {
  .main-banner-button {
    visibility: hidden; } }

@media (max-width: 1280px) {
  .main-banner-wrapper {
    width: 100%; } }

.inner-banner {
  width: 1704px;
  margin: 0 auto;
  height: 304px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  padding-top: 33px; }

.inner-banner-text {
  text-align: center; }
  .inner-banner-text h1 {
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 50px; }

@media (max-width: 1919px) {
  .inner-banner {
    width: 1360px; } }

@media (max-width: 1378px) {
  .inner-banner {
    width: 100%; }
  .vacancy-filter-apply-button {
    padding-left: 0; } }

.navigation {
  width: 1704px;
  margin: 0 auto;
  border-bottom: 1px solid #e9e9e9; }

.navigation-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.navigation-list-item {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center; }
  .navigation-list-item a {
    padding-top: 3px;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 16px;
    color: rgba(11, 19, 36, 0.95);
    letter-spacing: 0.77px;
    text-align: center;
    line-height: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .navigation-list-item.active a {
    padding-top: 11px;
    border-bottom: 8px solid #FFDB0A; }
  .navigation-list-item:hover a {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .navigation-list-item:first-child {
    padding-left: 0; }
  .navigation-list-item:last-child {
    padding-right: 0; }

.products--modif .navigation-list-item:first-child {
  padding-left: 0; }

.products--modif .navigation-list-item:nth-child(1) a {
  width: 56px; }

.products--modif .navigation-list-item:nth-child(2) a {
  width: 42px; }

.products--modif .navigation-list-item:nth-child(3) a {
  width: 111px; }

.products--modif .navigation-list-item:nth-child(4) a {
  width: 142px; }

.products--modif .navigation-list-item:nth-child(5) a {
  width: 138px; }

.products--modif .navigation-list-item:nth-child(6) a {
  width: 108px; }

.products--modif .navigation-list-item:nth-child(7) {
  padding-left: 50px;
  padding-right: 50px; }

.products--modif .navigation-list-item:nth-child(8) a {
  width: 81px; }

.products--modif .navigation-list-item:last-child a {
  text-transform: uppercase; }

.navigation-list-item-borders {
  border-left: 1px solid rgba(10, 26, 59, 0.15);
  border-right: 1px solid rgba(10, 26, 59, 0.15); }

.navigation-list-item-pullRight {
  margin-left: auto;
  margin-right: 0; }

@media (max-width: 1919px) {
  .navigation {
    width: 1360px; } }

@media (max-width: 1378px) {
  .navigation {
    width: 100%; } }

.pagination {
  margin: 0 auto;
  width: 100%; }
  .pagination .pagination-in-content {
    width: 100%; }

.pagination-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
  padding-bottom: 72px;
  padding-left: 18px;
  padding-right: 16px; }

.pagination-controls-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.pagination-controls-list-item {
  position: relative;
  width: 44px;
  height: 50px;
  margin-right: 20px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .pagination-controls-list-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
    color: rgba(11, 19, 36, 0.4);
    line-height: 25px; }
  .pagination-controls-list-item.active a {
    color: rgba(11, 19, 36, 0.95); }
    .pagination-controls-list-item.active a:hover {
      color: #000; }
  .pagination-controls-list-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: #FFDB0A; }
  .pagination-controls-list-item:hover a {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.pagination-next a {
  text-transform: uppercase;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  color: #4484D8;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  position: relative;
  right: 31px; }
  .pagination-next a:after {
    position: absolute;
    top: 4px;
    right: -31px;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../images/arrow-pagination.svg");
    background-repeat: no-repeat;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  .pagination-next a:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #336FC2; }
    .pagination-next a:hover:after {
      background-image: url("../images/arrow-pagination-hover.svg");
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      right: -39px; }

@media (max-width: 1919px) {
  .pagination {
    width: 1360px; } }

@media (max-width: 1378px) {
  .pagination {
    width: 100%; } }

.vacancy-content {
  padding-top: 54px;
  margin-bottom: 112px; }

#mission .vacancy-content-title {
  color: #336FC2; }

.vacancy-content-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 50px;
  margin-bottom: 28px; }

.vacancy-content-text {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  margin-bottom: 36px; }

.vacancy-content-advantages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.vacancy-advantages-item {
  width: 288px; }

.vacancy-advantages-item-img {
  height: 188px;
  margin-bottom: 30px; }
  .vacancy-advantages-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.vacancy-advantages-item-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 28px;
  height: 56px;
  width: 77%;
  margin-bottom: 24px; }

.vacancy-advantages-item-list li {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 22px;
  padding-left: 16px;
  position: relative;
  margin-bottom: 13px; }
  .vacancy-advantages-item-list li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 8px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #336FC2; }

.vacancy-section-title {
  text-align: left;
  margin-bottom: 45px; }

.vacancy-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px; }

.vacancy-filter-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px; }

.vacancy-filter-select {
  width: 100%; }
  .vacancy-filter-select:first-child {
    margin-right: 24px; }
  .vacancy-filter-select .brand-select {
    width: 100%; }

.vacancy-filter-apply-button {
  width: 100%;
  height: 58px;
  line-height: 61px;
  padding-right: 30px;
  display: block;
  text-align: center;
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: rgba(173, 186, 189, 0.2);
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.vacancy-filter-apply {
  margin-bottom: 48px; }

.vacancy-filter-result-item-left {
  padding-left: 30px; }

.vacancy-filter-result-item-right {
  padding: 0 30px; }

.vacancy-filter-result {
  width: 835px; }

.vacancy-filter-result-item {
  border-bottom: 1px solid rgba(11, 19, 36, 0.1);
  padding-top: 29px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .vacancy-filter-result-item:first-child {
    border-top: 1px solid rgba(11, 19, 36, 0.1); }
  .vacancy-filter-result-item:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-color: rgba(173, 186, 189, 0.2); }
    .vacancy-filter-result-item:hover .vacancy-filter-shevron {
      background: #4484D8; }
      .vacancy-filter-result-item:hover .vacancy-filter-shevron svg {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
        .vacancy-filter-result-item:hover .vacancy-filter-shevron svg #ButtonMain {
          stroke: white; }

.vacancy-filter-result-item-title {
  margin-bottom: 17px; }
  .vacancy-filter-result-item-title a {
    color: rgba(11, 19, 36, 0.95);
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
    line-height: 25px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .vacancy-filter-result-item-title a:hover {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.vacancy-filter-result-item-tags li {
  float: left; }
  .vacancy-filter-result-item-tags li a {
    color: rgba(11, 19, 36, 0.4);
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  .vacancy-filter-result-item-tags li:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    width: 11px;
    height: 17px;
    background-image: url("/images/seed-gray.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    margin-right: 34px;
    margin-left: 34px; }
  .vacancy-filter-result-item-tags li:last-child:after {
    display: none; }

.vacancy-filter-shevron {
  display: block;
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #1F7DDF;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .vacancy-filter-shevron svg {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateX(1px);
        -ms-transform: translateX(1px);
            transform: translateX(1px); }
  .vacancy-filter-shevron:hover {
    background: #4484D8; }
    .vacancy-filter-shevron:hover svg {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .vacancy-filter-shevron:hover svg #ButtonMain {
        stroke: white; }

.vacancy-filter-cert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 112px; }

.vacancy-filter-cert-item {
  width: 145px; }
  .vacancy-filter-cert-item a {
    display: block; }
  .vacancy-filter-cert-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.tender-content {
  padding-top: 54px;
  margin: 0 auto;
  width: 1704px; }

.tender-content .pagination {
  width: 100%; }

@media (max-width: 1919px) {
  .tender-content {
    width: 1360px; } }

@media (max-width: 1378px) {
  .tender-content {
    width: 100%; } }

.raskrinform-content {
  width: 1704px;
  margin: 0 auto; }

.raskrinform-wrapper {
  padding-top: 54px; }
  .raskrinform-wrapper .vacancy-filter-select {
    margin-right: 0; }

.raskrinform-fillter-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .raskrinform-fillter-block .vacancy-filter-apply {
    width: 100%; }
  .raskrinform-fillter-block .raskrinform-filter-apply {
    margin-left: 25px;
    width: 20%; }

.raskrinform-document-list-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.raskrinform-filter-apply .vacancy-filter-apply-button:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px;
  width: 14px;
  height: 17px;
  background-image: url("/images/download.svg");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  margin-right: 12px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.raskrinform-filter-apply .vacancy-filter-apply-button:hover:before {
  background-image: url("/images/Shape.svg");
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.raskrinform-filter-apply:hover {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  background-color: #4484D8; }
  .raskrinform-filter-apply:hover .vacancy-filter-apply-button {
    color: #fff; }

.raskrinform-document-list-item {
  display: block;
  border-bottom: 1px solid rgba(11, 19, 36, 0.1);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  padding-right: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .raskrinform-document-list-item:first-child {
    border-top: 1px solid rgba(11, 19, 36, 0.1); }
  .raskrinform-document-list-item:hover {
    background: rgba(173, 186, 189, 0.2);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .raskrinform-document-list-item:hover .reskrinform-document-icon {
      background: #4484D8; }
      .raskrinform-document-list-item:hover .reskrinform-document-icon svg #Shape {
        fill: white; }

.raskrinform-document-list-item-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 25px;
  margin-bottom: 18px; }

.raskrinform-document-list-item-desc {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.5px;
  line-height: 20px; }

.reskrinform-document-icon {
  display: block;
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #1F7DDF;
  text-align: center;
  line-height: 54px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .reskrinform-document-icon svg g {
    fill-opacity: 1; }
  .reskrinform-document-icon svg #Shape {
    fill: #4484D8; }

@media (max-width: 1919px) {
  .raskrinform-content {
    width: 1360px; } }

@media (max-width: 1378px) {
  .raskrinform-content {
    width: 100%; } }

.brands-section {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.section-title-brands {
  margin-bottom: 46px; }

.brands-section-item {
  background: rgba(173, 186, 189, 0.2);
  -webkit-border-radius: 4px;
          border-radius: 4px; }

/*
//временно отключенные ховеры по просьбе заказчика
.brands-section-items
{
	.brands-section-item:hover
	{
		.brands-section-item-wrapper
		{
			top: -4px;
			transition: .2s;

			&:after
			{
				filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.08));
			}
		}
	}
}
*/
.brands-section-item-top {
  padding: 10px 10px 0px 10px; }

.brands-section-item-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  padding: 20px;
  padding-top: 33px;
  padding-bottom: 10px;
  position: relative;
  top: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .brands-section-item-wrapper:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 231px;
    border-top: 76px solid #FFFFFF;
    border-left: 134px solid transparent;
    border-right: 134px solid transparent;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.08)); }

.brands-section-item-img {
  max-width: 204px;
  min-height: 188px;
  max-height: 188px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .brands-section-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.brands-section-item-bottom {
  padding: 10px 16px 16px 16px;
  padding-top: 0; }

.brands-section-item-bottom-wrapper {
  padding: 117px 25px 63px 25px;
  border: 6px solid #FFFFFF;
  border-top: none; }

.brands-section-item-bottom-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  color: rgba(11, 19, 36, 0.95);
  text-align: center;
  line-height: 28px;
  word-break: break-word; }

.brands-section-item-list-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 30px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 34px;
  margin-bottom: 28px; }

.brands-section-item-list {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  margin-left: 24px;
  margin-top: 78px; }
  .brands-section-item-list .brand-button {
    width: 237px; }

.brands-section-item-list-products {
  margin-bottom: 30px; }
  .brands-section-item-list-products li a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 18px;
    color: rgba(11, 19, 36, 0.95);
    line-height: 32px;
    border-bottom: 1px solid rgba(11, 19, 36, 0.4);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .brands-section-item-list-products li a:hover {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      border-bottom-color: transparent; }

@media (max-width: 1360px) {
  .brands-section-item-wrapper:after {
    border-top: 76px solid #FFFFFF;
    border-left: 134px solid transparent;
    border-right: 134px solid transparent; }
  .brands-section-item-bottom-wrapper {
    padding: 101px 25px 36px 25px; }
  .brands-section-items {
    margin-bottom: 108px; } }

.about-trophy-section {
  padding-top: 32px; }

.about-trophy-select {
  width: 100%; }
  .about-trophy-select .brand-select {
    height: 53px;
    width: 100%; }
    .about-trophy-select .brand-select .jq-selectbox__select {
      padding-left: 27px; }
    .about-trophy-select .brand-select .jq-selectbox__dropdown li {
      padding-left: 27px; }

.about-trophy-backButton {
  margin-bottom: 34px; }

.about-trophy-item {
  border-bottom: 1px solid rgba(11, 19, 36, 0.1);
  padding-top: 17px;
  padding-bottom: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .about-trophy-item:first-child {
    border-top: 1px solid rgba(11, 19, 36, 0.1); }
  .about-trophy-item:hover {
    cursor: pointer; }
    .about-trophy-item:hover .vacancy-filter-result-item-title a {
      color: #336FC3;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.about-trophy-item-image {
  min-width: 187px;
  max-width: 187px;
  min-height: 125px;
  max-height: 125px;
  margin-right: 30px;
  overflow: hidden;
  position: relative; }
  .about-trophy-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.about-trophy-item-overlay {
  background-image: url("~/static/images/search.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(68, 132, 216, 0.3); }

.about .vacancy-advantages-item-title {
  height: auto;
  width: 100%;
  margin-bottom: 21px; }

.about .vacancy-content-text {
  margin-bottom: 59px; }

.about .vacancy-content {
  margin-bottom: 95px; }

.descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: #0B1324;
  font-size: 16px;
  line-height: 26px; }

.deals, .history {
  max-width: 1704px;
  background-color: #EFF1F2;
  padding: 80px 0 71px 0;
  margin: 0 auto 95px auto;
  position: relative; }

.deals {
  padding: 80px 0 71px 0; }

.deals__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  line-height: 50px;
  color: #0B1324;
  margin-bottom: 47px; }

.deals__card {
  padding: 20px 18px 14px 30px;
  margin-bottom: 24px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  top: 0; }
  .deals__card.deals-card--big {
    height: 423px;
    background-image: url("../images/deal-card-big.svg");
    background-repeat: no-repeat;
    background-position: 100% 0; }
  .deals__card.deals__card--medium {
    height: 200px; }
  .deals__card.deals__card--small {
    height: 88px; }
  .deals__card:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
            box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
    top: -4px; }
    .deals__card:hover .deals__card-button {
      background-image: url("../images/deal-button-hover.svg"); }

.deals__card-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  line-height: 25px;
  color: #0B1324;
  margin-bottom: 26px; }

.deals__card-button {
  width: 56px;
  height: 56px;
  background-image: url("../images/deal-button.svg");
  position: absolute;
  right: 18px;
  bottom: 14px; }

.deals__card-icon {
  height: 88px;
  width: 88px;
  position: absolute;
  bottom: 19px;
  left: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .deals__card-icon svg {
    max-width: 100%;
    max-height: 100%; }

.deals-card--big .deals__card-title {
  width: 183px;
  margin-bottom: 100px; }

.deals-card--big .deals__card-icon {
  width: 152px;
  height: 189px;
  bottom: 14px;
  left: 25px; }

.deals__card--medium .deals__card-title {
  width: 70%; }

.rewards {
  margin-bottom: 95px; }

.rewards__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 46px; }

.rewards__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  line-height: 50px;
  color: #0B1324;
  margin-right: 41px; }

.brand-button.brand-button--rewards {
  width: 300px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .brand-button.brand-button--rewards span {
    margin-left: 4px; }
  .brand-button.brand-button--rewards svg {
    top: 50%; }

.reward-item {
  height: 256px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #EFF1F2;
  padding: 11px 0 25px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.reward-item.reward-item--tg .reward-item__img {
  width: 118px;
  height: 244px;
  top: 18px;
  right: 13px; }

.reward-item.reward-item--hq .reward-item__img {
  width: 118px;
  height: 245px;
  top: 22px;
  right: -16px; }

.reward-item.reward-item--km .reward-item__img {
  width: 140px;
  height: 140px;
  top: 95px;
  right: -11px; }

.reward-item.reward-item--gd {
  background-color: #F8DF24;
  background-image: url("../images/rewards-gold.jpg"); }
  .reward-item.reward-item--gd .reward-item__number, .reward-item.reward-item--gd .reward-item__descr {
    color: #fff; }
  .reward-item.reward-item--gd .reward-item__img {
    width: 145px;
    height: 144px;
    top: 92px;
    right: -13px; }
  .reward-item.reward-item--gd .reward-item__descr {
    padding-left: 3px; }

.reward-item__left {
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.reward-item__number {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 88px;
  line-height: 106px; }

.reward-item__descr {
  color: #0B1324;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  line-height: 25px;
  padding-left: 5px; }

.reward-item__img {
  position: absolute; }
  .reward-item__img img {
    width: 100%;
    height: auto; }

.reward-item__img--tg {
  width: 118px; }

.management {
  margin: 80px 0 141px 0;
  position: relative; }

.management__title, .enterprise__title, .history__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  line-height: 50px;
  color: #0B1324;
  margin-bottom: 46px; }

.manage-card {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  min-height: 392px;
  height: 100%;
  cursor: pointer;
  position: relative;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  top: 0; }
  .manage-card:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
            box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
    top: -4px; }
    .manage-card:hover .manage-card__name {
      color: #336FC2; }

.manage-card__photo {
  width: 392px;
  height: 344px; }
  .manage-card__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.manage-card__descr {
  background-color: #fff;
  padding: 30px;
  padding-top: 19px;
  padding-right: 29px; }

.manage-card__name {
  display: block;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  color: #0B1324;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 14px; }

.manage-card__pos {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: rgba(11, 19, 36, 0.4); }

.enterprise {
  margin-bottom: 112px; }
  .enterprise .getintouch-input {
    width: 100%; }
  .enterprise .getintouch-input.getintouch-select .jq-selectbox__dropdown ul {
    border: none;
    padding: 16px 42px 38px 28px !important;
    height: 282px; }
  .enterprise .el-select {
    margin-bottom: 24px; }
    .enterprise .el-select .el-input input {
      height: 54px; }

.enterprise__map {
  width: 100%;
  height: 624px; }

.enterprise__filter {
  padding-left: 20px; }

.enterprise__list {
  margin-bottom: 33px; }
  .enterprise__list li {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    color: #0B1324;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    line-height: 25px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer; }
    .enterprise__list li span {
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      border-bottom: 1px dashed #0B1324; }
    .enterprise__list li:hover {
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      .enterprise__list li:hover span {
        -webkit-transition: border-bottom, color .2s;
        -o-transition: border-bottom, color .2s;
        transition: border-bottom, color .2s;
        padding-bottom: 1px;
        border-bottom: none;
        color: #336FC2; }
    .enterprise__list li.active {
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      .enterprise__list li.active span {
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        padding-bottom: 1px;
        border-bottom: none; }
      .enterprise__list li.active .list-marker__item {
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 6px solid rgba(11, 19, 36, 0.3); }
  .enterprise__list li:nth-child(2) .list-marker__item {
    background-color: #ffe736; }
  .enterprise__list li:nth-child(2).active .list-marker__item {
    background-color: #fff;
    border-color: #ffe736; }
  .enterprise__list li:nth-child(3) .list-marker__item {
    background-color: #7c959b; }
  .enterprise__list li:nth-child(3).active .list-marker__item {
    background-color: #fff;
    border-color: #7c959b; }
  .enterprise__list li:nth-child(4) .list-marker__item {
    background-color: #a2d613; }
  .enterprise__list li:nth-child(4).active .list-marker__item {
    background-color: #fff;
    border-color: #a2d613; }
  .enterprise__list li:nth-child(5) .list-marker__item, .enterprise__list li:nth-child(6) .list-marker__item, .enterprise__list li:nth-child(7) .list-marker__item {
    background-color: #f5a623; }
  .enterprise__list li:nth-child(5).active .list-marker__item, .enterprise__list li:nth-child(6).active .list-marker__item, .enterprise__list li:nth-child(7).active .list-marker__item {
    background-color: #fff;
    border-color: #f5a623; }
  .enterprise__list li:nth-child(8) .list-marker__item {
    background-color: #8fc3ff; }
  .enterprise__list li:nth-child(8).active .list-marker__item {
    background-color: #fff;
    border-color: #8fc3ff; }

.enterprise__filter.jsShow .about-regions {
  display: none; }

.enterprise__filter.jsShow .regions-popup {
  display: block; }

.about-regions {
  border: 1px solid rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  height: 256px;
  overflow: hidden;
  padding-right: 10px;
  padding-top: 16px;
  display: block; }
  .about-regions .scroll-wrapper {
    width: 100%;
    height: 222px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 0; }

.jsPopupIn {
  -webkit-animation: pop-up-in-anim 0.2s linear;
          animation: pop-up-in-anim 0.2s linear; }

.regions-popup.jsPopupOut {
  -webkit-animation: pop-up-out-anim 0.3s linear;
          animation: pop-up-out-anim 0.3s linear; }

.regions-popup {
  display: none;
  height: 272px;
  position: relative;
  -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
          box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 0 33px 10px 33px;
  -webkit-animation: pop-up-in-anim 0.2s linear;
          animation: pop-up-in-anim 0.2s linear; }
  .regions-popup .popup-close.news-popup-close {
    width: 44px;
    height: 44px;
    right: 9px;
    top: 12px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-background-size: contain;
            background-size: contain; }
  .regions-popup .map-card__list {
    padding-left: 6px; }

@-webkit-keyframes pop-up-in-anim {
  from {
    top: -20px; }
  to {
    top: 0; } }

@keyframes pop-up-in-anim {
  from {
    top: -20px; }
  to {
    top: 0; } }

@-webkit-keyframes pop-up-out-anim {
  from {
    opacity: .5; }
  to {
    opacity: 0; } }

@keyframes pop-up-out-anim {
  from {
    opacity: .5; }
  to {
    opacity: 0; } }

.regions-popup__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #0B1324;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6e7e9;
  margin-bottom: 22px;
  padding-left: 6px;
  padding-top: 24px;
  padding-right: 20px;
  position: relative; }

.regions-popup__descr {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: rgba(11, 19, 36, 0.4); }

.about-regions__list {
  padding: 0 15px 0 30px;
  width: 100%;
  height: 222px;
  overflow: auto;
  position: relative; }
  .about-regions__list li {
    padding: 0 0 18px 9px;
    border-bottom: 1px solid rgba(11, 19, 36, 0.15);
    margin-bottom: 16px;
    cursor: pointer; }
    .about-regions__list li:hover .about-regions__title {
      color: #336FC2;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .about-regions__list li:last-child {
      margin-bottom: 0; }

.about-regions__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  color: #0B1324;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 1px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.about-regions__descr {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  color: rgba(11, 19, 36, 0.4);
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 20px; }

.list-marker {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 19px; }

.list-marker__item {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #b5b8bd; }

.history-slider__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }
  .history-slider__dots div {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: rgba(11, 19, 36, 0.4); }
    .history-slider__dots div:after {
      margin-left: 13px;
      margin-right: 13px;
      content: '•';
      font-size: 22px;
      line-height: 22px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      color: #CCCFD2; }
  .history-slider__dots:hover div {
    color: #336FC2; }
    .history-slider__dots:hover div:nth-child(1):after, .history-slider__dots:hover div:nth-child(2):after {
      color: #336FC2; }

.history {
  overflow: hidden; }
  .history .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1248px;
    position: relative; }

.history-slider.slick-slider.slick-dotted {
  margin-bottom: 14px; }

.history-slider .slick-prev,
.history-slider .slick-next {
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0; }

.history-slider .slick-prev {
  left: -66px;
  background-image: url("../images/history-btn-prev.svg");
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .history-slider .slick-prev:hover {
    background-image: url("../images/history-btn-prev-hover.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .history-slider .slick-prev:before {
    content: ''; }

.history-slider .slick-next {
  right: -66px;
  background-image: url("../images/history-btn-next.svg");
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .history-slider .slick-next:hover {
    background-image: url("../images/history-btn-next-hover.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .history-slider .slick-next:before {
    content: ''; }

.history-slider .slick-slide {
  margin: 0 12px; }

.history__title {
  padding-left: 12px; }

.history-slider li:last-of-type .history-slider__dots div:last-child:after {
  visibility: hidden; }

.history-slider .slick-prev, .history-slider .slick-next {
  width: 44px;
  height: 19px;
  top: 46.6%; }

.history-slider .slick-active .history-slider__dots div {
  color: rgba(11, 19, 36, 0.95); }

.history-slider .slick-dots {
  bottom: -35px;
  left: 59px;
  height: 40px;
  width: 1126px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative; }
  .history-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0; }

.through-the-years--1, .through-the-years--2, .through-the-years--3 {
  height: 8px;
  background-color: #fff;
  position: absolute;
  top: 115px; }

.through-the-years--1 {
  width: 142px;
  left: 286px; }

.through-the-years--2 {
  width: 142px;
  left: 702px; }

.through-the-years--3 {
  width: 358px;
  left: 1118px; }

.jsOverflowXauto {
  overflow-x: auto !important; }

.history-slider__item {
  min-height: 552px;
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.sliding-line {
  height: 8px;
  background: #FFDB0A;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2; }

.slider-line {
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  bottom: 53px;
  z-index: 1;
  height: 2px;
  width: 100%;
  background-color: #fff; }

.history-slider__item-top {
  position: relative; }

.history-slider__year {
  position: absolute;
  top: 10px;
  left: 29px;
  color: #fff;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 88px;
  line-height: 106px; }

.history-slider__descr {
  padding: 28px 30px; }

.history-slider__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  color: #0B1324;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px; }

.history-slider__text {
  width: 284px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: #0B1324;
  font-size: 16px;
  line-height: 26px; }

@media (max-width: 1704px) {
  .deals, .history {
    width: 100%; } }

.soglasie-section {
  border-top: 1px solid #DFE7F1;
  padding-top: 62px;
  padding-bottom: 110px; }

.soglasie-title {
  text-align: left;
  margin-bottom: 36px; }

.soglasie-text-block {
  width: 75%;
  margin-bottom: 105px; }
  .soglasie-text-block p {
    margin-bottom: 20px;
    color: rgba(11, 19, 36, 0.95);
    font-size: 16px;
    line-height: 26px; }

.soglasie-text-link .info-pannel-documents-item a:before {
  background-image: url(../images/download-blue.svg); }

.zakupka-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.zakupka-section-title {
  text-align: left;
  margin-bottom: 37px; }

.zakupka-section-title-short {
  margin-bottom: 31px; }

.zakupka-content-wrapper-right {
  width: 807px; }

.zakupka-content-desc-block {
  margin-bottom: 69px; }

.zakupka-block-descr {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #94999F; }

.qr-code {
  width: 288px;
  max-width: 288px;
  margin-top: 50px; }
  .qr-code img {
    max-width: 100%;
    height: auto; }

.zakupka-content-desc {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px; }

.zakupka-content-requirements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.zakupka-content-requirements-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 184px;
  height: 148px;
  margin-right: 21px;
  background-repeat: no-repeat;
  position: relative;
  -webkit-background-size: contain;
          background-size: contain;
  background: rgba(173, 186, 189, 0.5);
  margin-bottom: 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px; }
  .zakupka-content-requirements-item:nth-child(4n) {
    margin-right: 0; }
  .zakupka-content-requirements-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(64, 64, 64, 0.8)), to(rgba(0, 0, 0, 0.05)));
    background: -webkit-linear-gradient(bottom, rgba(64, 64, 64, 0.8) 0%, rgba(0, 0, 0, 0.05) 100%);
    background: -o-linear-gradient(bottom, rgba(64, 64, 64, 0.8) 0%, rgba(0, 0, 0, 0.05) 100%);
    background: linear-gradient(to top, rgba(64, 64, 64, 0.8) 0%, rgba(0, 0, 0, 0.05) 100%);
    z-index: 0;
    -webkit-border-radius: 4px;
            border-radius: 4px; }

.zakupka-content-requirements-item-title {
  color: #ffffff;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  line-height: 22px;
  padding-bottom: 10px;
  padding-left: 16px;
  position: relative;
  z-index: 1; }

#tabs > div {
  display: none; }

#tabs > div.active {
  display: block; }

.partners-content-right {
  width: 807px; }

.partners-content .vacancy-filter-block-wrapper {
  margin-bottom: 92px; }

.partners-new-wrapper {
  max-width: 288px; }
  .partners-new-wrapper .partners-region-list {
    padding: 24px; }
  .partners-new-wrapper .el-select {
    margin-bottom: 24px; }
  .partners-new-wrapper .el-select .el-input__inner {
    padding-left: 24px; }

.partners-content-right-title {
  text-align: left;
  margin-bottom: 38px; }

.partners-content-right-desc {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  margin-bottom: 75px; }

.partners-content-right-awards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.partners-content-right-awards-item {
  background: rgba(173, 186, 189, 0.2);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  width: 392px;
  padding: 10px 50px 30px 30px;
  margin-bottom: 26px; }

.partners-content-right-awards-itemGold {
  background-image: url("../images/yellow-noise.png");
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: relative; }
  .partners-content-right-awards-itemGold:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: -30px;
    background-image: url("../images/tovar-goda.png");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 164px;
    height: 273px; }
  .partners-content-right-awards-itemGold .partners-content-right-awards-item-count {
    color: #fff; }
  .partners-content-right-awards-itemGold .partners-content-right-awards-item-title {
    color: #fff; }

.partners-content-right-awards-item-count {
  font-size: 88px;
  color: rgba(34, 34, 34, 0.95); }

.partners-content-right-awards-item-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 25px; }

.partners-cooperation {
  width: 1704px;
  background: rgba(173, 186, 189, 0.2);
  margin: 0 auto;
  padding-top: 78px;
  padding-bottom: 72px;
  margin-bottom: 95px; }

.partners-cooperation-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 76px; }

.partners-cooperation-left-title {
  text-align: left;
  margin-bottom: 38px; }

.partners-cooperation-left-desc {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px; }

.partners-cooperation-left {
  width: 43%; }

.partners-cooperation-right {
  margin-top: 10px;
  width: 600px; }

.partners-cooperation-right-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.partners-cooperation-left-desc {
  margin-bottom: 26px; }

.partners-cooperation-advantages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.partners-cooperation-advantages-item {
  width: 392px;
  min-height: 224px;
  padding: 28px;
  background: #FFFFFF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 24px; }

.partners-cooperation-advantages-item-title-ico {
  position: relative;
  display: inline-block;
  background-image: url("../images/ico_assortiment.svg");
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 88px;
  height: 88px;
  float: left;
  margin-right: 29px;
  top: 2px;
  left: 2px; }

.partners-cooperation-advantages-item:nth-child(2) .partners-cooperation-advantages-item-title-ico {
  background-image: url("../images/ico_brands.svg"); }

.partners-cooperation-advantages-item:nth-child(3) .partners-cooperation-advantages-item-title-ico {
  background-image: url("../images/ico_controlsale.svg"); }

.partners-cooperation-advantages-item:nth-child(4) .partners-cooperation-advantages-item-title-ico {
  background-image: url("../images/ico_obotot.svg"); }

.partners-cooperation-advantages-item:nth-child(5) .partners-cooperation-advantages-item-title-ico {
  background-image: url("../images/ico_quality.svg"); }

.partners-cooperation-advantages-item:nth-child(6) .partners-cooperation-advantages-item-title-ico {
  background-image: url("../images/ico_udobnRaspZavodov.svg"); }

.partners-cooperation-advantages-item-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 25px;
  margin-bottom: 18px; }
  .partners-cooperation-advantages-item-title span {
    margin-top: 10px; }

.partners-cooperation-advantages-item-desc {
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  padding-left: 2px; }

.partners-region-map {
  margin-bottom: 89px; }

.partners-region-map-desc {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 40px; }

.partners-region-map .el-select {
  margin-bottom: 24px; }

.partners-region-map .partners-content-right-title {
  margin-bottom: 38px; }

.partners-region-map .col-md-5 {
  padding-left: 32px; }

#region-map {
  height: 552px;
  width: 100%; }

.partners-content-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.partners-new-wrapper, .partners-region-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.partners-region-wrapper {
  padding-bottom: 26px; }

.partners-region-list {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.partners-region-list {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid rgba(11, 19, 36, 0.15);
  background-color: #ffffff;
  overflow-y: scroll;
  position: relative;
  width: 100%;
  height: 474px;
  padding: 36px; }
  .partners-region-list .ps__thumb-y {
    width: 8px;
    right: 10px; }
  .partners-region-list .ps__rail-y {
    margin-top: 25px;
    margin-bottom: 25px; }

.partners-region-list-item {
  padding-top: 37px;
  padding-bottom: 34px;
  margin-bottom: 4px;
  border-top: 1px solid rgba(11, 19, 36, 0.15); }
  .partners-region-list-item:first-child {
    padding-top: 0;
    border-color: transparent; }

.partners-region-list-item-place {
  color: rgba(11, 19, 36, 0.4);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 22px;
  text-transform: uppercase; }

.partners-region-list-item-name {
  position: relative;
  padding-left: 39px;
  color: #333333;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 18px;
  line-height: 25px; }
  .partners-region-list-item-name:before {
    content: "";
    background-image: url("../images/contact-people.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px; }

.partners-region-list-item-position {
  color: rgba(11, 19, 36, 0.4);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  padding-left: 39px; }

.partners-region-list-item-phone {
  position: relative;
  padding-left: 38px;
  display: block;
  color: rgba(34, 34, 34, 0.95);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px; }
  .partners-region-list-item-phone:before {
    content: "";
    background-image: url("../images/contact-phone.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0.6; }

.partners-region-list-item-email {
  position: relative;
  padding-left: 39px;
  color: rgba(34, 34, 34, 0.95);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 4px; }
  .partners-region-list-item-email:before {
    content: "";
    background-image: url("../images/contact-mail.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 0.6; }

@media (max-width: 1919px) {
  .partners-cooperation {
    width: 1360px; } }

@media (max-width: 1378px) {
  .partners-cooperation {
    width: 100%; }
  .partners-cooperation-advantages-item {
    width: 385px; } }

.production-section-img {
  position: relative;
  top: 5px;
  max-height: 560px;
  width: 954px; }
  .production-section-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.production-section-images {
  width: 944px;
  height: 560px;
  position: absolute;
  left: 45.2%; }
  .production-section-images .slick-prev {
    left: -67px;
    background-image: url("../images/slick-btn.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .production-section-images .slick-prev:hover {
      background-image: url("../images/slick-btn-hover1.svg");
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .production-section-images .slick-prev:before {
      content: ''; }
  .production-section-images .slick-next {
    left: -17px;
    right: 0px;
    background-image: url("../images/slick-btn-next.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .production-section-images .slick-next:hover {
      background-image: url("../images/slick-btn-next-hover1.svg");
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .production-section-images .slick-next:before {
      content: ''; }
  .production-section-images .slick-prev, .production-section-images .slick-next {
    top: unset;
    width: 44px;
    height: 44px;
    bottom: -4px;
    -webkit-background-size: contain;
            background-size: contain; }
  .production-section-images .slick-list {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding-bottom: 8px; }

.production-section-pretitle {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-bottom: 26px; }

.production-section-title {
  text-align: left;
  margin-bottom: 28px;
  max-height: 200px; }

.production-section-items {
  width: 450px;
  float: left; }

.production-section-desc {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 26px;
  margin-bottom: 38px;
  max-height: 240px; }

@media (max-width: 1360px) {
  .production-section {
    margin-bottom: 128px; }
  .production-section-images {
    width: 704px;
    left: 43.35%; }
  .production-section-img {
    height: 560px; }
    .production-section-img img {
      -o-object-fit: cover;
         object-fit: cover; } }

.product-catalog {
  padding-top: 54px;
  padding-bottom: 72px;
  width: 1704px;
  margin: 0 auto; }

.product-catalog-desc-title .section-title {
  text-align: left; }

.product-catalog-desc {
  margin-bottom: 78px; }

.product-catalog-desc-text {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  width: 82%;
  margin-top: 8px; }

.product-catalog-item {
  width: 250px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 81px;
  padding-top: 7px;
  padding-bottom: 30px; }
  .product-catalog-item:hover a {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #336FC2; }

.product-catalog-item-wrapper {
  margin-bottom: -8px; }

.product-catalog-item-image {
  width: 250px;
  height: 264px;
  margin-bottom: 16px; }
  .product-catalog-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.product-catalog-item-title {
  text-align: center; }
  .product-catalog-item-title a {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: rgba(11, 19, 36, 0.95);
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
    line-height: 25px; }

.product-catalog-button .brand-button {
  margin: 0 auto;
  width: 230px;
  text-align: center;
  padding-left: 0; }

@media (max-width: 1919px) {
  .product-catalog {
    width: 1360px; } }

@media (max-width: 1378px) {
  .product-catalog {
    width: 100%; } }

.products-recept {
  padding-top: 54px;
  width: 1704px;
  margin: 0 auto;
  padding-bottom: 23px; }

.products-recept-title {
  margin-bottom: 28px;
  text-align: left; }

.products-recept-desc {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 36px; }

.products-recept-content {
  width: 1704px;
  margin: 0 auto;
  background-image: url("../images/recept-background.jpg");
  -webkit-background-size: cover;
          background-size: cover;
  padding-top: 47px;
  padding-bottom: 55px; }

.products-recept-content-top {
  margin-bottom: 44px;
  position: relative; }
  .products-recept-content-top:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 12px;
    top: 22px;
    width: 31%;
    background-color: white; }
  .products-recept-content-top:after {
    content: "";
    position: absolute;
    height: 2px;
    right: 12px;
    top: 22px;
    width: 31%;
    background-color: white; }

.products-recept-content-top-l-elem {
  position: absolute;
  width: 16px;
  height: 16px;
  left: -10px;
  top: 15px;
  background-color: white;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.products-recept-content-top-r-elem {
  position: absolute;
  width: 16px;
  height: 16px;
  right: -10px;
  top: 15px;
  background-color: white;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.products-recept-content-title {
  text-align: center;
  width: 412px;
  height: 44px;
  margin: 0 auto;
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 46px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: white;
  position: relative; }
  .products-recept-content-title:before {
    content: "";
    position: absolute;
    left: -33px;
    top: 11px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    border-left: 22px solid white;
    border-right: 22px solid white;
    border-bottom: 22px solid transparent; }
  .products-recept-content-title:after {
    content: "";
    position: absolute;
    right: -33px;
    top: 11px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    border-left: 22px solid white;
    border-right: 22px solid white;
    border-bottom: 22px solid transparent; }

.products-recept-content-list .col-md-4 {
  margin-bottom: 24px; }

.products-recept-content-item {
  background: #fff;
  height: 100%;
  position: relative;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.23);
  position: relative;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  top: 0; }
  .products-recept-content-item:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
            box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
    top: -4px; }

.products-recept-content-item-product-image {
  display: block;
  position: absolute;
  bottom: 27px;
  right: 25px;
  width: 84px;
  height: 259px;
  z-index: 1; }
  .products-recept-content-item-product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.products-recept-content-item-bot {
  padding: 26px 30px;
  position: relative; }
  .products-recept-content-item-bot:after {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    height: 10px;
    background-image: url(../images/gradient.png);
    background-position: top; }

.products-recept-content-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.products-recept-content-item-title {
  width: 241px;
  margin-bottom: 20px; }
  .products-recept-content-item-title a {
    color: rgba(11, 19, 36, 0.95);
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 24px;
    line-height: 28px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .products-recept-content-item-title a:hover {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.products-recept-content-item-desc {
  color: rgba(11, 19, 36, 0.4);
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 26px; }

.products-recept-content-item-like a {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .products-recept-content-item-like a svg {
    position: relative;
    top: 5px;
    margin-right: 14px; }
  .products-recept-content-item-like a:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .products-recept-content-item-like a:hover svg use {
      fill-opacity: 1;
      fill: red;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }

.products-recept-bot-elems {
  position: relative; }
  .products-recept-bot-elems:before {
    content: "";
    height: 2px;
    width: 48%;
    top: 7px;
    background: white;
    left: 0;
    position: absolute; }
  .products-recept-bot-elems:after {
    content: "";
    height: 2px;
    width: 48%;
    top: 7px;
    background: white;
    right: 0;
    position: absolute; }

.products-recept-bot-elem {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  background: white;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.products-recept-advantages {
  width: 1704px;
  margin: 0 auto;
  background-color: rgba(173, 186, 189, 0.2);
  padding-top: 66px;
  padding-bottom: 62px;
  margin-bottom: 48px; }

.products-recept-advantages-top {
  margin-bottom: 71px; }

.products-recept-advantages-top-left .section-title {
  text-align: left;
  margin-bottom: 29px; }

.products-recept-advatanges-top-desc {
  color: rgba(11, 19, 36, 0.95);
  font-size: 16px;
  line-height: 26px;
  padding-right: 29px; }

.products-recept-advatanges-top-image img {
  border: 9px solid white;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.products-recept-advantages-item {
  position: relative;
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  height: 192px;
  padding: 18px 54px 50px 24px; }
  .products-recept-advantages-item h4 {
    margin: 0;
    letter-spacing: 0;
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #0B1324;
    position: relative;
    z-index: 3; }
  .products-recept-advantages-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    bottom: 0;
    right: 0;
    position: absolute; }
  .products-recept-advantages-item img.adv-first {
    width: 80%;
    height: 81%;
    bottom: -11px;
    right: -36px; }
  .products-recept-advantages-item img.adv-second {
    width: 80%;
    height: 93%;
    bottom: -11px;
    right: -38px; }
  .products-recept-advantages-item img.adv-third {
    width: 80%;
    height: 85%;
    bottom: -11px;
    right: -19px; }

.products-recept-advantages-item-custom-text {
  background-color: transparent;
  color: rgba(11, 19, 36, 0.95);
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 44px;
  line-height: 50px;
  padding-top: 11px;
  padding-left: 31px;
  position: relative;
  z-index: 2; }
  .products-recept-advantages-item-custom-text:after {
    content: "!";
    position: absolute;
    right: -24px;
    top: 75px;
    color: #ffffff;
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 300px;
    z-index: -3; }

@media (max-width: 1919px) {
  .products-recept {
    width: 1360px; }
  .products-recept-content {
    width: 1360px; }
  .products-recept-advantages {
    width: 1360px; } }

@media (max-width: 1378px) {
  .products-recept {
    width: 100%; }
  .products-recept-advantages {
    width: 100%; }
  .products-recept-content {
    width: 100%; } }

.news-section {
  background: rgba(173, 186, 189, 0.2);
  -webkit-background-size: 800px 700px;
          background-size: 800px 700px;
  background-repeat: no-repeat;
  height: 100vh; }
  .news-section .slick-slide {
    margin-right: 24px; }

.news-top-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px; }
  .news-top-content .brand-button {
    width: 211px;
    height: 48px;
    line-height: 44px; }

.news-title {
  margin-right: 77px; }

.news-slider-content {
  margin-right: -24px; }
  .news-slider-content .slick-list {
    margin-right: 1px; }
  .news-slider-content .slick-prev,
  .news-slider-content .slick-next {
    width: 44px;
    height: 44px;
    top: 46.6%;
    -webkit-background-size: contain;
            background-size: contain;
    z-index: 100000000; }
  .news-slider-content .slick-prev {
    left: -75px;
    background-image: url("../images/slick-btn.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .news-slider-content .slick-prev:hover {
      background-image: url("../images/slick-btn-hover1.svg");
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .news-slider-content .slick-prev:before {
      content: ''; }
  .news-slider-content .slick-next {
    right: -51px;
    background-image: url("../images/slick-btn-next.svg");
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .news-slider-content .slick-next:hover {
      background-image: url("../images/slick-btn-next-hover1.svg");
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .news-slider-content .slick-next:before {
      content: ''; }

.news-item {
  width: 372px;
  margin:0 10px;
  display: inline-block;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  top: 0; }
  .news-item:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
            box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
    top: -4px; }
    .news-item:hover .news-item-title a {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.news-item-wrapper {
  padding-bottom: 20px; }
  .news-item-wrapper .news-item {
    top: 4px; }
    .news-item-wrapper .news-item:hover {
      top: 0; }

.news-item-image {
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  height: 280px; }
  .news-item-image a {
    width: 100%;
    height: 100%; }
  .news-item-image img {
    -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.news-item-content {
  padding: 23px 30px 26px 30px; }

.news-item-title {
  height: 100px;
  margin-bottom: 72px; }
  .news-item-title a {
    font-family: "Museo Sans Cyrl 700", sans-serif;
    color: rgba(11, 19, 36, 0.95);
    font-size: 20px;
    line-height: 25px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .news-item-title a:hover {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

.news-item-date {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.5px;
  line-height: 20px; }

@media (max-width: 1360px) {
  .news-section {
    padding-top: 80px;
    padding-bottom: 94px;
    margin-bottom: 108px; }
  .news-item-title {
    height: 100px; }
  .news-slider-content .slick-prev {
    left: -59px; }
  .news-slider-content .slick-next {
    right: -35px; } }

.inner-news-section {
  width: 1704px;
  margin: 0 auto;
  background: rgba(173, 186, 189, 0.2);
  padding-top: 48px;
  padding-bottom: 48px; }

.inner-news-wrapper .inner-news-item {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .inner-news-wrapper .inner-news-item:hover .news-item-content, .inner-news-wrapper .inner-news-item:hover .news-item-image {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
            box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04); }

.inner-news-wrapper .news-item-content {
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
  background-color: #fff; }

.inner-news-wrapper .news-item-content, .inner-news-wrapper .news-item-image {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); }

.inner-news-item {
  margin-bottom: 24px; }
  .inner-news-item:nth-child(3n) {
    margin-right: 0; }

@media (max-width: 1919px) {
  .inner-news-section {
    width: 1360px; } }

@media (max-width: 1378px) {
  .inner-news-section {
    width: 100%; }
  .inner-news-item {
    width: 384px; } }

.contact-us-section {
  background: rgba(173, 186, 189, 0.2);
  -webkit-background-size: 800px 700px;
          background-size: 800px 700px;
  background-repeat: no-repeat;
  width: 1704px;
  margin: 0 auto; }
  .contact-us-section .contact-us-question {
    margin-left: 54px; }

.contact-us-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 30px;
  color: rgba(11, 19, 36, 0.95);
  text-align: center;
  line-height: 34px; }

.contact-us-wrapper {
  height: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.contact-us-question .brand-select .jq-selectbox__select:after {
  right: 24px;
  top: 54%; }

.el-upload.el-upload--text .like-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px; }
  .el-upload__input {height:200px; z-index:1; position:absolute; top:0; right:0; opacity:0; cursor:pointer; font-size:200px; background:url(../images/blank.gif); -webkit-appearance:none}

.brand-select {
  position: relative;
  float: left;
  width: 392px;
  height: 54px;
  background: #FFFFFF;
  border: 1px solid rgba(11, 19, 36, 0.15);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 16px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 54px;
  margin-right: 16px; }
  .brand-select .jq-selectbox__select {
    padding-left: 39px;
    height: 100%; }
    .brand-select .jq-selectbox__select:after {
      content: "";
      background-image: url("../images/btn-listOpen.svg");
      width: 16px;
      height: 10px;
      top: 50%;
      margin-top: -4px;
      right: 24px;
      position: absolute;
      display: block; }
  .brand-select .jq-selectbox__dropdown {
    background: #FFFFFF;
    border: 1px solid rgba(11, 19, 36, 0.15);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    top: 0px !important;
    margin-left: -1px;
    margin-top: -1px;
    left: 1px;
    width: -webkit-calc(100% + 1px);
    width: calc(100% + 1px); }
    .brand-select .jq-selectbox__dropdown ul {
      background: #FFFFFF;
      margin-left: -2px;
      margin-top: -1px;
      border: 1px solid rgba(11, 19, 36, 0.15);
      max-height: 278px !important;
      margin-bottom: 38px; }
    .brand-select .jq-selectbox__dropdown li {
      padding-left: 39px;
      position: relative;
      font-size: 16px;
      height: 50px;
      color: rgba(11, 19, 36, 0.95); }
      .brand-select .jq-selectbox__dropdown li:after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: 0px;
        background: rgba(11, 19, 36, 0.15);
        width: 80%;
        height: 1px; }
      .brand-select .jq-selectbox__dropdown li:last-child:after {
        display: none; }
      .brand-select .jq-selectbox__dropdown li:hover {
        color: #336FC2; }

.contact-us-send-mail {
  float: left; }
  .contact-us-send-mail a {
    position: relative;
    top: 1px;
    display: block;
    width: 88px;
    height: 54px;
    background: #4484D8;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    line-height: 60px;
    text-align: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer; }
    .contact-us-send-mail a:hover {
      background-color: #336FC2;
      color: #fff;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }

.footer-phone-icon {
  background-image: url(../images/footer-phone.svg);
  margin-right: 13px; }

.contact-us-phone a {
  font-size: 24px;
  color: rgba(11, 19, 36, 0.95);
  line-height: 25px; }

.contact-us-wrapper .el-select {
  width: 392px;
  float: left;
  margin-right: 16px; }

@media (max-width: 1919px) {
  .contact-us-section {
    width: 1360px; } }

@media (max-width: 1378px) {
  .contact-us-section {
    width: 100%; }
    .contact-us-section .container {
      padding-left: 0;
      padding-right: 0; } }

.contacts {
  margin-top: 40px;
  margin-bottom: 57px; }

.navigation.contTabs .navigation-list-item {
  padding: 0 26px; }
  .navigation.contTabs .navigation-list-item:nth-child(1) {
    padding-left: 0; }
/*    .navigation.contTabs .navigation-list-item:nth-child(1) a {
      width: 194px; }
  .navigation.contTabs .navigation-list-item:nth-child(2) a {
    width: 71px; }
  .navigation.contTabs .navigation-list-item:nth-child(3) a {
    width: 115px; }
  .navigation.contTabs .navigation-list-item:nth-child(4) a {
    width: 98px; }
  .navigation.contTabs .navigation-list-item:nth-child(5) a {
    width: 139px; }
  .navigation.contTabs .navigation-list-item:nth-child(6) a {
    width: 110px; }
  .navigation.contTabs .navigation-list-item:nth-child(7) a {
    width: 121px; }*/

.contacts__info {
  margin-bottom: 36px; }

.hotline {
  color: #0B1324; }

.hotline__title {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  opacity: 0.4;
  margin-bottom: 10px; }

.hotline__number {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 2px; }

.hotline__note {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  line-height: 26px;
  opacity: 0.95; }

.regions {
  border-top: 1px solid #e6e7e9;
  margin-left: -24px;
  margin-top: 3px; }

.regions-element {
  border-bottom: 1px solid #e6e7e9;
  padding: 30px;
  padding-bottom: 29px; }

.regions-element__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #0B1324;
  margin-bottom: 15px; }

.regions-element__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -4px; }

.regions-element__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 34px;
  height: 34px;
  margin-right: 6px; }
  .regions-element__icon svg {
    fill: #8D96B2 !important;
    opacity: 0.5; }

.regions-element__text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #0B1324; }

.contacts__map {
  width: 1224px;
  height: 537px;
  background-color: #4484D8;
  position: relative; }

.map-card {
  width: 476px;
  height: 374px;
  top: 56px;
  right: 43px;
  border: 1px solid #e6e7e9;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  padding: 28px 25px;
  position: absolute; }
  .map-card .map-card__rules {
    display: none; }
  .map-card .map-card__route {
    display: none; }
  .map-card.jsContactAimOut {
    -webkit-animation: contact-anim-out 0.2s ease-in-out;
            animation: contact-anim-out 0.2s ease-in-out; }

@-webkit-keyframes contact-anim-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes contact-anim-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes contact-anim-out {
  from {
    opacity: .5; }
  to {
    opacity: 0; } }

@keyframes contact-anim-out {
  from {
    opacity: .5; }
  to {
    opacity: 0; } }

.map-card.map-card--rules, .map-card.map-card--route {
  -webkit-box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
          box-shadow: 0 0 5px 0 rgba(11, 19, 36, 0.01), 0 6px 5px 0 rgba(11, 19, 36, 0.02), 0 14px 20px 0 rgba(11, 19, 36, 0.04);
  border: none;
  padding: 28px 30px 44px 24px;
  padding: 23px 28px 44px 31px;
  -webkit-animation: contact-anim-in 0.2s linear;
          animation: contact-anim-in 0.2s linear; }
  .map-card.map-card--rules .news-popup-close, .map-card.map-card--route .news-popup-close {
    width: 44px;
    height: 44px;
    right: 9px;
    top: 9px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-background-size: contain;
            background-size: contain; }
  .map-card.map-card--rules .map-card__icon, .map-card.map-card--route .map-card__icon {
    margin-right: 22px;
    margin-left: 5px;
    width: auto;
    height: auto; }
  .map-card.map-card--rules .map-card__text, .map-card.map-card--route .map-card__text {
    line-height: 22px; }
  .map-card.map-card--rules .map-card__list, .map-card.map-card--route .map-card__list {
    padding-left: 4px; }

.map-card.map-card--rules {
  height: 436px; }
  .map-card.map-card--rules .map-card__rules {
    display: block; }
  .map-card.map-card--rules .map-card__main {
    display: none; }
  .map-card.map-card--rules .map-card__route {
    display: none; }
  .map-card.map-card--rules .map-card__list {
    height: 304px; }
    .map-card.map-card--rules .map-card__list li {
      margin-bottom: 26px; }

.map-card.map-card--route {
  height: 378px; }
  .map-card.map-card--route .map-card__rules {
    display: none; }
  .map-card.map-card--route .map-card__main {
    display: none; }
  .map-card.map-card--route .map-card__route {
    display: block; }
  .map-card.map-card--route .card-adress {
    margin-bottom: 36px; }

.map-card__img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 14px;
  -webkit-border-radius: 3px;
          border-radius: 3px; }
  .map-card__img img {
    -webkit-border-radius: 3px;
            border-radius: 3px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.map-card__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #0B1324;
  margin-bottom: 15px;
  padding-left: 10px; }

.map-card__title--rules {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #0B1324;
  padding-bottom: 21px;
  border-bottom: 1px solid #e6e7e9;
  margin-bottom: 22px;
  padding-left: 9px; }

.map-card__list {
  padding-left: 17px; }

.scroll-wrapper {
  position: relative;
  height: 304px;
  overflow-y: auto;
  margin: 0px -20px;
  padding: 0 20px; }

.map-card__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3px; }
  .map-card__list li.card-adress {
    margin-bottom: 17px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }

.map-card__text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #0B1324;
  border-bottom: 1px dashed #333333;
  cursor: pointer; }

.card-adress .map-card__text {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #0B1324;
  border: none;
  cursor: default; }

.map-card__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 34px;
  height: 34px;
  margin-right: 2px; }

.card-adress .map-card__icon {
  margin-right: 7px; }

.route-length {
  display: none;
  margin-left: 50px; }

.route-length__title {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  color: rgba(11, 19, 36, 0.4);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 5px; }

.route-length__value {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  color: rgba(34, 34, 34, 0.95);
  font-size: 16px;
  line-height: 22px; }

input#jsRouteAdress {
  z-index: 9;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  color: #0B1324;
  background: white;
  width: 100%;
  height: 54px;
  margin-bottom: 18px; }

#jsContactsMap {
  width: 100%;
  height: 100%; }

@media (max-width: 1360px) {
  .contacts__map {
    width: 100%; } }

.footer-bot {
  background-color: gray;
  background: #192633;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px; }
  .footer-bot p {
    color: white; }

footer {
  width: 88.8%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 54px; }

.footer-logo {
  display: block;
  width: 283px; }
  .footer-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.footer-top-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.footer-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 51px; }

.footer-button-up {
  position: relative;
  top: -7px; }

.footer-button-up.button-up--med {
  position: fixed;
  display: none;
  top: unset;
  right: 50px;
  bottom: 50px;
  -webkit-animation: scrollUp 0.5s ease-in-out;
          animation: scrollUp 0.5s ease-in-out; }

@-webkit-keyframes scrollUp {
  from {
    bottom: 0px;
    opacity: 0; }
  to {
    bottom: 50px;
    opacity: 1; } }

@keyframes scrollUp {
  from {
    bottom: 0px;
    opacity: 0; }
  to {
    bottom: 50px;
    opacity: 1; } }

.footer-list-menu {
  margin-right: 66px; }
  .footer-list-menu li a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 14px;
    color: rgba(11, 19, 36, 0.95);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 28px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .footer-list-menu li:hover a {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.footer-list-info p {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  color: #000000;
  margin-top: 3px;
  margin-bottom: 19px;
  line-height: 17px; }

.footer-list-info a {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .footer-list-info a:hover {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.footer-list-info .footer-strong-text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  letter-spacing: -0.6px;
  font-size: 14px; }

.footer-bot-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.footer-privacy {
  width: 297px;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.4);
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-right: 107px;
  padding-top: 9px; }

.footer-sitemap a {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  color: rgba(11, 19, 36, 0.95);
  letter-spacing: 0.5px;
  line-height: 21px;
  text-transform: uppercase;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .footer-sitemap a:hover {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.footer-openinfo a {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  letter-spacing: 0.5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  .footer-openinfo a:hover {
    color: #336FC2;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

.footer-bot-list {
  width: 484px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 113px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: auto; }

.footer-development {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: auto; }
  .footer-development a {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 14px;
    color: rgba(11, 19, 36, 0.4);
    letter-spacing: 0.5px;
    line-height: 16px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .footer-development a:hover {
      color: #336FC2;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }

@media (max-width: 1360px) {
  footer {
    width: 100%; }
    footer .container {
      padding-left: 0;
      padding-right: 0; } }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after,
.row:after {
  content: " ";
  display: table;
  clear: both; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.full-table {
  width: 100% !important; }

.section-wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 100%;
  overflow:hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 1359px) {
  .section-wrapper .container {
    padding-left: 0;
    padding-right: 0; }
  .section-wrapper {
    height: auto; } }


.navigation-news .container::after {content:""; display:block; clear:both}
.navigation-news .navigation-list {float:left}

.navigation-archive {float:right; width:291px; margin:16px 40px 0 0}
.navigation-archive .brand-select {width:100%}

.partner-map-select {margin-bottom:24px}
.partner-map-select::after {content:""; display:block; clear:both}
.partner-map-select .brand-select {float:none; width:100%}

.getintouch-input.error {border-color:#f00}
label.error {display:none !important}


@media (max-width: 1348px), (max-height: 699px) {
    .section {margin:95px 0}
    .section:first-child {margin-top:0}
    .news-section {height:auto; padding:95px 0}
}

.partners-content-left .partner-map-select {width:288px}
.partners-content-left .partners-region-wrapper {width:288px}
script:first-child+.partners-region-list-item {border-top:none; margin-top:0; padding-top:0}
.partners-content-left .partners-region-list {padding:24px}
.partners-content-left .brand-select .jq-selectbox__dropdown ul li {white-space:nowrap; text-overflow:ellipsis; position:relative; overflow:hidden; width:100%}
.partners-content-left .jq-selectbox__select-text {white-space:nowrap; text-overflow:ellipsis; position:relative; overflow:hidden}
.partners-content-left .jq-selectbox__select {padding-left:24px}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 0; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 0;
	}

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 12px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 10px;
		left: 0;
		bottom: 10px;
		right: 0;
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 5px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		text-align: center;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 14px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 20px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 9px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 20px;
		margin: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 7px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 9px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}

	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
	}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

    .mCSB_scrollTools{}

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background:#a9a9a9;
        border-radius: 4px;
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thin", "dark-thin" */

	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */

	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


	/* theme "rounded-dark", "rounded-dots-dark" */

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


	/* theme "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


	/* theme "rounded-dots-dark" */

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

	/* ---------------------------------------- */



	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}


	/* theme "3d", "3d-dark" */

	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

	.mCS-3d.mCSB_scrollTools,
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}

	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "3d-dark" */

	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}

	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "3d-thick", "3d-thick-dark" */

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

	.mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

	.mCS-3d-thick.mCSB_scrollTools_horizontal,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


	/* theme: "3d-thick-dark" */

	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "minimal", "minimal-dark" */

	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0;
		margin: 12px 0;
	}

	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0;
		margin: 0 12px;
	}

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0;
		right: auto;
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}


	/* theme: "minimal-dark" */

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}

	/* ---------------------------------------- */



	/* theme "light-3", "dark-3" */

	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}

	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}

	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "dark-3" */

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}

	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


	/* theme "inset-2", "inset-2-dark" */

	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


	/* theme "inset-3", "inset-3-dark" */

	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	/* ---------------------------------------- */